:root{--circuit-navy-950:#040e24;--circuit-navy-900:#06142a;--circuit-navy-800:#0b2343;--circuit-blue-700:#0752a0;--circuit-blue-500:#1689e8;--circuit-blue-400:#32b3ff;--circuit-cyan-400:#45d9f4;--circuit-cyan-200:#8debfa;--circuit-white-ice:#f5f8ff;--circuit-text-muted:#a9c6df;--circuit-background:#040e24;--circuit-surface:#06142a;--circuit-surface-raised:#0b2343;--circuit-primary:#1689e8;--circuit-primary-hover:#32b3ff;--circuit-highlight:#45d9f4;--circuit-text:#f5f8ff;--circuit-text-secondary:#a9c6df;--circuit-border:#23405e;--circuit-motion-logo-enter:.7s;--circuit-motion-glow-pulse:3.6s;--circuit-motion-orbit-rotation:45s;--circuit-motion-particle-drift:8s;--circuit-motion-screen-exit:.35s;--navy:var(--circuit-navy-950);--navy-light:var(--circuit-navy-800);--navy-dark:var(--circuit-navy-900);--primary:var(--circuit-primary);--accent:var(--circuit-primary);--accent-dark:var(--circuit-blue-700);--accent-hover:var(--circuit-primary-hover);--highlight:var(--circuit-highlight);--bg:#f0f0f0;--bg-subtle:#f7f8fa;--bg-white:#fff;--bg-card:#fff;--white:#fff;--border:#d4d4d4;--border-light:#e8e8e8;--text:#1a1a1a;--text-secondary:#555;--text-muted:#888;--text-muted-aa:#46566b;--text-faint-aa:#5a687c;--surface-1:#f3f6fa;--surface-2:#e6ecf3;--border-subtle:#dde4ec;--border-strong:#c3cddb;--control-border:#7d8da3;--status-green-text:#1a6b2d;--status-red-text:#b02a37;--status-amber-text:#8a5a00;--status-purple-text:#5a32a3;--green:#28a745;--orange:#fd7e14;--yellow:#ffc107;--red:#e74c3c;--grey:#6c757d;--purple:#9b59b6;--blue:var(--accent);--gold:#f39c12;--radius:6px;--shadow:0 2px 8px #0000001f;--shadow-sm:0 1px 3px #00000014;--brand-gradient:linear-gradient(135deg, var(--circuit-blue-700) 20%, var(--circuit-navy-800) 60%, var(--circuit-navy-950) 100%);--topbar-gradient:linear-gradient(90deg, var(--circuit-blue-700) 0%, var(--circuit-navy-800) 55%, var(--circuit-navy-950) 100%)}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-mark{flex:none;width:38px;height:38px;display:block}.brand-mark--sm{width:26px;height:26px}.brand-name{color:var(--navy);letter-spacing:1px;font-size:1.3rem;font-weight:800}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width:160px;--sidebar-collapsed:52px;--topbar-height:50px;--tabbar-height:36px}html,body,#root{height:100%;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;overflow:hidden}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}.login-root{background:var(--brand-gradient);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:14px;width:100%;max-width:400px;padding:40px 44px;box-shadow:0 20px 60px #00000059}.login-logo{margin-bottom:24px}.login-title{color:#333;margin:0 0 24px;font-size:1.1rem;font-weight:600}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-field label{color:#444;font-size:.82rem;font-weight:600}.login-input{border:1px solid #d0d5dd;border-radius:7px;outline:none;padding:9px 12px;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--accent,#6366f1);box-shadow:0 0 0 3px #6366f126}.login-error{color:#c62828;background:#fff0f0;border:1px solid #f5c6cb;border-radius:6px;padding:9px 12px;font-size:.85rem}.login-remember{color:#444;cursor:pointer;align-items:flex-start;gap:8px;font-size:.85rem;display:flex}.login-remember input{margin-top:3px}.login-remember small{color:#777;margin-top:2px;font-size:.76rem;display:block}.login-btn{background:var(--accent,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:10px;font-size:.95rem;font-weight:600;transition:background .15s,opacity .15s}.login-btn:hover:not(:disabled){background:#4f52d0}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-btn-secondary{color:var(--navy);background:#fff;border:1px solid #ddd;margin-bottom:8px}.login-btn-secondary:hover:not(:disabled){background:#f3f4f6}.login-row{gap:12px;display:flex}.login-row .login-field{flex:1}.login-footer{text-align:center;color:#666;margin-top:20px;font-size:.84rem}.login-footer-link{color:var(--accent,#6366f1);cursor:pointer;background:0 0;border:none;padding:0;font-size:.84rem;font-weight:600;text-decoration:underline}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{box-sizing:border-box;width:100%;padding-right:38px}.login-pw-toggle{cursor:pointer;color:#999;background:0 0;border:none;align-items:center;padding:2px;line-height:1;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-pw-toggle:hover{color:#333}.login-footer-link:hover{color:#4f52d0}.strength-meter{align-items:center;gap:8px;margin-top:6px;display:flex}.strength-meter-track{flex:1;gap:3px;display:flex}.strength-meter-segment{background:#e0e0e0;border-radius:2px;flex:1;height:4px;transition:background .15s}.strength-meter-label{white-space:nowrap;font-size:11px;font-weight:600}@media (width<=768px){.login-card{max-width:440px;padding:36px 32px}.login-input{height:46px;padding:0 12px;font-size:16px}.login-pw-wrap .login-input{padding-right:42px}.login-btn{height:48px;font-size:1rem}}@media (width<=480px){.login-root{box-sizing:border-box;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:var(--circuit-background) url(/lock-bg.png) center / cover no-repeat;align-items:center}.login-card{background:#06142ab8;border:1px solid #45d9f438;border-radius:12px;flex-direction:column;max-width:100%;padding:32px 24px;display:flex;box-shadow:0 8px 32px #00000073,0 0 0 1px #1689e814}.login-logo .brand-mark{box-sizing:content-box;background:var(--circuit-background);border-radius:16px;padding:10px;box-shadow:0 0 0 1px #45d9f440,0 6px 24px #00000080}.login-logo .brand-name,.login-title,.login-field label,.login-remember{color:var(--circuit-text)}.login-remember small,.login-footer{color:var(--circuit-text-secondary)}.login-card p[style*=\#555],.login-card p[style*=\#888]{color:var(--circuit-text-secondary)!important}.login-card p[style*=\#c62828]{color:#ff7070!important}.login-card p[style*=\#1a7535]{color:#4caf50!important}.login-input{border-color:var(--circuit-border);color:var(--circuit-text);background:#040e24}.login-input::placeholder{color:#a9c6df80}.login-input:focus{border-color:var(--circuit-blue-400);box-shadow:0 0 0 3px #32b3ff38}.login-pw-toggle{color:var(--circuit-text-secondary)}.login-input:-webkit-autofill{-webkit-text-fill-color:var(--circuit-text);caret-color:var(--circuit-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #07162f}.login-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--circuit-text);caret-color:var(--circuit-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #07162f}.login-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--circuit-text);caret-color:var(--circuit-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #07162f}.login-pw-toggle:hover{color:var(--circuit-text)}.login-btn{background:linear-gradient(135deg, var(--circuit-blue-500), var(--circuit-blue-700));color:var(--circuit-white-ice);box-shadow:0 0 18px #1689e859}.login-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--circuit-blue-500), var(--circuit-blue-700));opacity:.88}.login-btn-secondary{border:1px solid var(--circuit-blue-400);color:var(--circuit-cyan-200);box-shadow:none;background:#32b3ff1f}.login-btn-secondary:hover:not(:disabled){background:#32b3ff33}.login-footer-link{color:var(--circuit-cyan-200)}.login-footer-link:hover{color:var(--circuit-blue-400)}.login-error{color:#ff7070;background:#ff70701f;border-color:#ff707073}.strength-meter-segment{background:#a9c6df40}.login-form{flex:1;gap:20px}.login-logo{margin-bottom:32px}.login-logo .brand-mark{width:44px;height:44px}.login-logo .brand-name{font-size:1.5rem}.login-title{margin-bottom:28px;font-size:1.2rem}.login-field label{font-size:.88rem}.login-input{border-radius:10px;height:50px;padding:0 14px;font-size:16px}.login-pw-wrap .login-input{padding-right:50px}.login-pw-toggle{padding:13px;right:2px}.login-btn{border-radius:10px;height:52px;margin-top:8px;font-size:1.05rem}.login-btn:active{transform:scale(.98)}.login-error{padding:11px 14px;font-size:.9rem}.login-footer{margin-top:auto;padding-top:24px;font-size:.88rem}.login-footer-link{font-size:.88rem}}.app-root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-container{flex-direction:column;flex:1;display:flex;overflow:hidden}