:root{--bg-base:#060f1e;--bg-surface:#091528;--bg-elevated:#0e1e3a;--bg-border:#1e3a6a;--bg-hover:#0f2a44;--text-primary:#f0f4f8;--text-secondary:#8a9abf;--text-muted:#4a5a7a;--accent-primary:#00c8a0;--accent-primary-hover:#00e0b4;--accent-primary-muted:rgba(0,200,160,0.1);--accent-blue:#4db8ff;--accent-blue-muted:rgba(77,184,255,0.1);--accent-warning:#f5a623;--accent-danger:#ff5f7e;--accent-purple:#b388ff;--sidebar-width:260px;--transition:0.2s ease}[data-theme=light]{--bg-base:#f0f4f8;--bg-surface:#ffffff;--bg-elevated:#ffffff;--bg-border:#e2e8f0;--bg-hover:#e6f7f2;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#0d7c5e;--accent-primary-hover:#0a6a50;--accent-primary-muted:rgba(13,124,94,0.08);--accent-blue:#2563eb;--accent-blue-muted:rgba(37,99,235,0.08);--accent-warning:#d97706;--accent-danger:#dc2626;--accent-purple:#7c3aed}*,:after,:before{box-sizing:border-box;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}body,html{margin:0;padding:0;overflow-x:hidden;width:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:3px}.card{background:var(--bg-elevated);border:1px solid var(--bg-border);border-radius:14px}.btn-primary{background:var(--accent-primary);color:var(--bg-base);border:none;border-radius:8px;padding:10px 20px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-primary:disabled{background:var(--bg-border);color:var(--text-muted);cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary-muted);color:var(--text-primary)}[data-theme=light] body{background:var(--bg-base)}[data-theme=light] .login-left-panel{background:linear-gradient(135deg,#0d7c5e,#065f46)!important}.mobile-topbar{display:none}@media (max-width:768px){.hamburger,.mobile-topbar{display:flex!important}.main-content{margin-left:0!important;padding:60px 16px 32px!important}.sidebar{position:fixed!important;z-index:100!important;height:100vh!important;top:0!important;left:0!important;box-shadow:4px 0 24px rgba(0,0,0,.4)!important}.login-left-panel{display:none!important}.login-right-panel{max-width:100%!important;padding:32px 20px!important;margin:0!important}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}[style*="repeat(3"],[style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important}[style*="minmax(260px"]{grid-template-columns:1fr!important}[style*="maxWidth: '100%'"]{max-width:100%!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}canvas{max-width:100%!important}[style*="fontSize: 48"]{font-size:32px!important}[style*="fontSize: 72"]{font-size:48px!important}[style*="fontSize: 64"]{font-size:40px!important}[style*="padding: '24px 28px'"]{padding:16px!important}[style*="padding: '32px'"]{padding:20px!important}[style*="minmax(0, 1fr)"]{min-width:0}[style*="maxWidth: 700"],[style*="maxWidth: 800"],[style*="maxWidth: 900"]{max-width:100%!important}.hide-mobile{display:none!important}.btn-mobile-full{width:100%!important}[style*="borderBottom: '1px solid var(--bg-border)'"]{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}@media (min-width:769px){.hamburger,.mobile-topbar,.sidebar-overlay{display:none!important}}@media (max-width:400px){.main-content{padding:56px 12px 24px!important}[style*="repeat(2"]{grid-template-columns:1fr!important}[style*="fontSize: 32"]{font-size:24px!important}}