:root{--navy-900:#000a25;--navy-800:#001040;--navy-700:#00173f;--navy-600:#002050;--navy-500:#003070;--navy-400:#004080;--navy-300:#0050a0;--navy-200:#1080d0;--navy-100:#1090e0;--gold-500:#e0a020;--gold-600:#c08818;--gold-700:#a07010;--gold-bg:rgba(224,160,32,.12);--teal-300:#90f0f0;--teal-400:#60d0e0;--dark-bg:#070b14;--dark-bg2:#0a0f1d;--dark-card:#101826;--dark-card2:#141e30;--dark-border:#1e2a3d;--dark-text:#e6edf6;--dark-muted:#8ba0b8;--dark-hover:#1b2740;--light-bg:#f1f5f9;--light-card:#fff;--light-card2:#f8fafc;--light-border:#e2e8f0;--light-text:#0f172a;--light-muted:#64748b;--light-hover:#eef2f7;--sidebar-w:260px;--danger:#ef4444;--success:#22c55e;--warning:#eab308;--info:#3b82f6;--radius:14px;--radius-sm:10px;--nav-h:60px;--bottom-nav-h:66px}[data-theme=dark]{--bg:var(--dark-bg);--bg2:var(--dark-bg2);--card-bg:var(--dark-card);--card-bg2:var(--dark-card2);--border:var(--dark-border);--text:var(--dark-text);--muted:var(--dark-muted);--hover:var(--dark-hover);--sidebar-bg:var(--navy-900);--sidebar-text:var(--dark-muted);--sidebar-active:linear-gradient(135deg,var(--navy-400),var(--navy-500));--sidebar-hover:var(--navy-800);--input-bg:var(--dark-card2);--input-border:#2a3a52;--shadow:0 1px 3px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.55);--chip-bg:rgba(16,128,208,.14);--nav-blur:rgba(7,11,20,.85)}[data-theme=light]{--bg:var(--light-bg);--bg2:var(--light-card2);--card-bg:var(--light-card);--card-bg2:var(--light-card2);--border:var(--light-border);--text:var(--light-text);--muted:var(--light-muted);--hover:var(--light-hover);--sidebar-bg:#fff;--sidebar-text:var(--light-muted);--sidebar-active:linear-gradient(135deg,var(--navy-200),var(--navy-400));--sidebar-hover:var(--light-hover);--input-bg:#fff;--input-border:#cbd5e1;--shadow:0 1px 3px rgba(15,23,42,.08);--shadow-lg:0 10px 36px rgba(15,23,42,.14);--chip-bg:rgba(16,128,208,.1);--nav-blur:hsla(0,0%,100%,.88)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}.app{min-height:100vh;min-height:100dvh}.app,.sidebar{display:flex;flex-direction:column}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;z-index:50;transition:transform .3s,background .3s,border-color .3s}.sidebar-header{padding:22px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;transition:border-color .3s}.sidebar-logo{width:38px;height:38px;border-radius:10px;object-fit:contain}.sidebar-header h2{font-size:1.12rem;font-weight:700;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.sidebar-header small{display:block;font-size:.68rem;font-weight:500;color:var(--muted);letter-spacing:.04em}.sidebar-nav{flex:1 1;padding:14px 10px;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);color:var(--sidebar-text);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s;margin-bottom:3px}.sidebar-nav a:hover{background:var(--sidebar-hover);color:var(--text)}.sidebar-nav a.active{background:var(--sidebar-active);color:#fff;font-weight:600;box-shadow:0 4px 14px rgba(16,128,208,.25)}.sidebar-nav a .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.sidebar-footer{padding:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;transition:border-color .3s}.main{flex:1 1;margin-left:var(--sidebar-w);padding:26px 30px 40px;max-width:1400px;transition:margin-left .3s;min-height:100vh}.header-bar{justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.header-bar,.header-bar h1{display:flex;align-items:center}.header-bar h1{font-size:1.45rem;font-weight:700;letter-spacing:-.02em;gap:4px}.header-bar h1 svg{color:var(--gold-500)}.header-bar h1 .badge{font-size:.72rem;font-weight:600;background:linear-gradient(135deg,var(--navy-400),var(--navy-500));color:#fff;padding:3px 10px;border-radius:20px;margin-left:8px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:20px;box-shadow:var(--shadow);transition:background .3s,border-color .3s,box-shadow .3s}.card-title{display:flex;align-items:center;gap:8px;font-size:1.02rem;font-weight:650;margin-bottom:16px;color:var(--text)}.card-title svg{color:var(--gold-500)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:all .2s;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--stat-grad,linear-gradient(90deg,var(--navy-300),var(--navy-100)));opacity:.9}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card .stat-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stat-card h3{font-size:.76rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-top:4px}.stat-card .stat-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--chip-bg);color:var(--navy-200);flex-shrink:0}.stat-card .value{font-size:1.85rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.stat-card .value.blue{color:var(--navy-200)}.stat-card .value.green{color:var(--success)}.stat-card .value.yellow{color:var(--gold-500)}.stat-card .value.red{color:var(--danger)}.stat-card .stat-hint{margin-top:6px;font-size:.72rem;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-bottom:4px}.quick-action{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:all .2s}.quick-action:hover{transform:translateY(-2px);border-color:var(--navy-300);box-shadow:var(--shadow-lg)}.quick-action .qa-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.quick-action .qa-body{flex:1 1}.quick-action .qa-body strong{display:block;font-size:.92rem;font-weight:650}.quick-action .qa-body span{font-size:.76rem;color:var(--muted)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{text-align:left;padding:11px 14px;font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap;background:var(--card-bg2)}thead th:first-child{border-radius:var(--radius-sm) 0 0 0}thead th:last-child{border-radius:0 var(--radius-sm) 0 0}tbody td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover)}tbody tr.row-blocked{opacity:.5}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.74rem;font-weight:650;white-space:nowrap}.tag-active{background:rgba(34,197,94,.12);color:var(--success)}.tag-blocked{background:rgba(239,68,68,.12);color:var(--danger)}.tag-offline{background:rgba(148,163,184,.14);color:var(--muted)}.tag-away{background:rgba(234,179,8,.14);color:var(--warning)}.tag-vip{background:rgba(224,160,32,.14);color:var(--gold-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none;line-height:1.4;min-height:38px;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--navy-400),var(--navy-500));color:#fff;box-shadow:0 4px 12px rgba(0,64,128,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--navy-300),var(--navy-400));box-shadow:0 6px 16px rgba(0,64,128,.35)}.btn-success{background:rgba(34,197,94,.12);color:var(--success)}.btn-success:hover:not(:disabled){background:rgba(34,197,94,.2)}.btn-danger{background:rgba(239,68,68,.12);color:var(--danger)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.2)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn-sm{padding:6px 12px;font-size:.8rem;min-height:32px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:11px 14px;font-size:.92rem;color:var(--text);transition:border-color .2s,background .3s,color .3s;outline:none;font-family:inherit;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--navy-200);box-shadow:0 0 0 3px rgba(16,128,208,.18)}.search-bar{min-width:260px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px;padding-left:40px}.voucher-form{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalPop .25s ease}@keyframes modalPop{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.toast{position:fixed;bottom:24px;right:24px;background:var(--card-bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 18px;font-size:.88rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:100;animation:slideUp .3s ease;max-width:340px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav,.mobile-topbar{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55}.sidebar-toggle{display:none;padding:8px 12px;font-size:1.2rem;gap:6px;min-height:44px}.icon-btn,.sidebar-toggle{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center}.icon-btn{width:44px;height:44px;display:inline-flex;justify-content:center;transition:all .2s;flex-shrink:0}.icon-btn:hover,.theme-toggle{background:var(--hover)}.theme-toggle{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-sm);border:none;color:var(--text);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;width:100%;min-height:42px}.theme-toggle:hover{background:var(--sidebar-active);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy-900),var(--navy-700),var(--dark-bg));padding:20px}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:36px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.5);transition:background .3s,border-color .3s}.login-logo{text-align:center;margin-bottom:30px}.login-logo img{width:64px;height:64px;border-radius:16px;margin-bottom:12px}.login-logo h1{font-size:1.5rem;font-weight:700;color:var(--gold-500);letter-spacing:-.02em}.login-card .form-group{margin-bottom:16px}.login-card .btn{width:100%;margin-top:8px;padding:13px;min-height:48px}@media (max-width:768px){html{font-size:14px}.mobile-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:48;background:var(--nav-blur);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:10px 14px;min-height:var(--nav-h)}.mobile-topbar,.mobile-topbar .brand{display:flex;align-items:center;gap:10px}.mobile-topbar .brand{flex:1 1;min-width:0}.mobile-topbar .brand img{width:34px;height:34px;border-radius:9px;object-fit:contain}.mobile-topbar .brand strong{font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em;white-space:nowrap}.mobile-topbar .brand small{display:block;font-size:.62rem;color:var(--muted);font-weight:500;letter-spacing:.05em;white-space:nowrap}.sidebar{transform:translateX(-100%);width:min(300px,82vw);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.sidebar-toggle{display:inline-flex}.main{margin-left:0;padding:18px 16px calc(16px + var(--bottom-nav-h) + env(safe-area-inset-bottom))}.header-bar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.header-bar h1{font-size:1.3rem}.search-bar{min-width:auto;width:100%}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--nav-blur);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:48}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:.64rem;font-weight:600;transition:color .2s;position:relative}.bottom-nav a svg{width:22px;height:22px;transition:transform .2s}.bottom-nav a.active{color:var(--gold-500)}.bottom-nav a.active svg{transform:translateY(-1px)}.bottom-nav a.active:before{content:"";position:absolute;top:0;width:36px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--gold-500),var(--gold-600))}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat-card{padding:14px;border-radius:12px}.stat-card .stat-top{margin-bottom:10px}.stat-card .stat-icon{width:34px;height:34px;border-radius:9px}.stat-card h3{font-size:.68rem}.stat-card .value{font-size:1.45rem}.stat-card .stat-hint{font-size:.66rem}.quick-actions{grid-template-columns:1fr;gap:10px}.voucher-form{gap:12px}.voucher-form .form-group{flex:1 1 45%!important;width:auto!important;min-width:0!important}.voucher-form .btn{flex:1 1 100%}.table-wrap{overflow:visible}table{display:block}thead{display:none}tbody,tbody tr{display:block}tbody tr{background:var(--card-bg2);border:1px solid var(--border);border-radius:12px;padding:6px 14px;margin-bottom:12px;box-shadow:var(--shadow)}tbody tr.row-blocked{opacity:.55}tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:.85rem;text-align:right}tbody td:last-child{border-bottom:none;padding-bottom:12px}tbody td:before{content:attr(data-label);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex-shrink:0;text-align:left}tbody td:first-child{border-bottom:1px solid var(--border);padding-top:12px}tbody td:first-child:before{display:none}tbody tr:hover{background:var(--card-bg2)}.mono{font-family:monospace}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:none;border-radius:18px 18px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));max-height:82vh;animation:sheetUp .3s ease}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--border);margin:-6px auto 14px}.btn{min-height:44px;padding:10px 16px}.btn-sm{min-height:40px}.card{padding:16px;border-radius:12px}.toast{left:16px;right:16px;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 12px);max-width:none;text-align:center;padding:12px 16px}.login-card{padding:28px 20px;border-radius:16px}.search-bar{background-position:12px}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr}.main{padding-left:12px;padding-right:12px}.bottom-nav a{font-size:.6rem}}