:root{color-scheme:dark;--bg:#090b10;--panel:#10141d;--line:rgba(255,255,255,.075);--text:#f4f6fb;--muted:#8f99ab;--accent:#7b61ff;--accent2:#a89cff;--green:#4fd49b;--amber:#f2bd5a;--red:#ff6c7a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(circle at 65% -10%,rgba(123,97,255,.12),transparent 30rem),radial-gradient(circle at 8% 45%,rgba(67,198,172,.04),transparent 24rem),var(--bg)}
a{color:inherit;text-decoration:none}.eyebrow{margin:0 0 10px;color:#8d96a7;font-size:11px;letter-spacing:.18em;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(79,212,155,.09);display:inline-block}.warning-dot{background:var(--amber);box-shadow:0 0 0 5px rgba(242,189,90,.09)}
.notice{padding:14px 16px;border-radius:12px;border:1px solid var(--line);font-size:13px;line-height:1.55}.notice-error{color:#ffd0d5;background:rgba(255,108,122,.07);border-color:rgba(255,108,122,.18)}.dashboard-notice{margin:0 0 16px}.dashboard-notice ul{margin:8px 0 0;padding-left:18px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:rgba(9,11,16,.82);backdrop-filter:blur(20px)}
.brand-row{display:flex;gap:12px;align-items:center;padding:0 10px 30px}.brand-mini{color:var(--accent2);font-size:25px}.brand-row strong,.brand-row span{display:block}.brand-row strong{font-size:14px}.brand-row span{font-size:12px;color:var(--muted);margin-top:2px}
nav{display:grid;gap:4px}.nav-item{padding:11px 12px;border-radius:10px;color:#cbd2df;font-size:14px;display:flex;justify-content:space-between}.nav-item.active{background:rgba(123,97,255,.11);color:#e7e3ff}.nav-item.muted{color:#707a8e}.nav-item span{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:2px 6px}.sidebar-bottom{margin-top:auto;display:grid;gap:3px}.signout{padding:11px 12px;color:#9ea7b7;font-size:13px;margin-top:10px}
.content{padding:38px 42px 60px;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:34px;letter-spacing:-.045em}.subtle{color:var(--muted);font-size:13px;margin:7px 0 0}
.user-chip{display:flex;align-items:center;gap:11px;border:1px solid var(--line);padding:8px 12px 8px 8px;border-radius:14px;background:rgba(255,255,255,.025)}.user-chip img{width:34px;height:34px;border-radius:10px}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:12px}.user-chip span{font-size:10px;color:var(--muted);margin-top:2px}
.connection-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);margin-bottom:16px;color:var(--muted);font-size:12px}.connection-strip>div:first-child{display:flex;align-items:center;gap:9px}.connection-strip strong{color:#dce1eb}.freshness{color:#687286}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 38px}.metric-card{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(18,23,34,.94),rgba(13,17,25,.92));display:flex;flex-direction:column}.metric-card>span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.metric-card>strong{font-size:40px;letter-spacing:-.045em;margin:auto 0}.metric-card small{font-size:11px;color:#677185}.live-card{border-color:rgba(79,212,155,.12)}.live-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(79,212,155,.08);display:inline-block}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 15px}.section-heading h2{margin:0;font-size:25px;letter-spacing:-.035em}.period-pill{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:11px}
.site-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.site-card{grid-column:span 2;min-height:315px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(18,23,34,.93),rgba(12,16,24,.93));display:flex;flex-direction:column;overflow:hidden;position:relative}.site-card:nth-child(4){grid-column:2/span 2}.site-card:nth-child(5){grid-column:4/span 2}.site-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(123,97,255,.035);right:-75px;top:-75px;pointer-events:none}
.site-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.site-kicker{display:block;color:#606b7f;font-size:9px;letter-spacing:.09em;margin-bottom:6px}.site-card h3{font-size:20px;letter-spacing:-.03em;margin:0}.health-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#7f899b;font-size:10px;white-space:nowrap}.health-pill .status-dot{width:6px;height:6px;box-shadow:none}.health-pill.bad{color:#ff9da7;border-color:rgba(255,108,122,.18)}
.primary-stat{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0 25px;padding-bottom:22px;border-bottom:1px solid var(--line)}.primary-stat>div>span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.primary-stat>div>strong{font-size:42px;letter-spacing:-.05em}.delta{font-size:11px;padding:5px 7px;border-radius:7px;font-weight:700}.delta.up{color:#69dbaa;background:rgba(79,212,155,.07)}.delta.down{color:#ff8995;background:rgba(255,108,122,.07)}.delta.neutral{color:#8b95a8;background:rgba(255,255,255,.035)}
.site-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.site-stat-row>div{min-width:0}.site-stat-row span:first-child{display:block;color:#778297;font-size:10px;margin-bottom:6px}.site-stat-row strong{display:block;font-size:17px;letter-spacing:-.02em;margin-bottom:5px}.site-stat-row .delta{display:inline-block;padding:2px 5px;font-size:9px}.site-stat-row small{font-size:9px;color:#647084}
.site-card-foot{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:#7c8799;font-size:10px}.site-card-foot>div{display:flex;align-items:center;gap:7px}.site-card-foot strong{color:#d7dce7;font-size:12px}.site-error{border-color:rgba(255,108,122,.15)}.error-copy{color:#d9a0a6;font-size:12px;line-height:1.55;margin-top:28px;word-break:break-word}
.next-panel{margin-top:16px;padding:27px;border:1px solid var(--line);border-radius:20px;background:rgba(16,20,29,.78);display:flex;justify-content:space-between;align-items:center;gap:30px}.next-panel h2{margin:0 0 8px;font-size:22px;letter-spacing:-.03em}.next-panel p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:760px}.next-stack{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;min-width:270px}.done-chip,.todo-chip{padding:7px 9px;border-radius:999px;font-size:10px;border:1px solid var(--line)}.done-chip{color:#72dcae;background:rgba(79,212,155,.05)}.todo-chip{color:#7b8699;background:rgba(255,255,255,.02)}
@media(max-width:1180px){.site-grid{grid-template-columns:repeat(2,1fr)}.site-card,.site-card:nth-child(4),.site-card:nth-child(5){grid-column:auto}.site-card:last-child{grid-column:1/-1}}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}nav,.sidebar-bottom{display:none}.content{padding:24px 18px 40px}.topbar{align-items:flex-start}.user-chip span{display:none}.connection-strip{align-items:flex-start;display:block}.freshness{margin-top:7px}.next-panel{display:block}.next-stack{margin-top:20px;justify-content:flex-start;min-width:0}}
@media(max-width:600px){.metric-grid,.site-grid{grid-template-columns:1fr}.site-card,.site-card:last-child{grid-column:auto}.topbar{display:block}.user-chip{margin-top:16px;width:max-content}.site-stat-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:440px){.site-card-head{display:block}.health-pill{width:max-content;margin-top:10px}.site-stat-row{grid-template-columns:1fr 1fr}.site-stat-row>div:last-child{grid-column:1/-1}}