:root{--bg: #0b0f14;--bg-deep: #0b1118;--bg-surface: #0f141c;--bg-panel: rgba(17, 22, 29, .88);--bg-panel-2: rgba(25, 32, 43, .7);--bg-hover: #1f2936;--bg-input: rgba(11,15,20,.7);--border: #232c38;--border-2: #2d3948;--text: #d7e1f0;--text-2: #b9c7da;--muted: #8797ad;--accent: #2f81f7;--accent-hover: #4a9aff;--error: #f87171;--success: #34d399;--warn: #fbbf24;--font-ui: "Segoe UI", "Apple SD Gothic Neo", sans-serif;--font-code: Consolas, "Cascadia Code", "D2Coding", monospace;--plotly-paper: #11161d;--plotly-plot: #11161d;--plotly-font: #d7e1f0;--plotly-grid: rgba(135,151,173,.12);--plotly-line: #314158;--plotly-tick: #8797ad;--plotly-hover-bg: rgba(15,20,28,.92);--plotly-hover-border: rgba(125,181,255,.48);--plotly-hover-font: #d7e1f0;--plotly-crosshair-x: rgba(125,181,255,.92);--plotly-crosshair-y: rgba(125,181,255,.46);--scrollbar-thumb: rgba(135,151,173,.22);--scrollbar-thumb-hover: rgba(135,151,173,.38);color-scheme:dark}[data-theme=light]{--bg: #f4f5f7;--bg-deep: #e8eaed;--bg-surface: #ffffff;--bg-panel: rgba(255,255,255,.92);--bg-panel-2: rgba(240,242,245,.8);--bg-hover: #e2e5ea;--bg-input: rgba(240,242,245,.8);--border: #d0d5dd;--border-2: #bcc3ce;--text: #1a1d23;--text-2: #3b4252;--muted: #6b7685;--accent: #2563eb;--accent-hover: #1d4ed8;--error: #dc2626;--success: #16a34a;--warn: #d97706;--plotly-paper: #ffffff;--plotly-plot: #ffffff;--plotly-font: #1a1d23;--plotly-grid: rgba(0,0,0,.07);--plotly-line: #bcc3ce;--plotly-tick: #6b7685;--plotly-hover-bg: rgba(15,23,42,.92);--plotly-hover-border: rgba(96,165,250,.55);--plotly-hover-font: #f1f5f9;--plotly-crosshair-x: rgba(37,99,235,.78);--plotly-crosshair-y: rgba(37,99,235,.38);--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-thumb-hover: rgba(0,0,0,.28);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased}#root{height:100%}button,input,select,textarea{font:inherit}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:-1px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100%}.login-card{width:min(380px,calc(100vw - 32px));background:var(--bg-panel);border:1px solid var(--border);padding:40px 36px 36px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:18px;font-weight:600;letter-spacing:.5px;color:var(--text);margin-bottom:6px;font-family:var(--font-code)}.login-header p{font-size:12px;color:var(--muted)}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.login-field input{width:100%;height:38px;padding:0 12px;background:#0b0f14b3;border:1px solid var(--border-2);color:var(--text);font-family:var(--font-code);font-size:13px;outline:none;transition:border-color .15s}.login-field input:focus{border-color:var(--accent)}.error-msg{display:none;color:var(--error);font-size:12px;margin-bottom:14px;padding:8px 10px;border:1px solid rgba(248,113,113,.25);background:#f871710f}.error-msg.visible{display:block}.login-error{padding:10px 12px}.login-error-title{font-size:12px;font-weight:600;color:var(--error);margin-bottom:4px}.login-error-detail{font-size:11.5px;color:var(--text-2);line-height:1.45;word-break:break-word}.login-error-meta{margin-top:6px;font-family:var(--font-code);font-size:10.5px;color:var(--muted);letter-spacing:.02em}.submit-btn{width:100%;height:40px;background:transparent;border:1px solid var(--accent);color:#b9d4ff;font-family:var(--font-code);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.submit-btn:hover{background:#2f81f71f;color:#fff}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--muted);font-family:var(--font-code);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.oauth-buttons{display:flex;flex-direction:column;gap:10px}.oauth-btn{width:100%;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--border-2);color:var(--text);font-family:var(--font-code);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.oauth-btn:hover{background:var(--bg-hover);border-color:var(--text-2)}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.guest-login-btn{border-color:#34d39959;color:#a7f3d0}.guest-login-btn:hover{border-color:#34d399bf;background:#34d39914}