:root{color-scheme:dark;--bg:#0b1017;--panel:#121b25;--line:#263341;--muted:#8595a5;--text:#eff5f4;--green:#9deb92;--teal:#5bc7b4;--amber:#f1bc76}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(1380px,calc(100% - 96px));margin:auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:750;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:1.65px;color:var(--muted);font-weight:600}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:1px solid #648f6a;background:#21372e;color:var(--green);font-size:30px;border-radius:10px;line-height:1}.top-actions,.manage-actions{display:flex;align-items:center;gap:22px}.secure{font-size:12px;color:#a8baad}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid transparent;font-weight:700;cursor:pointer;white-space:nowrap}.primary{background:var(--green);color:#102218}.primary:hover{background:#b9f6ae}.ghost{background:transparent;color:#d4dedf;border-color:var(--line)}.secondary{background:#26363d;color:#e5efec}.danger{background:transparent;border-color:#59393e;color:#f0a5a6}.full{width:100%;justify-content:space-between}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:64px 0 38px}.eyebrow,.section-label{font-size:10px;font-weight:750;letter-spacing:1.4px;color:#8d9da8}.eyebrow{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.8px;line-height:1.1;margin:16px 0 12px}h2{font-size:23px;letter-spacing:-.6px;margin-top:7px}h3{font-size:18px}.accent,.green{color:var(--green)}.amber{color:var(--amber)}.page-head p,.subtle,.muted{color:var(--muted)}.overview-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;background:#17232c;border:1px solid var(--line);border-radius:12px;overflow:hidden}.overview-strip>div{padding:25px 30px;border-right:1px solid var(--line)}.overview-strip>div:last-child{border:0}.overview-strip strong{display:block;font-size:40px;line-height:1;margin:16px 0 8px;letter-spacing:-1.5px}.overview-strip small,.server-ident small,.row-status small{display:block;color:var(--muted);font-size:12px}.strip-note{display:flex;align-items:center;gap:18px;color:#a8bdb4}.strip-note b{color:var(--text)}.pulse-icon{font-size:40px;color:var(--green)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:54px 0 19px}.section-heading .subtle{font-size:12px}.count{color:var(--muted);font-size:13px;margin-left:5px}.server-list,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.server-row{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr minmax(145px,1.3fr) 25px;align-items:center;gap:20px;padding:22px 25px;border-bottom:1px solid var(--line)}.server-row:last-child{border:0}.server-row:hover{background:#1a2831}.server-ident{display:flex;align-items:center;gap:14px;min-width:0}.server-ident strong,.server-ident small{overflow-wrap:anywhere}.server-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:9px;background:#263c39;color:var(--green);font-size:22px}.row-metric span,.metric-top{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;font-weight:700}.row-metric strong{display:block;margin-top:4px;font-size:16px}.status{display:inline-flex;align-items:center;border-radius:30px;padding:5px 11px;font-size:11px;font-weight:700;background:#263f32;color:var(--green)}.status .dot{width:6px;height:6px}.status.offline{color:#ff9e9d;background:#492e34}.status.offline .dot{background:#ff9e9d}.status.waiting{color:var(--amber);background:#413a2d}.status.waiting .dot{background:var(--amber)}.row-status small{margin-top:5px}.arrow{color:#859e95;font-size:20px}.empty{text-align:center;padding:60px 25px}.empty .server-icon{margin:0 auto 18px}.empty p{color:var(--muted);margin:8px 0 20px}.back{display:inline-block;margin-top:40px;color:#a7b8b6;font-size:13px}.detail-head{margin-top:28px}.separator{color:#64787b;padding:0 8px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{font-size:21px;color:var(--green)}.metric-card>strong{display:block;font-size:38px;letter-spacing:-1.5px;margin:18px 0}.metric-card small{color:var(--muted)}.meter{height:6px;border-radius:10px;background:#2c3a43;overflow:hidden;margin-bottom:12px}.meter i{display:block;width:var(--value);height:100%;background:var(--green);border-radius:10px}.meter.teal i{background:var(--teal)}.metric-caption{color:var(--green);font-size:13px;margin:-2px 0 12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:580px;text-align:left}th{color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#18242e}td,th{padding:15px 22px;border-bottom:1px solid var(--line);vertical-align:top}td{font-size:13px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.notice{border-radius:9px;padding:15px 18px;margin:20px 0;background:#263d32;color:#c4edc3}.notice.error{background:#3a282c;color:#ffc3bd}.notice ul{margin:8px 0 0;padding-left:20px}.manage{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:60px;padding:25px;border:1px solid var(--line);border-radius:12px}.manage p{margin-top:6px;font-size:13px}.form-card{max-width:650px;padding:30px}.form-card p{color:var(--muted);margin-bottom:22px}.form-stack{display:grid;gap:20px}label{display:grid;gap:8px;font-size:13px;font-weight:650}label small{color:var(--muted);font-weight:400}input,textarea{background:#0d151d;border:1px solid #354753;color:var(--text);border-radius:7px;padding:12px;min-height:46px;width:100%}textarea{resize:vertical;overflow-wrap:anywhere}.form-card textarea{margin:4px 0 20px}.login-wrap{min-height:calc(100vh - 190px);display:grid;grid-template-columns:1fr 420px;align-items:center;gap:80px}.login-intro p{max-width:460px;color:var(--muted);font-size:17px}.login-intro h1 span{color:var(--green)}.login-card{padding:36px}.login-card h2{font-size:29px;margin:12px 0}.login-card .subtle{margin-bottom:28px}.orbit{display:flex;gap:10px;margin-top:50px}.orbit span{padding:8px 13px;border:1px solid var(--line);border-radius:7px;font-size:10px;color:#9cb6a7;letter-spacing:1px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:80px;padding:23px 0;color:#778895;font-size:11px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:800px){.shell{width:calc(100% - 40px)}.secure{display:none}.page-head{margin-top:44px}.overview-strip{grid-template-columns:repeat(3,1fr)}.overview-strip>div{padding:20px}.strip-note{display:none!important}.overview-strip>div:nth-child(3){border:0}.metrics-grid{grid-template-columns:repeat(2,1fr)}.login-wrap{grid-template-columns:1fr;gap:35px;padding:55px 0}.login-intro h1{font-size:48px}.orbit{display:none}.server-row{grid-template-columns:minmax(140px,2fr) 1fr 1fr 1.2fr;gap:12px;padding:18px}.arrow{display:none}}@media(max-width:560px){.shell{width:calc(100% - 32px)}.topbar{height:76px}.brand{font-size:17px}.top-actions{gap:0}.button{padding:0 14px}.page-head{align-items:flex-start;flex-direction:column;margin:38px 0 28px}h1{font-size:40px;letter-spacing:-1.7px}.overview-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-strip>div{padding:16px 10px}.overview-strip strong{font-size:30px}.overview-strip small{font-size:10px}.section-label{font-size:9px;letter-spacing:.8px}.section-heading{margin-top:42px}.section-heading .subtle{display:none}.server-row{grid-template-columns:1fr 1fr 1fr;gap:12px}.server-ident{grid-column:span 2}.row-status{grid-column:3;grid-row:1}.row-metric{grid-row:2}.server-row .server-icon{width:38px;height:38px}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric-card{padding:20px}.metric-card>strong{margin:12px 0}.manage{align-items:flex-start;flex-direction:column}.manage-actions{gap:8px;flex-wrap:wrap}.login-card,.form-card{padding:22px}footer{gap:15px;flex-wrap:wrap}}

.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:560px){.page-actions{width:100%}.page-actions .button{flex:1}}

.button:disabled{opacity:.65;cursor:default}
@media(max-width:560px){.page-actions form{flex:1}.page-actions form .button{width:100%}}

.lifecycle{display:inline-block;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;background:#25313b;color:#b8c7d0}.lifecycle.critical{background:#55272c;color:#ffb2ad;border:1px solid #c95c59}.lifecycle.attention{background:#493a25;color:#ffd299;border:1px solid #9c7543}.lifecycle.healthy{background:#253f32;color:#a8edaa;border:1px solid #497953}

.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.storage-warning i{background:#f1bc76}.storage-critical i{background:#ff7777}.storage-grid small{overflow-wrap:anywhere}

.inventory-table{max-height:70vh;overflow:auto}.inventory-table thead th{position:sticky;top:0;z-index:2;background:#18242e}

@media(max-width:700px){
 .inventory-table{max-height:none;overflow:visible;background:transparent;border:0;border-radius:0}
 .inventory-table table,.inventory-table tbody{display:block;width:100%;min-width:0}
 .inventory-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .inventory-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:18px;margin-bottom:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
 .inventory-table td{display:block;min-width:0;border:0;padding:0;overflow-wrap:anywhere;font-size:14px}
 .inventory-table td:first-child,.inventory-table td:last-child,.inventory-table td[colspan]{grid-column:1/-1}
 .inventory-table td:first-child{font-size:15px;font-weight:700}
 .inventory-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.03em}
 .inventory-table td[data-empty="true"]{display:none}
 .inventory-table .lifecycle{white-space:normal}
 .inventory-table td small{display:block;margin-top:3px}
 .inventory-table tr:last-child{margin-bottom:0}
}

.finding-count{display:block;color:#ffd299;font-size:11px;font-weight:700;margin-top:7px}

.project-container-status{margin-bottom:8px}.project-container-status:last-child{margin-bottom:0}.project-container-status small,.inventory-table td[data-label="Status"] small{display:block;margin-top:4px;overflow-wrap:anywhere}

.inventory-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.inventory-filters label{font-size:13px;color:var(--muted)}.inventory-filters select{min-height:44px;min-width:150px;background:#0d151d;color:var(--text);border:1px solid #354753;border-radius:7px;padding:0 12px;font:inherit}.inventory-filters select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.filter-note{color:var(--muted);font-size:12px;margin-bottom:16px}@media(max-width:560px){.inventory-filters label{width:100%}.inventory-filters select{flex:1;min-width:0}}

/* Decorative monitoring illustration: it never reports real server health. */
.server-illustration{position:relative;margin-top:48px;max-width:590px;padding:20px;background:#111d24;border:1px solid #2b403d;border-radius:14px;overflow:hidden}
.server-illustration:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(157,235,146,.05) 50%,transparent 75%);transform:translateX(-120%);animation:monitor-scan 7s ease-in-out infinite}
.monitor-top,.monitor-bottom,.rack-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#819790;font-size:10px;font-weight:700;letter-spacing:1.1px}
.monitor-indicator{color:#a9e6a0}.monitor-indicator:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#9deb92;animation:monitor-pulse 2.6s ease-in-out infinite}
.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.rack,.check-panel{min-width:0;background:#0c151a;border:1px solid #293c38;border-radius:9px;padding:15px}
.rack-head{margin-bottom:13px;font-size:9px}.rack-head span:last-child{color:#73927c;letter-spacing:3px}.rack-unit{height:36px;display:flex;align-items:center;gap:6px;margin-top:7px;padding:0 10px;background:#182b29;border:1px solid #30483d;border-radius:5px;animation:rack-breathe 4s ease-in-out infinite}.rack-unit:nth-child(3){animation-delay:.5s}.rack-unit:nth-child(4){animation-delay:1s}.rack-unit:nth-child(5){animation-delay:1.5s}.rack-unit i{width:7px;height:7px;margin-right:5px;border-radius:50%;background:#a6e99d;animation:monitor-pulse 2.4s ease-in-out infinite}.rack-unit b{width:3px;height:12px;border-radius:2px;background:#506c60}.rack-unit em{margin-left:auto;width:28%;height:3px;background:#537e65;border-radius:3px}
.check-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#a8c5b4;font-size:9px;font-weight:700;letter-spacing:.8px}.check-spinner{width:13px;height:13px;border:2px solid #344d40;border-top-color:#a6e99d;border-radius:50%;animation:monitor-spin 2s linear infinite}.check-row{display:flex;align-items:center;gap:9px;margin-top:15px;color:#b4c8bb;font-size:11px}.check-symbol{display:grid;place-items:center;flex:none;width:17px;height:17px;border-radius:50%;color:#a6e99d;background:#213d31;font-weight:700;animation:check-appear 4s ease-in-out infinite}.check-row:nth-child(3) .check-symbol{animation-delay:.4s}.check-row:nth-child(4) .check-symbol{animation-delay:.8s}.check-line{height:3px;flex:1;background:#253a32;border-radius:3px;overflow:hidden}.check-line i{display:block;height:100%;width:55%;background:#8ad093;transform-origin:left;animation:check-progress 4s ease-in-out infinite}.check-row:nth-child(3) .check-line i{animation-delay:.4s}.check-row:nth-child(4) .check-line i{animation-delay:.8s}
.signal{height:33px;display:flex;align-items:end;gap:3px;margin-top:13px;overflow:hidden}.signal span{flex:1;min-width:2px;height:40%;border-radius:2px 2px 0 0;background:#75b48a;transform-origin:bottom;animation:signal-wave 1.8s ease-in-out infinite alternate}.signal span:nth-child(3n){height:75%;animation-delay:-.8s}.signal span:nth-child(4n){height:55%;animation-delay:-.4s}.signal span:nth-child(5n){height:90%;animation-delay:-1.2s}.monitor-bottom{font-size:9px;color:#6b8279}
@keyframes monitor-scan{0%,15%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}@keyframes monitor-pulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes rack-breathe{0%,100%{border-color:#30483d}50%{border-color:#5b8064}}@keyframes monitor-spin{to{transform:rotate(360deg)}}@keyframes check-appear{0%,20%,100%{opacity:.4;transform:scale(.9)}40%,80%{opacity:1;transform:scale(1)}}@keyframes check-progress{0%,15%{transform:scaleX(.1)}65%,100%{transform:scaleX(1)}}@keyframes signal-wave{from{transform:scaleY(.4);opacity:.45}to{transform:scaleY(1);opacity:.9}}
@media(max-width:800px){.server-illustration{margin-top:28px}.login-wrap{align-items:start}.login-intro p{font-size:15px}}
@media(max-width:560px){.server-illustration{padding:14px;margin-top:24px}.monitor-grid{gap:9px;margin:14px 0}.rack,.check-panel{padding:10px}.rack-unit{height:28px}.check-row{gap:6px;margin-top:11px}.signal{height:24px}.monitor-top,.monitor-bottom{font-size:8px;letter-spacing:.5px}.login-wrap{gap:24px;padding:32px 0}.login-intro h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.server-illustration *,.server-illustration:after{animation:none!important}.server-illustration:after{display:none}}

.inventory-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:20px}.inventory-tab{display:inline-flex;align-items:center;gap:8px;flex:none;padding:12px 14px;color:var(--muted);font-size:13px;font-weight:700;border-bottom:2px solid transparent}.inventory-tab:hover{color:var(--text)}.inventory-tab.active{color:var(--green);border-bottom-color:var(--green)}.inventory-tab span{color:var(--muted);font-size:11px}.inventory-tab:focus-visible{outline-offset:-3px}@media(max-width:560px){.inventory-tab{padding:12px 10px}.inventory-tabs{margin-bottom:16px}}
