:root{--ink:#09151c;--panel:#10232d;--panel-2:#142b36;--line:#29414b;--muted:#91a8b0;--text:#e8f2f1;--cyan:#55d6e8;--amber:#f5b85b;--green:#6de0a0;--red:#ff7f75}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font:14px/1.5 'DM Sans',sans-serif}button,input,select{font:inherit}.shell{display:flex;min-height:100vh;background:radial-gradient(circle at 70% -20%,#163844 0,transparent 36%),var(--ink)}.sidebar{width:252px;border-right:1px solid var(--line);padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font:700 23px 'Space Grotesk';text-decoration:none;padding:0 12px 34px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--cyan);color:var(--ink);font-size:18px}.brand-dot{color:var(--cyan)}.workspace{border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:28px;background:#0d2029}.workspace strong,.workspace-state{display:block}.workspace strong{font-size:13px;margin:3px 0 8px}.workspace-state{color:var(--muted);font-size:12px}.workspace-state i{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;margin-right:5px}.eyebrow{color:#76949d;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.nav{display:grid;gap:5px}.nav-link{color:#9ab0b7;text-decoration:none;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px}.nav-link span{font-size:18px;width:18px;text-align:center}.nav-link:hover,.nav-link.active{background:#19323c;color:var(--text)}.nav-link.active{box-shadow:inset 3px 0 var(--cyan)}.nav-link b{margin-left:auto;background:#294b56;color:var(--cyan);border-radius:10px;padding:1px 7px;font-size:12px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);padding:18px 10px 0;display:flex;align-items:center;gap:9px;margin-top:16px}.avatar{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#aa7b56;color:#fff;font-size:12px;font-weight:700}.profile small{display:block;color:var(--muted);font-size:12px}.profile-more{margin-left:auto;color:var(--muted)}.main{max-width:1440px;width:100%;padding:42px 56px 70px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.topbar h1{font:600 31px/1.2 'Space Grotesk';margin:7px 0 0;letter-spacing:-.04em}.top-actions{display:flex;gap:10px}.icon-btn,.help-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;width:38px;height:38px;position:relative}.notification-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--amber);top:8px;right:8px}.hero-row,.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.lede,.section-heading p{color:var(--muted);margin:4px 0 0}.primary{border:0;background:var(--cyan);color:var(--ink);font-weight:700;padding:11px 16px;border-radius:8px;cursor:pointer;transition:transform .2s,filter .2s}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.metric-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr .9fr;gap:14px}.metric-card,.panel,.unit-card{border:1px solid var(--line);background:rgba(16,35,45,.88);border-radius:14px}.metric-card{padding:19px 20px;min-height:176px}.metric-head,.panel-head{display:flex;justify-content:space-between;align-items:center;color:#a8bdc1}.metric-value{font:600 39px 'Space Grotesk';margin-top:13px;letter-spacing:-.06em}.metric-muted,.unit{font-size:18px;color:#718c95;letter-spacing:0}.metric-foot{display:block;color:var(--muted);font-size:12px;margin-top:17px}.good-text,.trend{color:var(--green)}.trend{font-size:12px}.trend.amber{color:var(--amber)}.status-pill{font-size:12px;padding:4px 8px;border-radius:20px}.status-pill.good{color:var(--green);background:#173f38}.warning-pill{color:var(--amber);background:#473920}.pending-pill{color:var(--cyan);background:#183d48}.sparkline,.mini-bars{height:38px;margin-top:8px;display:flex;align-items:end;gap:4px}.sparkline i,.mini-bars i{display:block;flex:1;background:var(--cyan);opacity:.75;border-radius:3px 3px 1px 1px}.mini-bars.blue i{background:#5db8e4}.mini-bars.amber-bars i{background:var(--amber)}.alert-card{border-color:#5e4538}.alert-ring{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#5a392e;color:var(--amber);font-weight:700}.alert-card .text-link{display:block;margin-top:9px}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.panel{padding:22px}.panel h2,.section-heading h2{font:600 21px 'Space Grotesk';margin:5px 0 0;letter-spacing:-.03em}.panel-head select,.filter-btn{background:#142b36;color:var(--text);border:1px solid var(--line);padding:8px 10px;border-radius:7px}.chart-legend{display:flex;gap:18px;color:var(--muted);font-size:12px;margin:22px 0 6px}.legend-dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:6px}.amber-dot{background:var(--amber)}.chart{display:grid;grid-template-columns:48px 1fr;grid-template-rows:220px 20px;margin-top:5px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#65818a;font-size:12px;text-align:right;padding-right:12px}.chart svg{width:100%;height:220px;overflow:visible}.grid-line{stroke:#29414b;stroke-width:1;stroke-dasharray:3 5}.line{fill:none;stroke-width:3;stroke-linecap:round}.cyan-line{stroke:var(--cyan)}.amber-line{stroke:var(--amber)}.chart-x{grid-column:2;display:flex;justify-content:space-between;color:#65818a;font-size:12px;padding-top:7px}.activity-list{margin-top:20px}.activity{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #203943;align-items:flex-start}.activity:last-child{border-bottom:0}.activity-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-weight:700}.activity-icon.success{color:var(--green);background:#173f38}.activity-icon.warning{color:var(--amber);background:#473920}.activity-icon.info{color:var(--cyan);background:#183d48}.activity-icon.neutral{color:#b8c7c7;background:#263942}.activity strong,.activity small{display:block}.activity small{color:var(--muted);font-size:12px}.activity time{margin-left:auto;color:#718c95;font-size:12px}.text-link{color:var(--cyan);text-decoration:none;font-size:12px}.view{display:none}.active-view{display:block}.section-heading h2{font-size:30px}.table-panel{padding:0;overflow:hidden}.table-toolbar{padding:16px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.table-toolbar input{background:#0c1b22;border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:var(--text);width:250px}.table-meta{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px 20px;border-bottom:1px solid #203943;color:#a7babe}th{color:#718c95;font-size:12px;text-transform:uppercase;letter-spacing:.1em}td strong,td small{display:block;color:var(--text)}td small{color:var(--muted);font-size:12px}.muted{color:#718c95}.row-action{color:var(--cyan);background:none;border:0;cursor:pointer}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.unit-card{padding:24px}.unit-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#183d48;color:var(--cyan);font-size:20px}.unit-icon.site{background:#403725;color:var(--amber)}.unit-card h3{font:600 18px 'Space Grotesk';margin:18px 0 3px}.unit-card p,.unit-card small{color:var(--muted)}.unit-progress{height:5px;background:#203943;border-radius:3px;margin:22px 0 9px}.unit-progress i{height:100%;display:block;background:var(--cyan);border-radius:3px}.amber-progress i{background:var(--amber)}.event-panel{padding:5px 22px}.event-row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #203943}.event-row:last-child{border:0}.event-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-weight:700}.critical .event-mark{background:#542e32;color:var(--red)}.warning .event-mark{background:#473920;color:var(--amber)}.info .event-mark{background:#183d48;color:var(--cyan)}.event-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.event-row time{color:#718c95;font-size:12px}.event-tag{font-size:12px;padding:4px 7px;border-radius:4px}.critical-tag{color:var(--red);background:#542e32}.warning-tag{color:var(--amber);background:#473920}.info-tag{color:var(--cyan);background:#183d48}.modal-backdrop{position:fixed;inset:0;background:#061016cc;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:10}.modal-backdrop[hidden]{display:none}.modal{width:min(450px,calc(100% - 32px));background:#10232d;border:1px solid #3b5b65;border-radius:16px;padding:30px;position:relative;box-shadow:0 25px 80px #0008}.modal h2{font:600 25px 'Space Grotesk';margin:8px 0}.modal p{color:var(--muted)}.modal-close{position:absolute;top:15px;right:17px;background:none;border:0;color:var(--muted);font-size:25px;cursor:pointer}.code-display{background:#0a171d;border:1px dashed #4b727b;color:var(--cyan);font:600 32px 'Space Grotesk';letter-spacing:.15em;text-align:center;padding:16px;margin:25px 0}.modal label{display:block;color:#a8bdc1;font-size:12px;margin-bottom:7px}.modal select{width:100%;background:#0a171d;color:var(--text);border:1px solid var(--line);padding:11px;border-radius:7px}.modal-submit{width:100%;margin-top:20px}.modal-note{display:block;color:#718c95;font-size:12px;margin-top:15px;text-align:center}@media(max-width:1000px){.sidebar{width:210px}.main{padding:32px 28px}.metric-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}}@media(max-width:680px){.shell{display:block}.sidebar{width:100%;height:auto;padding:16px;display:block}.brand{padding:0 4px 16px}.workspace,.sidebar-bottom,.nav-link:not(.active){display:none}.nav{display:flex}.nav-link.active{width:max-content}.main{padding:26px 18px}.topbar h1{font-size:24px}.hero-row,.section-heading{display:block}.hero-row .primary,.section-heading .primary{margin-top:15px}.metric-grid,.unit-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.event-row{grid-template-columns:30px 1fr auto}.event-tag{display:none}table{min-width:700px}.table-panel{overflow:auto}}
:root{--muted:#a7bdc2}.workspace-state,.metric-foot,.activity small,.activity time,.unit-card small,.event-row p,.event-row time,.table-meta,.modal-note{font-size:12px}.eyebrow,th{font-size:12px}
.nav-link,.text-link,td,th,.filter-btn,.table-toolbar input,.status-pill,.event-tag,.trend,.chart-legend,.chart-x,.chart-y{font-size:12px}.unit-card .unit-icon{float:left;margin:0 12px 8px 0}.unit-card h3{padding-top:7px;margin-top:0}.unit-card p{clear:both}
.avatar{background:#7b583d}.eyebrow{color:#89aab3}.chart-y,.chart-x,.activity time,.event-row time{color:#819aa1}
.brand,.topbar h1,.panel h2,.section-heading h2,.metric-value,.unit-card h3,.code-display,.modal h2{font-family:'IBM Plex Sans',sans-serif}.unit-card .unit-icon{display:inline-grid;vertical-align:middle}.unit-card h3{display:inline-block;vertical-align:middle}
small{font-size:12px}
.eyebrow,th{font-size:12px}
.eyebrow{display:none}.unit-card .unit-icon{width:auto;height:auto;padding:0;background:transparent;border-radius:0;font-size:20px;margin-right:8px}.unit-card h3{padding-top:0}