:root{color-scheme:dark;--bg:#0c0e12;--panel:#151922;--line:#293142;--muted:#a4aebe;--accent:#8bb1ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:#f4f6fa;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{padding:36px 24px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.brand{font-size:26px;font-weight:750;letter-spacing:-1px}.brand span{display:block;font-size:12px;color:var(--muted);letter-spacing:2px;margin-left:26px}nav{display:grid;gap:12px;margin:50px 0}nav a{padding:12px;border-radius:10px;background:#1a2130}aside p{color:var(--muted);font-size:14px}main{max-width:1260px;width:100%;padding:28px 48px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.badge,.pills span{border:1px solid var(--line);border-radius:20px;padding:6px 12px}.badge{color:#b7ddcc}.hero{margin:45px 0 40px;padding:36px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#1c2944,#141922)}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--accent)}h1{font-size:42px;letter-spacing:-1px;margin:12px 0}h2{font-size:23px;letter-spacing:-.4px}p{color:var(--muted)}.pills{display:flex;gap:10px;font-size:13px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px}.sectionhead label{font-size:12px;color:var(--muted)}input,button{background:#1b2433;color:#f4f6fa;border:1px solid var(--line);border-radius:9px;padding:10px 14px;font:inherit}input{max-width:220px;margin-left:8px}button{cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:23px;display:flex;flex-direction:column}.cardtop{font-size:12px;display:flex;justify-content:space-between;color:var(--accent)}h3{margin:18px 0 8px;font-size:21px}.card p{font-size:13px;margin:0 0 20px}.cardlinks{display:flex;gap:8px;margin-top:auto}.cardlinks a{padding:9px 12px;background:#24334e;border-radius:8px;font-size:13px}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel)}.tool span{display:block;color:var(--muted);font-size:13px;margin-top:7px}section{margin-bottom:36px}.note{font-size:13px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metric{padding:16px;border:1px solid var(--line);border-radius:12px}.metric strong{display:block;font-size:23px}.metric span{font-size:12px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.service{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px;font-size:14px}.ok{color:#89d8b7}.bad{color:#ffb0aa}footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}#checked{font-size:13px}[hidden]{display:none!important}@media(max-width:1050px){main{padding:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{grid-template-columns:190px 1fr}}@media(max-width:720px){.shell{display:block}aside{position:static;height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line)}aside p{display:none}nav{display:flex;margin:20px 0 0;flex-wrap:wrap;gap:8px}nav a{font-size:13px;padding:8px}main{padding:20px}.hero{margin:25px 0;padding:24px}h1{font-size:32px}.grid,.tools{grid-template-columns:1fr}.sectionhead{align-items:flex-start;flex-direction:column}.metrics,.services{grid-template-columns:repeat(2,minmax(0,1fr))}input{margin-left:0}.pills{flex-wrap:wrap}header{font-size:11px}}

.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 10%,#26382a 0,transparent 50%),var(--bg)}.auth-card{width:min(100%,520px);padding:44px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.auth-card h1{font-size:34px;line-height:1.15;margin:18px 0}.auth-card p{line-height:1.65}.logo-link{display:flex;align-items:center;gap:16px;margin-bottom:32px;font-size:28px;font-weight:750}.logo-link img{flex-shrink:0}.auth-card form{display:grid;gap:12px;margin-top:24px}.auth-card label{font-size:14px;color:var(--muted)}.auth-card input{margin:0;width:100%;max-width:none;padding:14px}.auth-card button,.primary-link{display:block;text-align:center;background:var(--accent);color:#17201a;border:0;border-radius:10px;font-weight:700;padding:15px;margin-top:12px}.auth-error{color:#ffb0aa}.auth-error:empty{display:none}.auth-foot{font-size:12px;text-align:center;margin-top:28px}.logout-form{margin:0}.brand img{vertical-align:middle}@media(max-width:560px){.auth-card{padding:26px}.auth-card h1{font-size:29px}}

.scarab-page{min-height:100svh;background:#000;display:grid;place-items:center;margin:0;padding:24px;overflow-x:hidden}.scarab-scene{position:relative;width:min(94vw,calc(100svh - 48px),940px);padding:0;margin:0}.scarab-art{display:block;width:100%;height:auto}.scarab-orb{position:absolute;left:42%;top:10.5%;width:16%;height:16%;border-radius:50%;cursor:pointer}.scarab-orb:focus-visible{outline:2px solid #fff;outline-offset:8px}.scarab-orb:hover{box-shadow:0 0 28px #ffffff40}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.mfa-qr{background:white;padding:12px;max-width:100%;height:auto}.auth-card code,.auth-card pre{overflow-wrap:anywhere;white-space:pre-wrap}.auth-card form button+button{margin-top:12px}
/* Unified VPS overview */
.host-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.host-card{background:var(--panel,#151922);border:1px solid var(--line,#283141);border-radius:18px;padding:22px;min-width:0}.host-card h3{font-size:1.2rem;margin:0}.host-card .cardtop{gap:8px;align-items:center;flex-wrap:wrap}.badge{font-size:.74rem;border:1px solid currentColor;padding:4px 8px;border-radius:99px}.host-identity{font-size:.8rem;overflow-wrap:anywhere;color:#a2adbe}.host-projects{font-size:.84rem;min-height:36px;color:#b9c9df}.resource{margin:20px 0}.resource-title{display:flex;justify-content:space-between;gap:8px;font-size:.92rem;margin-bottom:8px}.resource small{display:block;font-size:.76rem;line-height:1.6;color:#a2adbe;margin-top:7px}.resource progress{display:block;width:100%;height:7px;border:0;border-radius:10px;accent-color:#8caeff}.resource progress::-webkit-progress-bar{background:#252e40;border-radius:10px}.resource progress::-webkit-progress-value{background:#8caeff;border-radius:10px}.host-details{display:grid;gap:7px;font-size:.78rem;color:#a2adbe;border-top:1px solid #283141;padding-top:15px}.host-chart{margin-top:18px}.host-chart svg{width:100%;height:auto;max-height:140px;display:block}.host-chart small{color:#a2adbe;font-size:.7rem}.chart-grid{stroke:#293243;stroke-width:.5}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-line.cpu{stroke:#8caeff}.chart-line.ram{stroke:#71d0b2}.chart-line.disk{stroke:#e9bc7b}.chart-legend{display:flex;gap:14px;font-size:.72rem;margin-top:9px}.chart-legend .cpu{color:#8caeff}.chart-legend .ram{color:#71d0b2}.chart-legend .disk{color:#e9bc7b}.monitor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.monitor-actions label{font-size:.8rem}.monitor-actions select{background:#1d2635;border:1px solid #303c50;color:#eaf0fa;border-radius:8px;padding:10px;font:inherit;font-size:.85rem}.project-state{font-size:.85rem}.card .note{font-size:.75rem}.host-card .bad{color:#ffa79c}.host-card .ok{color:#71d0b2}.metrics{margin-top:18px}section{scroll-margin-top:25px}
@media(max-width:1250px){.host-grid{grid-template-columns:1fr}.host-card .host-projects{min-height:0}.host-chart svg{max-height:130px}.host-chart{max-width:620px}.host-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.host-card{padding:18px}.monitor-actions{gap:8px}.host-details{grid-template-columns:1fr}.sectionhead{gap:14px;flex-wrap:wrap}.hero h1{font-size:2rem}}
/* Private dependency status, with words in addition to color. */
.dependency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.dependency-card{background:var(--panel,#151922);border:1px solid var(--line,#283141);border-radius:18px;padding:22px;min-width:0;scroll-margin-top:24px}.dependency-title{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.dependency-title h3{margin:0;font-size:1.12rem}.dependency-title>strong{font-size:.9rem}.dependency-status{border:1px solid currentColor;border-radius:99px;padding:3px 8px;font-size:.72rem;white-space:nowrap;font-weight:600}.dependency-list{list-style:none;margin:14px 0 0;padding:0}.dependency-row{padding:14px 0;border-top:1px solid #30394b;overflow-wrap:anywhere}.dependency-row>small{display:block;color:#b8c5d9;font-size:.76rem;margin-top:7px;line-height:1.5}.dependency-row details{color:#b8c5d9;font-size:.76rem;margin-top:7px;line-height:1.6}.dependency-row details summary{cursor:pointer;width:fit-content}.dependency-row details p{margin:6px 0 0}.dependency-ok .dependency-status{color:#90e1b8}.dependency-failed .dependency-status,.dependency-failed .dependency-alert{color:#ffb3b3}.dependency-stale .dependency-status,.dependency-unknown .dependency-status{color:#f0d395}.dependency-summary{font-weight:600;color:#e5edf8;line-height:1.7}.smtp-incident{border:1px solid #a34d5b;border-left-width:4px;background:#321f2a;border-radius:14px;padding:18px 20px;margin:12px 0}.smtp-incident p{line-height:1.6;margin:9px 0}.smtp-incident small{color:#d0c2cc;line-height:1.6}.smtp-incident.dependency-stale,.smtp-incident.dependency-unknown{border-color:#9c844c;background:#2c2922}.smtp-incident.dependency-ok{border-color:#4f8a70;background:#1f302b}.dependency-alert{font-weight:600}.dependency-row .dependency-title{align-items:flex-start}
@media(max-width:760px){.dependency-grid{grid-template-columns:1fr}.dependency-card{padding:18px}.smtp-incident{padding:16px}.dependency-title{gap:8px}.dependency-summary{font-size:.9rem}}
/* Histories are loaded only when a private service panel is opened. */
.service-history{margin-top:12px!important}.service-history>summary{font-weight:600;color:#d2e0f3}.history-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.history-controls label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.history-controls select,.history-controls button{font-size:.76rem;padding:7px 10px}.history-content{line-height:1.6}.history-content p{margin:8px 0;font-size:.78rem}.history-content .history-summary{font-weight:600;color:#dce6f6}.history-events{list-style:none;padding:0;margin:12px 0}.history-event{border-left:3px solid #8294af;background:#111820;padding:12px 14px;margin:10px 0;border-radius:0 10px 10px 0;overflow-wrap:anywhere}.history-event>strong{font-size:.82rem}.history-resolved{border-left-color:#90e1b8}.history-resolved>strong{color:#90e1b8}.history-ongoing{border-left-color:#ffb3b3}.history-ongoing>strong{color:#ffb3b3}.history-interrupted{border-left-color:#f0d395}.history-interrupted>strong{color:#f0d395}.history-gaps{padding-left:18px;font-size:.74rem}.history-gaps li{margin:6px 0}

/* One accessible input keeps paste/autofill native; six equal visual slots. */
.verification-card{max-width:520px}.verification-card .verification-form{gap:10px}.verification-entry{position:relative;min-width:0}.verification-slots{display:none}.verification-entry[data-segmented="true"]{width:100%;max-width:384px;justify-self:center}.verification-entry[data-segmented="true"] input{position:absolute;inset:0;z-index:1;height:100%;opacity:0;cursor:text;font-size:24px}.verification-entry[data-segmented="true"] .verification-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;pointer-events:none}.verification-slot{display:grid;place-items:center;aspect-ratio:1;min-width:0;background:#1b2433;border:1px solid var(--line);border-radius:10px;font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}.verification-slot.is-active{border-color:var(--accent);box-shadow:0 0 0 3px #8bb1ff26}.verification-card .verification-hint{margin:4px 0 0;font-size:13px;text-align:center}.verification-card .verification-secondary{width:100%;margin-top:14px;background:transparent;color:var(--muted);border:1px solid transparent;font-size:14px;font-weight:500;padding:10px 6px}.verification-card .verification-secondary:hover{color:#f4f6fa;background:#ffffff06}.verification-card .verification-cancel{margin-top:22px;padding-top:12px;border-top:1px solid var(--line)}.verification-card .verification-cancel button{margin-top:0}.verification-form>button{width:100%}@media(max-width:380px){.verification-entry[data-segmented="true"] .verification-slots{gap:6px}.verification-slot{font-size:23px;border-radius:8px}.verification-card{padding:22px}.auth-page:has(.verification-card){padding:16px}}@media(forced-colors:active){.verification-slot.is-active{outline:2px solid Highlight}}