*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0b1220;--panel:#121d2e;--panel2:#17253a;--text:#eef4ff;--muted:#9aabc3;--line:#26374e;--accent:#48d6b5;--blue:#60a5fa;--orange:#fbbf24;--red:#fb7185}
body{margin:0;background:linear-gradient(180deg,#101827 0,#0b1220 42%);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(16px,4vw,44px);border-bottom:1px solid var(--line);background:#0c1422}
h1,h2,p{margin-top:0}h1{font-size:clamp(1.35rem,3vw,2rem);margin-bottom:2px;letter-spacing:.02em}h2{font-size:1.08rem;margin-bottom:10px}.eyebrow{font-size:.7rem;letter-spacing:.18em;color:var(--accent);font-weight:800}.muted{color:var(--muted);font-size:.87rem}
main{max-width:1400px;margin:auto;padding:24px clamp(14px,3vw,36px) 36px}.hidden{display:none!important}
.login-card{max-width:420px;margin:6vh auto;background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:18px;box-shadow:0 20px 60px #0003}.login-card label{display:block;margin:15px 0;color:var(--muted);font-size:.9rem}.login-card input{display:block;width:100%;margin-top:6px;background:#0b1422;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:12px;font:inherit}
button{border:0;border-radius:9px;padding:10px 14px;font:600 .88rem system-ui;cursor:pointer}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--accent);color:#06251f}.secondary{background:#26374e;color:var(--text)}.danger{background:#592b3b;color:#ffdbe2}.full{width:100%;margin-top:8px}.error{color:#fda4af;margin-top:12px}
.section-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading{margin:0 0 14px}.section-heading h2,.panel-title h2{margin:0}
.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel{background:linear-gradient(145deg,var(--panel),#101a2a);border:1px solid var(--line);border-radius:15px;padding:17px;min-width:0}.metric-label{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em}.metric-value{font-size:clamp(1.4rem,3vw,2rem);font-weight:750;margin:4px 0;overflow-wrap:anywhere}.metric-sub{font-size:.8rem;color:var(--muted);min-height:1.3em}.bar{height:6px;background:#26374e;border-radius:9px;overflow:hidden;margin-top:12px}.bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.pill{background:#20364a;color:#9cebdc;border-radius:99px;padding:4px 9px;font-size:.72rem;white-space:nowrap}
.panel{margin-bottom:16px}.chart-wrap{height:270px;margin-top:15px;position:relative}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:.84rem}th{color:var(--muted);font-weight:600}td:last-child,th:last-child{text-align:right}.proc-name{font-weight:650}.proc-pid{font-size:.75rem;color:var(--muted)}.services-list{display:grid;gap:10px;margin-top:14px}.service-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#0e1827;border:1px solid var(--line);border-radius:11px}.service-name{font-weight:650;overflow-wrap:anywhere}.service-status{font-size:.78rem;color:var(--muted)}.service-actions{display:flex;gap:6px;flex-wrap:wrap}.service-actions button{font-size:.75rem;padding:8px 10px}.status-active{color:var(--accent)}.status-inactive{color:var(--orange)}.notice{font-size:.85rem;color:var(--muted);margin-top:10px;min-height:1.2em}footer{padding:12px 2px;color:var(--muted);font-size:.78rem}
@media(min-width:1000px){.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){.two-col{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:18px 16px}.chart-wrap{height:240px}.metric-card{padding:14px}.service-row{align-items:flex-start;flex-direction:column}.service-actions{width:100%}.service-actions button{flex:1}}@media(max-width:360px){.metrics-grid{grid-template-columns:1fr}}