:root{color-scheme:dark;--bg:#0c1013;--panel:#141a1e;--line:#293237;--muted:#8f9da5;--green:#9be4b1;--red:#fa9090}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef3ef;font:15px/1.5 Segoe UI,Arial,sans-serif}main{max-width:1180px;margin:auto;padding:34px 36px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:750;letter-spacing:-1.5px;color:white;text-decoration:none}.brand span{color:var(--green)}.brand small{display:inline-block;margin-left:24px;letter-spacing:2px;font-size:10px;color:var(--muted);font-weight:500}.live{font-size:10px;letter-spacing:1.5px;color:var(--green)}i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.intro{padding:53px 0 31px}.eyebrow,.label{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font-size:44px;line-height:1.15;font-weight:550;letter-spacing:-1.5px;margin:13px 0}.subtitle{color:var(--muted);font-size:16px}.overview{border:1px solid #385342;border-radius:14px;padding:27px 30px;display:flex;justify-content:space-between;background:linear-gradient(120deg,#19291f,#141a1e)}.overview h2{font-size:24px;font-weight:500;margin:8px 0;color:var(--green)}.overview p{margin:0;color:var(--muted);font-size:13px}.system{border-left:1px solid #385342;padding-left:50px;display:flex;flex-direction:column;justify-content:center;min-width:270px}.system strong{font-size:26px;font-weight:500;margin:6px 0}.system>span:last-child{font-size:11px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-title h2{font-size:17px;font-weight:500}.section-title h2 span{font-size:11px;color:var(--muted);margin-left:10px}.section-title p{color:var(--muted);font-size:11px}.section-title b{color:var(--green);margin-left:12px}.section-title .gray{color:#394247}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:12px}.card.host{grid-column:1/-1}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.card h3{font-weight:550;font-size:18px;margin:0}.card a{color:inherit;text-decoration:none}.card a:hover{text-decoration:underline}.kind{font-size:11px;color:var(--muted);margin:3px 0 20px}.badge{font-size:10px;color:var(--green);border:1px solid #344b3c;background:#1b2d22;border-radius:20px;padding:4px 9px;white-space:nowrap}.badge.down{color:var(--red);border-color:#643939;background:#302020}.badge.unknown{color:var(--muted);background:#252b2f;border-color:var(--line)}.metrics{display:flex;justify-content:space-between;gap:10px}.metric span{display:block;font-size:10px;color:var(--muted)}.metric strong{font-size:20px;font-weight:500;display:block;margin:3px 0 16px}.metric:last-child{text-align:right}.bars{display:flex;gap:3px;height:25px}.bar{flex:1;border-radius:2px;background:#333d42}.bar.up{background:#81c99b}.bar.down{background:var(--red)}.bar:hover{filter:brightness(1.3)}.timeline{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:6px}.foot{font-size:11px;color:var(--muted);margin:14px 0 0;display:flex;justify-content:space-between;gap:10px}.host .kind{margin-bottom:12px}.host .metrics{max-width:430px}.host .metric:last-child{text-align:left}footer{border-top:1px solid var(--line);margin-top:33px;padding:23px 0;color:var(--muted);font-size:11px}footer>div{display:flex;justify-content:space-between}footer strong{color:#e3ece4;font-size:14px}footer p:last-child{max-width:900px;font-size:10px;line-height:1.7}#error{color:var(--red);padding:15px;border:1px solid #643939;border-radius:8px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.brand small{display:none}.system{min-width:220px;padding-left:25px}}@media(max-width:560px){main{padding:22px 18px}.intro{padding-top:32px}h1{font-size:33px}.overview{display:block;padding:22px}.system{border-left:0;border-top:1px solid #385342;margin-top:20px;padding:18px 0 0}.cards{grid-template-columns:1fr}.section-title{align-items:start}.section-title p{max-width:150px;text-align:right}.live{font-size:9px}.foot{font-size:10px}footer>div{gap:15px}header{padding-bottom:18px}}
.login-panel{max-width:460px;margin:9vh auto 0;text-align:center}.login-panel h1{font-size:36px}.lock-icon{margin:28px auto 20px;width:60px;height:60px;border:1px solid #385342;background:#19291f;border-radius:18px;color:var(--green);font-size:42px;line-height:54px}.login-panel .subtitle{font-size:14px;margin-bottom:30px}#pin-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;text-align:left}#pin-form label{font-size:12px;color:var(--muted);display:block;margin-bottom:10px}#pin{width:100%;background:#0c1013;color:#eef3ef;border:1px solid #3a4840;border-radius:8px;padding:15px;text-align:center;font-size:28px;letter-spacing:16px;text-indent:16px;outline:none}#pin:focus{border-color:var(--green);box-shadow:0 0 0 3px #9be4b115}button{font:inherit;cursor:pointer}#enter{margin-top:18px;width:100%;padding:13px 18px;border:0;border-radius:8px;background:var(--green);color:#14251a;font-weight:650;display:flex;justify-content:space-between}#enter:disabled{opacity:.6;cursor:wait}#pin-message{font-size:11px;color:var(--muted);min-height:33px;margin:15px 0 0;line-height:1.6}#pin-message.invalid{color:var(--red)}.login-bottom{font-size:11px;color:var(--muted);margin:26px 0}.logout{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:11px;padding:5px 10px;margin-left:14px}.logout:hover{color:white;border-color:var(--muted)}
.overview{margin-top:18px;padding:16px 22px;align-items:center;border-radius:10px;gap:20px}.overview h2{font-size:21px;margin:3px 0}.overview .label{font-size:9px;letter-spacing:1.5px}.overview p{font-size:11px}.system{min-width:240px;padding-left:28px}.system strong{font-size:23px;margin:2px 0}.system>span:last-child{font-size:10px}.section-title{margin:18px 0 10px}.host .metrics{margin-top:14px}@media(max-width:560px){.overview{display:flex;padding:14px;gap:12px}.overview h2{font-size:17px;line-height:1.25}.overview .label{font-size:8px;letter-spacing:1px}.overview p{font-size:10px}.system{border-top:0;border-left:1px solid #385342;margin:0;padding:0 0 0 14px;min-width:130px}.system strong{font-size:19px}.system>span:last-child{font-size:9px}}@media(max-width:360px){.overview{flex-wrap:wrap}.system{border-left:0;padding:8px 0 0;min-width:0}}
.dashboard main{padding:7px 8px;max-width:1180px}.dashboard .overview{margin:0 0 11px;padding:18px 21px;gap:12px;min-height:110px}.dashboard .overview>div:first-child{flex:1}.dashboard .system{min-width:0;padding-left:28px;margin-left:auto}.overview-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:none}.overview-actions .live{font-size:9px;letter-spacing:1.3px;background:#0c1013;padding:6px 8px;white-space:nowrap}.overview-actions .logout{margin:0;font-size:10px;padding:6px 10px}.dashboard .cards{gap:14px}.dashboard footer{margin-top:22px}@media(max-width:560px){.dashboard .overview{padding:12px;gap:10px;min-height:96px}.dashboard .overview h2{font-size:16px}.dashboard .system{padding-left:12px}.dashboard .system strong{font-size:18px}.dashboard .overview .label{font-size:7px}.overview-actions .live{font-size:8px;padding:4px}.overview-actions .logout{font-size:9px;padding:5px 8px}.dashboard .overview p{font-size:9px}}@media(max-width:400px){.dashboard .overview{flex-wrap:wrap}.dashboard .overview>div:first-child{flex-basis:100%}.dashboard .system{margin-left:0;border-left:0;padding-left:0}.overview-actions{margin-left:auto;flex-direction:row}}
.host .metrics{max-width:none;display:grid;grid-template-columns:.85fr .85fr .85fr 1.7fr .85fr 1fr;gap:18px;margin-bottom:16px;align-items:start}.host .metric:last-child{text-align:left}.host .metric strong{font-size:19px;margin-bottom:2px;white-space:nowrap}.metric-hint{display:block;font-size:9px;color:var(--muted);margin-top:3px;font-weight:400}.host .metric:first-child strong{margin-bottom:0}@media(max-width:1000px){.host .metrics{grid-template-columns:repeat(3,1fr);row-gap:14px}.host .metric strong{font-size:18px}}@media(max-width:560px){.host .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.host .metric strong{font-size:17px}.host .metric:nth-child(4){grid-column:1/-1;grid-row:4}.host .metric:nth-child(4) strong{font-size:18px}}