@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-start:#0f172a;--bg-end:#1e293b;--card:#0b1222cc;--card-border:#1f2a44;--input:#0e1729;--input-border:#23314e;--text:#e5e7eb;--muted:#9aa4b2;--primary:#6366f1;--primary-600:#5458e8;--danger:#ef4444;--success:#10b981;--focus:#22d3ee;--shadow: 0 10px 35px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.03)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#0ea5e9 0%,transparent 40%),radial-gradient(900px 500px at 110% 10%,#a78bfa 0%,transparent 35%),linear-gradient(180deg,var(--bg-start),var(--bg-end));background-attachment:fixed}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:32px 20px}.auth-card{width:100%;max-width:420px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--card);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#22d3ee,#6366f1);display:grid;place-items:center;box-shadow:0 8px 24px #6366f159}.brand h1{font-size:20px;font-weight:700;letter-spacing:.3px;margin:0}.card-title{margin:6px 0 18px;font-size:14px;color:var(--muted)}.form-row{margin-bottom:14px}.label{display:block;margin-bottom:8px;font-size:12px;color:var(--muted)}.input{width:100%;background:var(--input);color:var(--text);border:1px solid var(--input-border);border-radius:12px;padding:12px 14px 12px 42px;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#7a879a}.input:focus{border-color:var(--focus);box-shadow:0 0 0 4px #22d3ee26}.input-wrap{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.85}.pass-wrap{position:relative}.pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#a9b4c4;cursor:pointer}.row-inline{display:flex;align-items:center;justify-content:space-between;margin:10px 2px 6px}.checkbox{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.checkbox input{width:16px;height:16px}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fecaca;padding:10px 12px;border-radius:10px;font-size:13px;margin:10px 0 6px}.btn{width:100%;border:0;border-radius:12px;padding:12px 14px;font-weight:600;letter-spacing:.2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--focus));box-shadow:0 10px 22px #6366f159;transition:transform .06s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.helper{text-align:center;margin-top:12px;font-size:12px;color:var(--muted)}.footer{margin-top:18px;display:flex;justify-content:center;gap:14px;font-size:12px;color:#8793a6}.footer a{color:#a3b2c8;text-decoration:none}.footer a:hover{text-decoration:underline}.glow{position:absolute;inset:auto -80px -80px auto;width:260px;height:260px;background:radial-gradient(closest-side,rgba(99,102,241,.35),transparent 70%);filter:blur(2px);pointer-events:none}.sidebar{z-index:60;transition:transform .22s ease}.sb-backdrop{z-index:Fifty}.sb-backdrop{z-index:55}.scroll-lock{overflow:hidden}@media (max-width: 980px){.topbar{position:sticky;top:0;display:flex;align-items:center;gap:10px;height:56px;padding:0 12px;background:linear-gradient(180deg,var(--sb-bg),var(--sb-bg-2));border-bottom:1px solid var(--sb-border);z-index:40}.hamburger{border:1px solid var(--sb-border);background:var(--sb-bg-2);color:var(--sb-text);width:40px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.hamburger:hover{background:var(--sb-hover)}.topbar-title{color:var(--sb-text);font-weight:700;letter-spacing:.2px}}:root{--sb-bg:#0b1222;--sb-bg-2:#0f1529;--sb-border:#1b2540;--sb-active:#1f2a52;--sb-hover:#151d36;--sb-text:#c9d3e0;--sb-muted:#90a0b8;--primary:#6366f1}.sidebar{height:100vh;position:sticky;top:0;width:260px;background:linear-gradient(180deg,var(--sb-bg),var(--sb-bg-2));border-right:1px solid var(--sb-border);display:flex;flex-direction:column;transition:width .18s ease;z-index:50}.sidebar.collapsed{width:80px}.sb-header{display:flex;align-items:center;gap:10px;padding:16px 14px;height:64px;border-bottom:1px solid var(--sb-border)}.sb-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#6366f1);display:grid;place-items:center;box-shadow:0 6px 18px #6366f159}.sb-title{color:var(--sb-text);font-weight:700;letter-spacing:.2px}.sb-toggle{margin-left:auto;border:0;background:transparent;color:var(--sb-muted);cursor:pointer;border-radius:8px;padding:6px}.sb-toggle:hover{background:var(--sb-hover)}.sb-search{padding:12px}.sb-search input{width:100%;padding:10px 12px;border-radius:10px;outline:none;border:1px solid var(--sb-border);background:#0c152b;color:var(--sb-text)}.sidebar.collapsed .sb-search{display:none}.sb-menu{padding:8px;overflow:auto;scrollbar-width:thin}.sb-section{padding:10px 10px 6px;color:var(--sb-muted);font-size:11px;text-transform:uppercase;letter-spacing:.9px}.sidebar.collapsed .sb-section{display:none}.sb-item{display:flex;align-items:center;gap:12px;color:var(--sb-text);text-decoration:none;padding:10px 12px;border-radius:12px;margin:4px 8px;transition:background .15s ease,color .15s ease,transform .04s ease}.sb-item:hover{background:var(--sb-hover)}.sb-item.active{background:var(--sb-active);color:#fff}.sb-ic{width:20px;height:20px;color:#a8b6cc;flex:0 0 20px}.sb-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sb-label{display:none}.sb-footer{margin-top:auto;padding:10px;border-top:1px solid var(--sb-border)}.sb-logout{width:100%;display:flex;align-items:center;gap:10px;background:#1a2443;color:#dfe7f3;border:1px solid var(--sb-border);border-radius:10px;padding:10px 12px;cursor:pointer}.sb-logout:hover{filter:brightness(1.06)}@media (max-width: 980px){.sidebar{position:fixed;left:0;top:0;height:100dvh;transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}.sb-backdrop{content:"";position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.sb-sub{width:100%}.sb-sub-toggle{all:unset;display:flex;align-items:center;gap:12px;color:var(--sb-text);padding:10px 12px;margin:4px 8px;border-radius:12px;width:100%;cursor:pointer;transition:background .15s ease,color .15s ease;box-sizing:border-box}.sb-sub-toggle:hover{background:var(--sb-hover)}.sb-sub-toggle.open{background:var(--sb-active);color:#fff}.sb-sub-toggle .sb-ic{width:20px;height:20px;color:#a8b6cc;flex:0 0 20px}.sb-caret{width:16px;height:16px;flex:0 0 16px;opacity:.9;transition:transform .18s ease,opacity .15s ease}.sb-sub-toggle:hover .sb-caret{opacity:1}.sb-caret.open{transform:rotate(90deg)}.sb-submenu{max-height:0;overflow:hidden;transition:max-height .22s ease}.sb-submenu.open{max-height:600px}.sb-subitem{display:flex;align-items:center;gap:10px;color:var(--sb-text);text-decoration:none;padding:8px 12px 8px 44px;border-radius:12px;margin:2px 8px;transition:background .15s ease,color .15s ease}.sb-subitem:hover{background:var(--sb-hover)}.sb-subitem.active{background:var(--sb-active);color:#fff}.sb-bullet{width:6px;height:6px;border-radius:999px;background:#6aa4d9;flex:0 0 6px}.sidebar.collapsed .sb-submenu,.sidebar.collapsed .sb-sub-toggle .sb-label{display:none}:root{--card:#0b1222cc;--card-b:#1b2540;--text:#dfe6f7;--muted:#9db0c8;--accent:#22d3ee;--primary:#6366f1;--ok:#10b981;--warn:#f59e0b}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--card-b);border-radius:16px;padding:18px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff08}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--text);font-weight:700}.range-tabs{display:flex;gap:6px}.tab{background:#131c35;border:1px solid var(--card-b);color:var(--muted);padding:6px 10px;border-radius:10px;cursor:pointer;font-size:12px}.tab.active{color:#fff;border-color:var(--primary);box-shadow:0 0 0 2px #6366f126 inset}.kpi-grid{display:grid;grid-template-columns:1fr;gap:12px}.kpi{display:flex;align-items:center;justify-content:space-between;background:#0c152b;border:1px solid var(--card-b);border-radius:14px;padding:14px}.kpi-label{color:var(--muted);font-size:12px}.kpi-value{color:#fff;font-size:22px;font-weight:800;letter-spacing:.2px}.kpi-badge{font-size:12px;padding:4px 8px;border-radius:999px;color:#052;background:#22d3ee26;border:1px solid rgba(34,211,238,.35)}.chart-wrap{height:320px}.page{padding:16px;color:var(--text)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.page-title{font-size:20px;font-weight:700;letter-spacing:.2px}.actions{display:flex;gap:10px}.toolbar{display:flex;gap:12px;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--card);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow);padding:10px 12px;margin:12px 0 16px}.input-wrap{position:relative;width:320px;max-width:100%}.input-wrap .input{padding-left:42px}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.85;color:var(--muted)}.btn.ghost{width:auto;background:transparent;border:1px solid var(--card-border);color:var(--text);box-shadow:none}.btn.ghost:hover{background:#ffffff08}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--input);border:1px solid var(--input-border);color:var(--muted);cursor:pointer;transition:filter .2s,background .2s,border-color .2s}.icon-btn:hover{filter:brightness(1.08);border-color:var(--card-border)}.icon-btn svg{width:16px;height:16px}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--card);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--card-border)}.table thead th{text-align:left;font-size:12px;letter-spacing:.3px;color:var(--muted);background:#ffffff05}.table tbody tr:hover{background:#ffffff05}.td-num{text-align:right;font-variant-numeric:tabular-nums}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.badge.success{background:#10b9812e;color:#b7f8dc;border:1px solid rgba(16,185,129,.35)}.badge.danger{background:#ef444429;color:#ffd3d3;border:1px solid rgba(239,68,68,.35)}.empty{text-align:center;padding:28px 8px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:50}.modal{width:min(720px,92vw);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--card);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.modal-header,.modal-footer{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--card-border)}.modal-footer{border-top:1px solid var(--card-border);border-bottom:0}.modal-body{padding:14px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.form-item{display:grid;gap:6px}.help{font-size:12px;color:var(--muted)}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fecaca;padding:10px 12px;border-radius:10px;font-size:13px}@media (max-width: 720px){.modal-body{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}}