:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#080b11;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #080b11;--panel: #10151f;--panel-2: #141b27;--line: rgba(255, 255, 255, .085);--muted: #8f9bad;--text: #f6f8fc;--accent: #8dffba;--accent-strong: #4be38a;--negative: #ff7d8c;--warning: #ffd27d;--sidebar-width: 255px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% -10%,rgba(61,211,139,.12),transparent 30rem),var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;gap:3px;padding:8px;border-radius:11px;background:linear-gradient(145deg,#8dffba,#3cce80);box-shadow:0 8px 30px #4be38a2e}.brand-mark span{display:block;height:4px;background:#07110b;border-radius:999px}.brand-mark span:nth-child(2){width:72%}.brand-mark span:nth-child(3){width:44%}.brand-name{font-size:18px;font-weight:750;letter-spacing:-.02em}.brand-subtitle{margin-top:2px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.eyebrow{color:var(--accent);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.button{border:0;border-radius:10px;min-height:42px;padding:0 16px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.58}.button-primary{color:#07110b;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 10px 30px #4be38a2b}.button-secondary{color:var(--text);background:var(--panel-2);border:1px solid var(--line)}.button-full{width:100%}.icon-button{width:40px;height:40px;border:1px solid var(--line);color:var(--text);background:var(--panel-2);border-radius:10px;display:grid;place-items:center}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-visual{padding:42px clamp(32px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:linear-gradient(120deg,#080b11e6,#080b1159),radial-gradient(circle at 70% 20%,rgba(141,255,186,.13),transparent 22rem)}.login-copy{max-width:660px}.login-copy h1{margin:18px 0;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em}.login-copy p{max-width:560px;font-size:18px;line-height:1.65;color:var(--muted)}.login-safeguards{display:flex;flex-wrap:wrap;gap:10px}.login-safeguards span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#cbd3df;font-size:12px}.login-panel{padding:32px;display:grid;place-items:center}.login-card{width:min(430px,100%);display:grid;gap:24px;padding:34px;border:1px solid var(--line);border-radius:20px;background:#10151fdb;box-shadow:0 35px 90px #00000059;backdrop-filter:blur(16px)}.login-card h2{margin:8px 0;font-size:30px;letter-spacing:-.03em}.login-card p{margin:0;color:var(--muted);line-height:1.55}.login-card label{display:grid;gap:8px}.login-card label>span{font-size:13px;font-weight:700}.input-wrap{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#0b0f17;color:var(--muted)}.input-wrap:focus-within{border-color:#8dffba8c;box-shadow:0 0 0 3px #8dffba14}.input-wrap input{flex:1;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.input-wrap input::placeholder{color:#596477}.form-error{padding:11px 13px;border:1px solid rgba(255,125,140,.25);border-radius:10px;color:#ffb2bb;background:#ff7d8c13;font-size:13px}.login-note{text-align:center;font-size:12px}.mobile-logo{display:none}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar-width);padding:22px 16px;display:flex;flex-direction:column;background:#0a0e15f7;border-right:1px solid var(--line);backdrop-filter:blur(20px)}.sidebar-top{padding:0 8px 22px;display:flex;align-items:center;justify-content:space-between}.sidebar-nav{display:grid;gap:4px}.nav-item{min-height:44px;padding:0 12px;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;color:#a3adbc;background:transparent;font-size:14px;text-transform:capitalize;transition:.15s ease}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{color:#07110b;background:var(--accent);font-weight:750}.nav-button{width:100%}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.user-card{padding:12px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#07110b;background:var(--accent);font-weight:800}.user-card strong,.user-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card strong{max-width:145px;font-size:13px}.user-card span{margin-top:3px;color:var(--muted);font-size:11px;text-transform:capitalize}.main-content{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{position:sticky;z-index:20;top:0;min-height:82px;padding:14px clamp(20px,4vw,46px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080b11d1;backdrop-filter:blur(18px)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar h1{margin:4px 0 0;font-size:23px;letter-spacing:-.035em}.summary-strip{padding:22px clamp(20px,4vw,46px) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-pill{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.status-pill span,.status-pill strong{display:block}.status-pill span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.status-pill strong{margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.status-positive strong{color:var(--accent)}.status-negative strong{color:var(--negative)}.dashboard-content{padding:22px clamp(20px,4vw,46px) 50px;display:grid;gap:22px}.section-panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:#10151fc4}.section-header{margin-bottom:18px;display:flex;justify-content:space-between;gap:18px}.section-header h2{margin:5px 0 0;font-size:22px;letter-spacing:-.03em}.section-header p{max-width:760px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.coverage-badge{min-width:82px;padding:10px 12px;align-self:flex-start;text-align:center;border:1px solid var(--line);border-radius:10px;background:#0b0f17}.coverage-badge strong,.coverage-badge span{display:block}.coverage-badge strong{color:var(--accent);font-size:17px}.coverage-badge span{margin-top:3px;color:var(--muted);font-size:10px;text-transform:uppercase}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{min-width:0;min-height:184px;padding:16px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),#0c1119}.metric-unavailable{opacity:.64}.metric-card-head{display:flex;justify-content:space-between;gap:10px}.metric-label{color:#b4bdca;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.signal-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#5c6675;box-shadow:0 0 0 4px #5c66751a}.signal-positive{background:var(--accent);box-shadow:0 0 0 4px #8dffba1a}.signal-negative{background:var(--negative);box-shadow:0 0 0 4px #ff7d8c1a}.metric-value{margin-top:15px;overflow-wrap:anywhere;color:var(--text);font-size:clamp(21px,2.2vw,30px);font-weight:770;letter-spacing:-.04em}.metric-meta{min-height:20px;margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.metric-meta span{padding:3px 6px;border-radius:5px;color:#a9b4c3;background:#ffffff0b;font-size:10px;text-transform:capitalize}.metric-description{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.metric-footer{margin-top:auto;padding-top:12px;display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.055)}.metric-footer span{display:flex;align-items:center;gap:5px;color:#687485;font-size:10px}.loading-state,.error-state{min-height:calc(100vh - 82px);display:grid;place-content:center;justify-items:center;text-align:center}.loading-state p,.error-state p{max-width:460px;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-radius:999px;animation:rotate .75s linear infinite}.spin{animation:rotate .8s linear infinite}.data-quality-footer{padding:0 clamp(20px,4vw,46px) 34px;display:flex;flex-wrap:wrap;gap:8px 18px;color:#657184;font-size:11px}.mobile-only,.sidebar-backdrop{display:none}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1100px){.metric-grid,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.mobile-logo{display:block}.login-panel{min-height:100vh;padding:20px}.sidebar{transform:translate(-102%);transition:transform .18s ease}.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;z-index:25;inset:0;display:block;border:0;background:#00000094}.main-content{margin-left:0}.mobile-only{display:grid}}@media(max-width:620px){.topbar{padding:12px 16px}.topbar .button-secondary{padding:0 11px}.summary-strip{padding:16px 16px 0}.dashboard-content{padding:16px 16px 38px}.section-panel{padding:16px}.metric-grid,.summary-strip{grid-template-columns:1fr}.section-header{align-items:flex-start}.coverage-badge{min-width:68px}.data-quality-footer{padding:0 16px 28px}}