.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);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;padding:40px}.login-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:8px}.login-subtitle{color:var(--text-muted);font-size:var(--text-base);margin-bottom:24px}.login-form{text-align:left;flex-direction:column;gap:12px;display:flex}.login-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted)}.login-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);font-size:var(--text-lg);outline:none;padding:10px 12px;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-input:disabled{opacity:.6}.login-btn{border-radius:var(--radius-sm);background:var(--accent-strong);color:#fff;width:100%;font-size:var(--text-lg);font-weight:var(--weight-medium);cursor:pointer;border:none;padding:10px 16px;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:var(--text-base)}.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{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.header-subtitle{font-size:var(--text-base);color:var(--text-muted)}.header-right{align-items:center;gap:12px;display:flex}.header-cache{font-size:var(--text-sm);color:var(--text-subtle)}.source-toggle,.range-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.range-btn{border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);background:0 0;padding:6px 14px;transition:all .15s}.range-btn:hover{color:var(--text)}.range-btn.active{background:var(--accent-strong);color:#fff}.auto-refresh-group{align-items:center;gap:8px;display:flex}.auto-refresh-toggle{cursor:pointer;font-size:var(--text-sm);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);background:0 0;align-items:center;gap:6px;padding:4px 8px;display:flex}.auto-refresh-indicator{border-radius:var(--radius-full);background:var(--text-muted);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:var(--weight-medium)}.last-refreshed{font-size:var(--text-xs);color:var(--text-subtle)}.refresh-btn{background:var(--accent-strong);color:#fff;border-radius:var(--radius-sm);font-weight:var(--weight-medium);padding:8px 16px;transition:opacity .15s}.refresh-btn:hover:not(:disabled){opacity:.85}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-spinner{border-radius:var(--radius-full);vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sign-out-btn{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;padding:8px 12px;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:var(--text-xl)}.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:var(--radius-lg);flex-direction:column;gap:8px;padding:20px;display:flex}.summary-label{font-size:var(--text-sm)}.summary-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.summary-value.spend{color:var(--orange)}.summary-value.balance{color:var(--green)}.summary-value.error{color:var(--red)}.summary-detail{font-size:var(--text-sm);color:var(--text-muted)}@media (width<=768px){.summary-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.summary-card{padding:14px}.summary-value{font-size:var(--text-xl)}}@media (width<=480px){.summary-bar{grid-template-columns:1fr 1fr}}.alerts-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.alerts-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--yellow);margin-bottom:12px}.alerts-list{flex-direction:column;gap:8px;display:flex}.alert-item{border-radius:var(--radius-md);font-size:var(--text-base);align-items:center;gap:10px;padding:10px 14px;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{font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:var(--radius-full);width:22px;height:22px;color:var(--bg);background:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-warning .alert-icon{background:var(--yellow)}.alert-critical .alert-icon,.alert-error .alert-icon{background:var(--red)}.alert-level-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.alert-provider{font-weight:var(--weight-semibold);min-width:100px}.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;--text-subtle:#82858e;--accent:#6366f1;--accent-soft:#6366f120;--accent-strong:#5a5ce8;--accent-text:#818cf8;--green:#22c55e;--green-soft:#22c55e20;--yellow:#eab308;--yellow-soft:#eab30820;--red:#ef4444;--red-soft:#ef444420;--red-alpha:#ef444430;--orange:#f97316;--orange-soft:#f9731620;--text-xs:.7rem;--text-sm:.8rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.5rem;--text-3xl:1.3rem;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-full:50%;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--radius-xs:4px;--radius-2xs:3px}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{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:16px}.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:var(--radius-md)}.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{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-medium)}.empty-state{color:var(--text-muted);font-size:var(--text-base);text-align:center;padding:32px 20px}.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;font-family:inherit;font-size:var(--text-base);border:none}input{font-family:inherit;font-size:var(--text-base)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}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:var(--radius-lg);padding:24px}.skeleton-title{background:var(--surface-hover);border-radius:var(--radius-xs);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:var(--radius-md);flex-direction:column;gap:10px;padding:20px;display:flex}.skeleton-line{background:var(--surface-hover);border-radius:var(--radius-xs);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{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted);background:0 0;border-radius:7px;flex:1;padding:10px 20px;transition:all .15s}.tab-btn:hover{color:var(--text);background:var(--surface-hover)}.tab-btn.active{background:var(--accent-strong);color:#fff}@media (width<=480px){.tab-btn{font-size:var(--text-sm);padding:8px 12px}}.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:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite spin}.tab-loading{min-height:200px;color:var(--text-muted);font-size:var(--text-base);justify-content:center;align-items:center;display:flex}.error-banner{background:var(--red-soft);color:var(--red);border:1px solid var(--red);border-radius:var(--radius-md);font-size:var(--text-base);padding:12px 16px}[role=tabpanel]{flex-direction:column;gap:24px;display:flex}