.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;width:100%;max-width:400px;padding:40px}.login-title{margin-bottom:8px;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.login-form{text-align:left;flex-direction:column;gap:12px;display:flex}.login-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.login-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-input:disabled{opacity:.6}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:.95rem;font-weight:500;transition:opacity .15s}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--red);font-size:.85rem}.login-success p{color:var(--green);margin-bottom:16px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.header-subtitle{color:var(--text-muted);font-size:.875rem}.header-right{align-items:center;gap:12px;display:flex}.header-cache{color:var(--text-muted);font-size:.8rem}.source-toggle,.range-toggle{background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:4px;padding:3px;display:flex}.range-btn{color:var(--text-muted);background:0 0;border-radius:4px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.range-btn:hover{color:var(--text)}.range-btn.active{background:var(--accent);color:#fff}.auto-refresh-group{align-items:center;gap:8px;display:flex}.auto-refresh-toggle{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;display:flex}.auto-refresh-indicator{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:background .2s}.auto-refresh-indicator.active{background:var(--green);box-shadow:0 0 6px var(--green);animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.auto-refresh-label{font-weight:500}.last-refreshed{color:var(--text-muted);font-size:.7rem}.refresh-btn{background:var(--accent);color:#fff;border-radius:6px;padding:8px 16px;font-weight:500;transition:opacity .15s}.refresh-btn:hover:not(:disabled){opacity:.85}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sign-out-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.sign-out-btn:hover{color:var(--text);border-color:var(--text-muted)}@media (width<=768px){.header{flex-direction:column;align-items:stretch;gap:12px}.header-right{flex-wrap:wrap;gap:8px}.refresh-btn{text-align:center;flex:1}}@media (width<=480px){.header-title{font-size:1.2rem}.source-toggle,.range-toggle{flex:1}.range-btn{text-align:center;flex:1;padding:6px 8px}}.summary-bar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.summary-label{font-size:.8rem}.summary-value{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.summary-value.spend{color:var(--orange)}.summary-value.balance{color:var(--green)}.summary-value.error{color:var(--red)}.summary-detail{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.summary-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.summary-card{padding:14px}.summary-value{font-size:1.2rem}}@media (width<=480px){.summary-bar{grid-template-columns:1fr 1fr}}.alerts-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.alerts-title{color:var(--yellow);margin-bottom:12px;font-size:1.1rem;font-weight:600}.alerts-list{flex-direction:column;gap:8px;display:flex}.alert-item{border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;display:flex}.alert-warning{background:var(--yellow-soft);border:1px solid var(--yellow);color:var(--yellow)}.alert-critical,.alert-error{background:var(--red-soft);border:1px solid var(--red);color:var(--red)}.alert-icon{width:22px;height:22px;color:var(--bg);background:currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.alert-warning .alert-icon{background:var(--yellow)}.alert-critical .alert-icon,.alert-error .alert-icon{background:var(--red)}.alert-level-label{text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.7rem;font-weight:700}.alert-provider{min-width:100px;font-weight:600}.alert-message{color:var(--text);max-width:55ch}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#222632;--border:#2a2e3b;--text:#e4e4e7;--text-muted:#8b8d98;--accent:#6366f1;--accent-soft:#6366f120;--green:#22c55e;--green-soft:#22c55e20;--yellow:#eab308;--yellow-soft:#eab30820;--red:#ef4444;--red-soft:#ef444420;--orange:#f97316}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.section-title{margin-bottom:16px;font-size:1.1rem;font-weight:600}.chat-metric-card,.engagement-card,.ext-compare-card,.ext-extra-stat,.filegen-chart-card,.job-health-card,.custom-mode-card{background:var(--bg);border:1px solid var(--border);border-radius:8px}.summary-label,.chat-metric-label,.engagement-label,.ext-compare-label,.ext-extra-label,.filegen-chart-label,.filegen-total-label,.job-stat-label,.image-gen-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.empty-state{color:var(--text-muted);text-align:center;padding:32px 20px;font-size:.85rem}.summary-card{transition:background .15s,border-color .15s}.summary-card:hover{background:var(--surface-hover);border-color:var(--accent)}#root{max-width:1400px;margin:0 auto;padding:24px}button{cursor:pointer;border:none;font-family:inherit;font-size:.875rem}input{font-family:inherit;font-size:.875rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){#root{padding:16px}}@media (width<=480px){#root{padding:12px}}.skeleton-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.skeleton-title{background:var(--surface-hover);border-radius:4px;width:160px;height:18px;margin-bottom:16px}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.skeleton-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;padding:20px;display:flex}.skeleton-line{background:var(--surface-hover);border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-line.sm{width:60%;height:12px}.skeleton-line.md{width:80%;height:16px}.skeleton-line.lg{width:50%;height:24px}.skeleton-line.full{width:100%;height:200px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.tab-nav{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--text-muted);background:0 0;border-radius:7px;flex:1;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .15s}.tab-btn:hover{color:var(--text);background:var(--surface-hover)}.tab-btn.active{background:var(--accent);color:#fff}@media (width<=480px){.tab-btn{padding:8px 12px;font-size:.8rem}}.app{flex-direction:column;gap:24px;display:flex}.loading-screen{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.tab-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.error-banner{background:var(--red-soft);color:var(--red);border:1px solid var(--red);border-radius:8px;padding:12px 16px;font-size:.875rem}[role=tabpanel]{flex-direction:column;gap:24px;display:flex}