*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}:root{--bg:#070c18;--surface:#0e1525;--surface-raised:#141e30;--surface-hover:#1a2840;--border:#1a2538;--border-strong:#243650;--accent:#3b82f6;--accent-dim:#1e3560;--accent-glow:#3b82f626;--success:#10b981;--success-dim:#052e1c;--warning:#f59e0b;--warning-dim:#2a1c04;--danger:#ef4444;--danger-dim:#2a0808;--text-1:#e1e8f5;--text-2:#7a8fa8;--text-3:#3a5070}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}#root{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select{font-family:inherit;font-size:inherit}table{border-collapse:collapse}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334d6a}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-raised) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:4px;animation:1.6s infinite shimmer}.login-wrap{background:var(--bg);min-height:100vh;display:flex}.login-left{background:linear-gradient(145deg,#0a1628 0%,#071020 60%,#040b18 100%);flex-direction:column;flex:1;justify-content:center;padding:64px 56px;display:none;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#3b82f60f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.login-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-120px;right:-120px}.login-right{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 24px;display:flex}@media (width>=900px){.login-left{display:flex}.login-right{flex-shrink:0;width:480px;padding:40px 48px}}.nav-link{transition:color .15s;position:relative}.nav-link.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.kpi-grid{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px;display:grid}@media (width>=900px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}