html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#0ea5e9;--background-color:#f8fafc;--surface-color:#fff;--error-color:#ef4444;--success-color:#10b981;--success-light:#10b9810d;--text-primary:#0f172a;--text-secondary:#64748b;--text-on-primary:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--sidebar-width:260px}.dark-theme{--background-color:#0b0f19;--surface-color:#151c2c;--border-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--error-color:#f87171;--success-color:#34d399;--success-light:#34d39914}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--background-color);color:var(--text-primary);transition:background-color .2s,color .2s}#root{width:100%;height:100%;display:flex}.app-container{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--surface-color);border-right:1px solid var(--border-color);z-index:150;flex-direction:column;height:100%;padding:24px;transition:background-color .2s,border-color .2s,left .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-brand{width:100%;color:var(--primary-color);justify-content:space-between;align-items:center;margin-bottom:36px;font-size:20px;font-weight:800;display:flex}.sidebar-brand-title{align-items:center;gap:12px;display:flex}.sidebar-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.sidebar-nav-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sidebar-nav-btn:hover{color:var(--primary-color);background-color:#6366f114}.sidebar-nav-btn.active{background-color:var(--primary-color);color:var(--text-on-primary);box-shadow:0 4px 12px #6366f140}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:140;background-color:#0f172a80;display:none;position:fixed;inset:0}.sidebar-backdrop.show{display:block}.main-panel{flex-direction:column;flex-grow:1;height:100%;display:flex;overflow:hidden}.app-header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;transition:background-color .2s,border-color .2s;display:flex}.header-brand-section{align-items:center;display:flex}.menu-toggle-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;padding:6px;display:none}.menu-toggle-btn:hover{background-color:#0000000d}.header-title{display:none!important}.header-actions{align-items:center;gap:16px;display:flex}.theme-toggle-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:var(--text-primary);background-color:#0000000d}.user-profile-badge{color:var(--text-primary);background-color:#6366f10f;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.content-view{-webkit-overflow-scrolling:touch;flex-grow:1;width:100%;max-width:1200px;margin:0 auto;padding:32px;overflow-y:auto}.bottom-nav{background-color:var(--surface-color);border-top:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-around;align-items:center;height:64px;display:none;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:10px;font-weight:600;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item svg{width:20px;height:20px}.card{background-color:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:24px;padding:24px;transition:box-shadow .2s,background-color .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md)}.card.printed{border-color:var(--success-color);background-color:var(--success-light)}.card-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:700}.card-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.split-layout{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.split-layout>*{min-width:0}pre{white-space:pre-wrap;word-break:break-all;overflow-x:auto}@media (width<=992px){.split-layout{grid-template-columns:1fr}}.login-wrapper{background:linear-gradient(135deg,#6366f114 0%,#0ea5e914 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;overflow-y:auto}.login-card{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);width:100%;max-width:440px;padding:40px}.login-logo{background-color:var(--primary-color);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex;box-shadow:0 10px 15px -3px #6366f14d}.login-title{color:var(--text-primary);text-align:center;margin-bottom:6px;font-size:24px;font-weight:800}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-control{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.form-control:focus{border-color:var(--primary-color);background-color:var(--surface-color);box-shadow:0 0 0 3px #6366f126}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary);box-shadow:0 2px 4px #6366f126}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px #6366f133}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{border-color:var(--text-secondary);background-color:#00000005}.btn-danger{background-color:var(--error-color);color:#fff;box-shadow:0 2px 4px #ef444426}.btn-danger:hover{opacity:.9}.btn-block{width:100%}.badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-color);background-color:#6366f11a}.badge-success{color:var(--success-color);background-color:#10b9811a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface-color);border-radius:var(--radius-md);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;padding:32px;display:flex;overflow-y:auto}.modal-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.cli-textarea{color:#38bdf8;border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:none;background-color:#0f172a;outline:none;width:100%;height:220px;padding:14px;font-family:Fira Code,Courier New,Courier,monospace;font-size:12px;line-height:1.5}.vouchers-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:16px;display:grid}.voucher-preview-card{border:1px dashed var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-color);text-align:center;flex-direction:column;gap:6px;padding:12px;font-size:12px;transition:all .2s;display:flex}.voucher-preview-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.voucher-preview-code{color:var(--primary-color);background-color:#6366f10f;border-radius:4px;padding:4px 0;font-size:14px;font-weight:800}.switch-container{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.alert{border-radius:var(--radius-sm);margin-bottom:20px;padding:14px 18px;font-size:14px}.alert-danger{color:var(--error-color);border-left:4px solid var(--error-color);background-color:#ef444414}@media (width<=768px){.card{margin-bottom:16px;padding:16px}.login-wrapper{background:var(--surface-color);padding:0}.login-card{width:100%;max-width:100%;height:100%;box-shadow:none;border:none;border-radius:0;flex-direction:column;justify-content:center;margin:0;padding:32px 24px;display:flex}.modal-content{max-width:100%;padding:20px}.sidebar{height:100vh;box-shadow:var(--shadow-lg);z-index:200;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-260px}.sidebar.open{left:0}.sidebar-close-btn{display:block}.main-panel{margin-left:0}.app-header{height:60px;padding:0 16px}.menu-toggle-btn{display:flex}.content-view{padding:16px 16px 32px}.bottom-nav{display:flex}.header-mobile-brand,.header-title{display:none!important}}@media (width>=769px){.header-mobile-brand{display:none}}.page-break{page-break-before:always!important;break-before:page!important;height:0!important;margin:0!important;padding:0!important}.print-layout{display:none;width:100%!important;margin:0!important;padding:0!important}.print-vouchers-grid{grid-template-columns:repeat(4,44mm)!important;justify-content:center!important;gap:3mm!important;width:100%!important;max-width:190mm!important;margin:0 auto!important;padding:8mm 0!important;display:grid!important}.print-voucher-card{box-sizing:border-box!important;page-break-inside:avoid!important;break-inside:avoid!important;background-color:#fff!important;border:1px dashed #000!important;border-radius:4px!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;width:44mm!important;height:28mm!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.print-voucher-header{text-transform:uppercase!important;letter-spacing:.3px!important;text-align:center!important;width:100%!important;margin:0!important;padding:3px 0!important;font-size:7.5px!important;font-weight:800!important}.print-voucher-body{flex-direction:column!important;align-items:center!important;width:100%!important;margin:1px 0!important;padding:0 6px!important;display:flex!important}.print-voucher-label{color:#444!important;text-transform:uppercase!important;font-size:5.5px!important}.print-voucher-code{letter-spacing:.3px!important;text-align:center!important;border:1px solid #ccc!important;border-radius:3px!important;width:90%!important;margin:.5px 0!important;padding:2px 4px!important;font-size:11.5px!important;font-weight:800!important}.print-voucher-footer{border-top:1px dashed #eee!important;justify-content:space-between!important;width:100%!important;padding:2px 6px!important;font-size:7.5px!important;font-weight:800!important;display:flex!important}.print-summary-box{color:#000!important;box-sizing:border-box!important;page-break-inside:avoid!important;break-inside:avoid!important;background-color:#fff!important;border:1px solid #000!important;border-radius:6px!important;width:100%!important;max-width:185mm!important;margin-top:10mm!important;margin-left:auto!important;margin-right:auto!important;padding:4mm!important;font-size:10px!important}@media print{@page{size:A4;margin:5mm}html,body,#root,.app-container{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;background:#fff!important;height:auto!important;overflow:visible!important}.print-voucher-card,.print-voucher-header{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.no-print{display:none!important}.print-layout{display:block!important}}