html{min-width:320px;min-height:100%}body,#root{min-width:320px;min-height:100vh}:root{color:#e5eefb;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#0ea5e929,#0000 26rem),radial-gradient(circle at 90% 10%,#22c55e14,#0000 24rem),#07111f;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.hosted-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:28px}.centered-shell{place-items:center;display:grid}.loading-panel{text-align:center}.loading-panel h1{margin-bottom:8px}.loading-panel p{color:#94a3b8}.loading-spinner{border:4px solid #1e293b;border-top-color:#38bdf8;border-radius:50%;width:42px;height:42px;margin:0 auto 18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:22px;display:flex}.brand-row{align-items:center;gap:14px;display:flex}.brand-mark{color:#e0f2fe;letter-spacing:.04em;background:linear-gradient(145deg,#0c4a6e,#082f49);border:1px solid #0ea5e9;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.dashboard-header h1,.section-heading h2{margin:0}.dashboard-header h1{letter-spacing:-.035em;font-size:clamp(26px,4vw,40px)}.eyebrow{color:#38bdf8;letter-spacing:.16em;margin:0 0 5px;font-size:11px;font-weight:900}.header-description{color:#94a3b8;margin:12px 0 0 62px}.header-actions{align-items:center;gap:12px;display:flex}.auto-refresh{background:#0f172ab8;border:1px solid #223249;border-radius:10px;padding:9px 12px}.auto-refresh span,.auto-refresh strong{display:block}.auto-refresh span{color:#64748b;text-transform:uppercase;font-size:10px}.auto-refresh strong{margin-top:2px;font-size:12px}.refresh-button{color:#fff;cursor:pointer;background:#0369a1;border:1px solid #0ea5e9;border-radius:10px;padding:12px 16px;font-weight:800}.refresh-button:disabled{opacity:.55;cursor:wait}.safety-banner,.error-banner{border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.safety-banner{background:#14532d3d;border:1px solid #166534}.error-banner{background:#7f1d1d40;border:1px solid #b91c1c}.safety-banner strong,.safety-banner span,.error-banner strong,.error-banner span{display:block}.safety-banner span,.error-banner span{color:#cbd5e1;margin-top:3px;font-size:12px}.overview-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card{background:linear-gradient(145deg,#0f172af5,#081525f5);border:1px solid #223249;border-radius:14px;min-width:0;padding:15px;box-shadow:0 12px 30px #00000029}.metric-card>span{color:#7f91aa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px;font-size:11px;display:block}.metric-card>strong{overflow-wrap:anywhere;min-height:24px;font-size:18px;display:block}.metric-card small{color:#7f91aa;margin-top:7px;line-height:1.35;display:block}.positive-border{border-color:#166534}.negative-border{border-color:#991b1b}.status-badge{letter-spacing:.04em;overflow-wrap:anywhere;border-radius:999px;align-items:center;max-width:100%;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.status-badge.positive{color:#bbf7d0;background:#1665346b}.status-badge.negative{color:#fecaca;background:#991b1b61}.status-badge.neutral{color:#dbeafe;background:#334155a6}.dashboard-section{background:#081525db;border:1px solid #223249;border-radius:16px;margin-bottom:18px;padding:20px;box-shadow:0 14px 34px #00000021}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;display:flex}.section-heading h2{font-size:20px}.timestamp{color:#7f91aa;text-align:right;font-size:11px}.runtime-layout{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.runtime-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.freshness-panel{background:#0b1728;border:1px solid #223249;border-radius:14px;padding:16px}.freshness-heading{justify-content:space-between;margin-bottom:10px;display:flex}.freshness-heading span{color:#94a3b8}.freshness-heading strong{color:#7dd3fc}.progress-track{background:#1e293b;border-radius:999px;height:9px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#0284c7,#22c55e);min-width:0;height:100%;transition:width .3s}.freshness-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.freshness-panel dl div{background:#101f33;border-radius:9px;min-width:0;padding:10px}.freshness-panel dt{color:#64748b;text-transform:uppercase;font-size:10px}.freshness-panel dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;font-weight:700}.read-only-pill{color:#7dd3fc;background:#082f49;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.safety-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.safety-item{background:#0b1728;border:1px solid #223249;border-radius:12px;padding:14px}.safety-item span,.safety-item strong{display:block}.safety-item span{color:#7f91aa;margin-bottom:7px;font-size:11px}.safe-value{color:#86efac}.unsafe-value{color:#fca5a5}.table-scroll{border:1px solid #223249;border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;background:#0b1728;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #1c2c42;padding:11px 12px;font-size:12px}.data-table th{color:#7f91aa;text-transform:uppercase;letter-spacing:.04em;background:#101f33;font-size:10px}.data-table td{color:#dbeafe}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#10233a}.empty-state{color:#7f91aa;text-align:center;border:1px dashed #334155;border-radius:12px;padding:28px}.dashboard-footer{color:#64748b;justify-content:space-between;gap:14px;padding:8px 2px 24px;font-size:11px;display:flex}@media (width<=1180px){.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.hosted-shell{padding:18px}.dashboard-header,.header-actions,.runtime-layout{flex-direction:column;grid-template-columns:1fr}.dashboard-header{display:flex}.header-actions{align-items:stretch;width:100%}.refresh-button{width:100%}.header-description{margin-left:0}.safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.overview-grid,.runtime-metrics,.safety-grid,.freshness-panel dl{grid-template-columns:1fr}.safety-banner,.section-heading,.dashboard-footer{flex-direction:column;align-items:flex-start}.timestamp{text-align:left}}.secondary-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 14px;font-weight:700}.secondary-button:hover{background:#f8fafc}.google-sign-in-area{flex-direction:column;align-items:center;gap:10px;margin:18px 0 8px;display:flex}.google-button.disabled{pointer-events:none;opacity:.55}.auth-inline-error{color:#b91c1c;margin:8px 0;font-size:13px}.auth-safety-note{color:#64748b;margin-top:14px;display:block}