@import url('/assets/local.css');
:root{--bg:#101212;--sidebar:#121514;--panel:#191c1b;--border:#2b302d;--text:#eef1ed;--muted:#929c94;--accent:#c1ee83;--blue:#86b8e6;--amber:#e2b76e;--red:#ee9292;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:85px}*{box-sizing:border-box}body{margin:0;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}small{font-size:11px}h1,h2,p{margin:0}h2{font-size:15px;font-weight:600;letter-spacing:-.2px}.accent{color:var(--accent)}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:var(--sidebar);border-right:1px solid var(--border);padding:29px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand-mark{width:35px;height:39px;border-radius:11px;background:var(--accent);color:#172319;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:850;letter-spacing:-3px}.brand-mark span{font-size:17px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:4px;font-weight:500}.workspace{display:flex;gap:9px;align-items:center;margin:36px 0 33px;padding:12px 9px;border:1px solid var(--border);border-radius:9px;font-size:11px;font-weight:600}.avatar,.profile{display:grid;place-items:center;width:29px;height:29px;background:#293328;border:1px solid #47533e;color:var(--accent);border-radius:50%;font-weight:600}.workspace small{display:block;font-size:9px;color:var(--muted);margin-top:5px;font-weight:400}.tiny-dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%}.workspace .tiny-dot{margin-left:auto}.nav-label{color:#66716a;font-size:9px;letter-spacing:1.5px;margin:0 10px 12px}nav{display:flex;flex-direction:column;gap:7px}nav a{display:flex;align-items:center;gap:13px;padding:12px;color:#9aa59d;border-radius:7px;font-size:12px}nav a span{font-size:19px;width:19px}nav a:hover{background:#202620}nav a.active{color:var(--accent);background:#273022;border:1px solid #35402a}.sidebar-bottom{margin-top:auto;padding:22px 9px 0}.connection-icon{font-size:28px;color:var(--accent);margin-bottom:10px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom p{font-size:11px;color:#89958b;line-height:1.8;margin-top:8px}.version{border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#718075;margin-top:28px;padding-top:22px}.version b{font-weight:400}.shell{margin-left:220px}.topbar{height:74px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 36px;font-size:11px}.breadcrumb{color:#859187}.slash{color:#59635b;margin:0 14px}.top-right{display:flex;align-items:center;gap:22px}.top-right time{color:#9ca89e;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #36452f;background:#25301f;border-radius:20px;padding:7px 11px;font-size:10px;color:var(--accent)}.pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.pill.neutral{background:#242825;border-color:#363d37;color:#adb5ac}.pill.warning{color:var(--amber);background:#30291e;border-color:#4a3c27}main{padding:31px 36px 0;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#94a487;font-weight:600;margin-bottom:10px}h1{font-size:30px;font-weight:620;letter-spacing:-1.1px}.page-heading>div>p:last-child{color:var(--muted);font-size:12px;margin-top:9px}.button{border:1px solid #3c463a;border-radius:7px;background:#242c23;color:#d5dfcb;padding:9px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.button:hover:not(:disabled){background:#34412d;border-color:#68804e}.button.secondary{background:transparent;font-size:11px}.button.secondary span{font-size:19px;line-height:12px}.button.small{padding:7px 11px;font-size:10px;background:transparent}.status-strip{display:flex;align-items:center;gap:17px;border:1px solid #39422f;background:linear-gradient(100deg,#20281d,#1b201b 70%);padding:23px 25px;border-radius:11px;margin-bottom:20px}.status-orb{height:44px;width:44px;display:grid;place-items:center;border:1px solid #49563a;border-radius:50%;background:#2c3824;flex-shrink:0}.status-orb span{height:12px;width:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px #c1ee8314}.status-orb.offline{background:#302b20;border-color:#51452e}.status-orb.offline span{background:var(--amber);box-shadow:0 0 0 6px #e2b76e10}.status-orb.unknown{background:#302626;border-color:#634141}.status-orb.unknown span{background:var(--red);box-shadow:none}.status-title{display:flex;gap:12px;align-items:center}.status-title h2{font-size:16px}.label{font-size:8px;letter-spacing:1px;padding:4px 7px;color:var(--accent);border:1px solid #4c5c35;border-radius:4px;background:#303d25;white-space:nowrap}.label.neutral{color:var(--amber);background:#342d20;border-color:#51472e}.label.danger{color:var(--red);background:#352426;border-color:#654144}.status-copy p{font-size:11px;color:#a0ab98;margin-top:7px;line-height:1.5}.status-meta{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:4px;white-space:nowrap}.status-meta small{font-size:8px;letter-spacing:1.2px;color:#8e9b85}.status-meta strong{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.status-meta>span{font-size:9px;color:#85917d}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:17px 19px 0;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b1bbb2}.metric-icon{color:#89978c;font-size:18px}.metric-value{margin:14px 0 10px;display:flex;gap:7px;align-items:baseline;min-height:34px}.metric-value strong{font-weight:550;font-size:29px;letter-spacing:-1.1px;font-variant-numeric:tabular-nums}.metric-value>span{font-size:11px;color:#8b968e}.metric p{font-size:10px;color:#869387}.metric-line{height:2px;margin:19px -19px 0;background:linear-gradient(90deg,#c1ee8370,transparent)}.metric-line.blue{background:linear-gradient(90deg,#86b8e670,transparent)}.metric-line.violet{background:linear-gradient(90deg,#b9a4dc70,transparent)}.metric-line.amber{background:linear-gradient(90deg,#e2b76e70,transparent)}.main-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(250px,1fr);gap:20px;margin-bottom:20px}.panel{border:1px solid var(--border);border-radius:11px;background:var(--panel);min-width:0;overflow:hidden}.panel-head{padding:21px 22px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-head p{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.segmented{background:#121613;border:1px solid var(--border);border-radius:6px;padding:3px;display:flex;white-space:nowrap}.segmented button{border:0;border-radius:4px;padding:6px 10px;font-size:10px;background:transparent;color:#93a08f}.segmented button.selected{background:#34402b;color:var(--accent)}.chart-legend{display:flex;gap:17px;padding:2px 23px 17px;font-size:9px;color:#b0b8af;align-items:center}.chart-legend>span{display:flex;gap:6px;align-items:center}.chart-legend i{width:7px;height:7px;border-radius:50%}.green-key{background:var(--accent)}.blue-key{background:var(--blue)}.threshold-legend{margin-left:auto;color:#92967d}.chart-wrap{position:relative;padding:0 15px;min-height:180px}.chart-wrap svg{width:100%;height:auto;display:block}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a0aa9a;font-size:11px;pointer-events:none}.chart-empty[hidden]{display:none}.chart-footer{border-top:1px solid var(--border);padding:12px 22px;display:flex;justify-content:space-between;font-size:9px;color:#8c998b}.chart-footer>span:first-child{display:flex;align-items:center;gap:7px}.subtle-icon{font-size:22px;color:#889681}.details{margin:0;padding:0 22px}.details>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #272e28;font-size:11px}.details>div:last-child{border-bottom:0}dt{color:#97a393}dd{margin:0;color:#d8e0d4;font-variant-numeric:tabular-nums}.info-note{margin:12px 22px 20px;padding:11px;display:flex;gap:9px;align-items:flex-start;background:#22291f;border:1px solid #333e2b;border-radius:6px;color:#a5b399}.info-note p{font-size:10px;line-height:1.6}.system-panel{margin-bottom:20px}.system-panel .panel-head{padding-bottom:23px}.small-status{font-size:9px;font-weight:400;color:var(--accent);margin-left:9px}.server-tag{border:1px solid #394137;border-radius:4px;padding:4px 7px;color:#9fab95;font-size:9px;letter-spacing:1px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;padding:0 22px 22px;gap:28px}.resource-title{display:flex;justify-content:space-between;font-size:11px}.resource-title>span{color:#a8b3a4}.resource-title strong{font-size:12px;font-weight:500}progress{appearance:none;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;margin:13px 0 8px;background:#30372e}progress::-webkit-progress-bar{background:#30372e}progress::-webkit-progress-value{background:var(--accent);border-radius:4px}progress::-moz-progress-bar{background:var(--accent)}.system-grid small{font-size:9px;color:#929d8d}.uptime{border-left:1px solid var(--border);padding-left:24px;display:flex;flex-direction:column;gap:9px}.uptime>span{font-size:11px;color:#a8b3a4}.uptime strong{font-size:21px;letter-spacing:-.6px;font-weight:500}.bottom-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(250px,1fr);gap:20px}.table-scroll{overflow:auto;max-height:350px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#171b17;padding:12px 14px;font-size:8px;letter-spacing:.8px;color:#879581;font-weight:500}th:first-child,td:first-child{padding-left:22px}td{border-bottom:1px solid #2b3229;padding:13px 14px;font-size:10px;color:#b4c0ad}td strong{display:block;color:#e1e8dc;font-size:11px;font-weight:500}td small{display:block;font-size:9px;color:#8b9984;margin-top:5px}.session-button{padding:0;border:0;background:none;text-align:left;color:inherit}.session-button:hover strong{color:var(--accent)}.table-status{font-size:9px;background:#263021;border:1px solid #3a492e;padding:4px 7px;border-radius:4px;color:#b8d798}.table-status.ended{background:#252b24;color:#9fac98;border-color:#384132}.empty-cell{text-align:center;padding:30px!important;color:#95a48b}.pagination{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#8e9e83}.pagination>div{display:flex;gap:6px}.monthly-total{padding:6px 22px 21px;border-bottom:1px solid var(--border)}.monthly-total small{font-size:8px;letter-spacing:1px;color:#9daa93}.monthly-total strong{display:block;font-size:33px;font-weight:500;letter-spacing:-1px;margin-top:9px;color:var(--accent)}.monthly-row{display:flex;justify-content:space-between;gap:8px;margin:17px 22px;font-size:10px;color:#a1af96}.monthly-row strong{font-weight:500;color:#d6e3cb}.monthly-foot{font-size:9px;line-height:1.6;color:#819276;padding:4px 22px 20px}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#6d7b64;padding:25px 0}footer b{font-weight:600;color:#a3b196;margin-right:4px}.error-banner{border:1px solid #74513c;background:#33281f;color:#efc79d;padding:12px 16px;border-radius:7px;margin-bottom:16px;font-size:12px;line-height:1.6}.error-banner[hidden]{display:none}dialog{color:var(--text);background:var(--panel);border:1px solid #4b5841;border-radius:14px;padding:25px;width:min(650px,calc(100% - 24px));max-height:85vh}dialog::backdrop{background:#050a07c9;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:25px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-stat{padding:16px;border:1px solid var(--border);border-radius:8px}.dialog-stat span{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.dialog-stat strong{font-size:18px;font-weight:500}.dialog-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--accent);color:#142014;z-index:100}.skip:focus{top:10px}
@media(min-width:1550px){main{padding-top:40px}.metric{padding-top:22px}.chart-wrap{padding:3px 20px 10px}}
@media(max-width:1200px){.sidebar{width:190px;padding-left:15px;padding-right:15px}.shell{margin-left:190px}main{padding:25px 23px 0}.topbar{padding:0 23px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.panel-head{padding:18px 17px 14px}.metric{padding-left:15px;padding-right:15px}.metric-value strong{font-size:25px}.system-grid{gap:20px}.threshold-legend{display:none!important}.chart-wrap{min-height:175px}.chart-wrap svg{min-height:175px}.status-strip{padding:19px}h1{font-size:27px}}
@media(max-width:1000px){.sidebar{width:74px;padding:25px 15px}.brand>span:last-child,.workspace,.nav-label,.sidebar-bottom{display:none}.brand{justify-content:center}.brand-mark{width:36px}nav{margin-top:36px}nav a{font-size:0;justify-content:center;padding:10px;gap:0}nav a span{font-size:22px}.shell{margin-left:74px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr)}.system-grid{grid-template-columns:repeat(3,1fr)}.uptime{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:15px 0 0;flex-direction:row;align-items:center}.uptime strong{font-size:15px}.uptime small{margin-left:auto}.metric-value strong{font-size:23px}.metric-value>span{font-size:9px}.metric p{font-size:9px}.metric-top{font-size:10px}.segmented button{padding:5px 7px}.chart-footer{padding:12px 15px}.panel-head p{font-size:9px}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:61px;padding:12px 18px;flex-direction:row;justify-content:space-between;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:19px}.brand>span:last-child{display:block}.brand small{display:none}.brand-mark{height:31px;width:30px;font-size:23px}nav{margin:0;flex-direction:row;gap:4px}nav a{padding:6px 10px}.shell{margin-left:0}.topbar{height:53px;padding:0 18px;font-size:10px}.top-right{gap:10px}.profile,.top-right time{display:none}main{padding:24px 16px 0}.page-heading{gap:12px;align-items:flex-start}.page-heading h1{font-size:24px;line-height:1.2}.eyebrow{font-size:8px}.page-heading>div>p:last-child{font-size:11px;line-height:1.6;max-width:235px}.button.secondary{padding:8px 10px}.status-strip{padding:16px;gap:12px;flex-wrap:wrap}.status-title{gap:8px;flex-wrap:wrap}.status-title h2{font-size:14px}.status-copy{flex:1}.status-copy p{font-size:10px}.status-meta{flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #35402d;padding-top:12px;gap:10px;text-align:left}.status-meta>span{font-size:8px}.status-meta strong{font-size:11px}.status-meta small{font-size:8px}.metrics-grid{grid-template-columns:1fr 1fr;gap:11px}.metric{padding:15px 15px 0}.metric-value strong{font-size:26px}.metric-line{margin-top:15px}.main-grid,.bottom-grid{grid-template-columns:1fr;gap:16px}.chart-wrap svg{min-height:180px}.chart-legend{padding-left:17px;font-size:9px}.chart-footer{font-size:8px}.details-panel .details{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.details>div{font-size:10px}.details>div:nth-last-child(2){border:0}.info-note{margin-top:10px}.system-grid{grid-template-columns:1fr;gap:20px}.system-grid small{font-size:10px}.uptime{grid-column:auto;flex-wrap:wrap}.uptime small{width:100%;margin:0}.resource-title{font-size:12px}.system-panel .panel-head{padding-bottom:23px}.small-status{font-size:8px}.monthly-total strong{font-size:30px}.monthly-row{font-size:12px}footer{font-size:8px;flex-wrap:wrap;gap:12px}footer>span:nth-child(2){display:none}.panel-head h2{font-size:14px}.pagination{padding:12px}.dialog-grid{gap:9px}.dialog-stat{padding:12px}.dialog-stat strong{font-size:16px}.dialog-stat span{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}