:root{color-scheme:dark;--bg:#101113;--panel:#18191c;--panel-hover:#1d1f23;--line:#2a2c31;--text:#eeeff2;--muted:#92969f;--dim:#656b76;--blue:#75a8ff;--purple:#ba9bff;--green:#65d7a4;--amber:#e7bf76;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}aside{width:230px;border-right:1px solid var(--line);padding:32px 19px;position:fixed;inset:0 auto 0 0;background:#131416;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;font-size:20px;letter-spacing:-.7px;font-weight:650}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#292338;color:#c2a3ff;width:35px;height:35px;border:1px solid #49385f;border-radius:10px;font-size:29px;flex-shrink:0}.brand-sub{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-top:5px}.nav-caption{font-size:10px;letter-spacing:1.5px;color:var(--dim);margin:49px 12px 15px}.nav{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding:12px;margin:3px 0;border-radius:7px}.nav>span:first-child{font-size:18px;width:19px}.nav.active{background:#25222e;color:#d9c6ff}.nav:hover{background:#232429}.nav-dot{width:5px;height:5px;border-radius:50%;background:#b897f3;margin-left:auto}.side-bottom{margin-top:auto;font-size:10px;color:var(--muted);padding:15px 10px 0;border-top:1px solid var(--line)}.tiny-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px;vertical-align:middle;box-shadow:0 0 9px #65d7a421}.logout{padding:14px 0 0;border:0;background:none;color:var(--dim);font-size:11px}main{margin-left:230px;width:calc(100% - 230px);max-width:1800px;padding:0 42px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 13px;color:#50545d}.live-pill{background:#17251e;border:1px solid #294535;color:#8ed6ac;border-radius:20px;padding:5px 10px;font-size:10px}.live-pill.offline{color:var(--amber);background:#292317;border-color:#4e4027}.live-pill.offline .tiny-dot{background:var(--amber)}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--dim);font-weight:650}h1{font-size:29px;letter-spacing:-.9px;font-weight:600;margin:9px 0}p{color:var(--muted);line-height:1.6;margin:0;font-size:12px}.button{display:inline-flex;align-items:center;gap:8px;background:#1e2024;border:1px solid #34363e;border-radius:7px;color:#cdd0d7;padding:9px 14px;font-size:11px}.button:hover{background:#2b2e35}.button:disabled{opacity:.5;cursor:wait}.server-strip{display:flex;align-items:center;gap:24px;background:#15171a;border:1px solid var(--line);border-radius:8px;padding:13px 17px;font-size:10px;color:var(--muted);margin-bottom:18px}.server-strip b{font-weight:500;color:#ccd2db}.server-strip>span:not(:first-child){border-left:1px solid #303238;padding-left:22px}.strip-right{margin-left:auto;font-variant-numeric:tabular-nums}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.metric-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:18px 20px 15px;min-width:0}.card-label{font-size:11px;color:#c2c6cf;display:flex;justify-content:space-between;align-items:center}.metric-icon{font-size:17px;margin-right:7px;color:var(--blue);vertical-align:middle}.memory-card .metric-icon{color:var(--purple)}.disk-card .metric-icon{color:var(--green)}.tag{font-size:8px;letter-spacing:.8px;background:#222429;border:1px solid #303239;border-radius:4px;padding:3px 5px;color:var(--muted)}.metric-line{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 17px;gap:7px}.metric-line strong{font-size:35px;letter-spacing:-1.5px;font-weight:600;white-space:nowrap}.metric-context{font-size:10px;color:var(--muted);text-align:right;line-height:1.5}.meter{display:flex;gap:3px;height:10px;margin-bottom:15px}.meter i{background:#303239;flex:1;border-radius:1px;min-width:1px}.cpu-card .meter i.filled{background:var(--blue)}.memory-card .meter i.filled{background:var(--purple)}.disk-card .meter i.filled{background:var(--green)}.card-footer{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:22px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 14px;gap:15px}h2{font-size:14px;font-weight:550;letter-spacing:-.2px;margin:0 0 6px}.panel-heading p{font-size:10px}.segmented{display:flex;gap:3px;border:1px solid #303239;background:#131518;padding:3px;border-radius:7px;flex-shrink:0}.segmented button{background:none;border:0;color:var(--muted);font-size:10px;padding:6px 10px;border-radius:4px}.segmented button.selected{background:#303139;color:#f1f1f4;box-shadow:0 1px 3px #0003}.segmented button:hover{color:white}.chart-legends{display:flex;gap:24px;padding:9px 23px 3px;font-size:10px;color:var(--muted)}.chart-legends span{display:flex;align-items:center;gap:7px}.chart-legends i{width:6px;height:6px;border-radius:2px}.cpu-color{background:var(--blue)}.memory-color{background:var(--purple)}.disk-color{background:var(--green)}.chart-legends b{color:#d1d5dd;font-weight:500;margin-left:2px}.chart-container{height:195px;margin:8px 20px 0;position:relative}#chart{width:100%;height:100%;display:block}.chart-empty{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:11px;color:var(--dim);pointer-events:none}.chart-empty[hidden]{display:none}.chart-note{padding:6px 23px 17px;display:flex;justify-content:space-between;color:var(--dim);font-size:9px}.count{display:inline-block;color:#b6b9c2;border:1px solid #34363d;border-radius:5px;font-size:9px;padding:2px 6px;margin-left:6px;vertical-align:middle}.table-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:4px 23px 17px}.search{display:flex;align-items:center;gap:8px;max-width:380px;width:55%;border:1px solid #303239;border-radius:6px;padding:7px 10px;color:var(--dim);background:#141619}.search span{font-size:18px}.search input{font-size:10px;width:100%;border:0;outline:none;background:none;color:#dedfe3;padding:0}.sort-label{color:var(--dim);font-size:10px;white-space:nowrap}.sort-label select{color:#bfc3cc;background:#1d1f24;font-size:10px;border:1px solid #34363d;padding:7px;border-radius:5px;margin-left:7px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums}thead{background:#15171a;border-block:1px solid #292c31}th{font-size:8px;font-weight:500;letter-spacing:.8px;color:var(--dim);padding:12px 15px}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:23px}th:nth-child(3),th:nth-child(4){text-align:right}td{padding:16px 15px;border-bottom:1px solid #282a30;font-size:11px}td:nth-child(3),td:nth-child(4){text-align:right}.subtle{display:block;font-size:8px;text-transform:none;letter-spacing:0;color:#636974;margin-top:4px}.resource{display:flex;align-items:center;gap:11px}.resource-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#242330;color:#baa1f0;font-size:14px;flex-shrink:0}.resource-name{font-weight:500;color:#e0e2e7}.resource-meta{font-size:9px;color:var(--dim);margin-top:5px}.status{display:inline-flex;align-items:center;background:#1c2922;color:#83c79e;font-size:9px;border:1px solid #2b3d31;border-radius:5px;padding:4px 6px;gap:5px}.status i{background:#73c692;border-radius:50%;width:4px;height:4px}.status.warning{background:#2b241b;border-color:#4c3e29;color:var(--amber)}.status.warning i{background:var(--amber)}.share-cell{display:flex;gap:10px;align-items:center;min-width:95px}.share-bar{width:70px;height:4px;border-radius:3px;background:#2d2f36;overflow:hidden}.share-fill{height:100%;background:var(--purple);border-radius:3px}.share-value{font-size:10px;color:var(--muted);min-width:32px;text-align:right}.resource-details{margin:6px 0 0;color:var(--muted);font-size:10px;max-width:380px;white-space:normal}.resource-details summary{font-size:9px;color:var(--dim);cursor:pointer}.resource-details ul{list-style:none;margin:8px 0 0;padding:0}.resource-details li{line-height:1.9;overflow-wrap:anywhere}.empty{padding:40px!important;text-align:center!important;color:var(--muted)}.accounting{padding:16px 23px;background:#16181b}.accounting>div{display:flex;align-items:center;font-size:10px;color:var(--muted)}.accounting b{color:#b4b9c4;margin-left:12px;font-weight:500}.accounting-dot{width:6px;height:6px;border-radius:2px;background:#777f8e;margin-right:8px}.accounting p{font-size:9px;color:var(--dim);margin-top:7px}footer{display:flex;align-items:center;justify-content:space-between;padding:0 1px 25px;font-size:9px;color:var(--dim)}.footer-separator{margin:0 12px;color:#373d48}.notice{font-size:11px;line-height:1.7;border:1px solid #65512d;color:#e4c48a;background:#2a2318;padding:12px 16px;border-radius:7px;margin-bottom:18px}.notice[hidden]{display:none}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0%,#231d33 0%,#101113 60%)}.login-card{margin:24px;max-width:425px;width:calc(100% - 48px);padding:38px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.login-card .eyebrow{margin-top:26px}.login-card h1{font-size:25px;margin:14px 0}.login-card form{display:grid;gap:18px;margin-top:28px}.login-card label{display:grid;gap:9px;color:#b6bdca;font-size:11px}.login-card input{padding:12px;border:1px solid #343742;border-radius:6px;background:#111316;color:var(--text);width:100%}.primary{justify-content:center;background:#b294ec;color:#17131e;font-weight:600;border-color:#c3a7f6;font-size:12px;padding:12px}.primary:hover{background:#c5adf1}.login-help{font-size:10px!important;color:var(--dim)!important;margin-top:24px!important}
@media(min-width:1700px){main{padding-inline:60px}.metric-line strong{font-size:43px}.metric-card{padding:23px}.chart-container{height:240px}}@media(max-width:1150px){aside{width:195px;padding-inline:12px}.brand{font-size:18px}.brand-sub{font-size:7px}main{margin-left:195px;width:calc(100% - 195px);padding-inline:25px}.metric-card{padding:16px 14px}.metric-line{display:block;margin-top:17px}.metric-context{display:block;text-align:left;margin-top:7px}.server-strip{gap:12px}.server-strip>span:not(:first-child){padding-left:12px}.card-footer{font-size:8px}.meter{gap:2px}}@media(max-width:850px){aside{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:15px 20px;gap:18px}.shell{display:block}.brand-sub,.nav-caption,.side-bottom,.nav-dot{display:none}.brand{padding:0;font-size:17px}.brand-mark{width:30px;height:30px;font-size:25px}.nav{font-size:10px;padding:8px;margin:0}.nav>span:first-child{display:none}.nav:last-of-type{margin-left:auto}.nav.active{margin-left:auto}main{width:100%;margin:0;padding-inline:22px}header{height:57px}.page-heading{margin-block:26px}.server-strip{flex-wrap:wrap}.strip-right{display:none}.metrics-grid{gap:12px}.panel-heading{padding:18px}.table-toolbar{padding-inline:18px}.chart-legends{padding-left:18px}}@media(max-width:570px){aside{gap:12px;padding:13px 17px}.nav{display:none!important}main{padding-inline:15px}h1{font-size:25px}.page-heading p{font-size:10px}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric-line{display:flex;align-items:baseline;margin:14px 0}.metric-context{display:inline;text-align:right;font-size:11px}.metric-card{padding:15px 17px}.metric-line strong{font-size:31px}.card-footer{font-size:10px}.server-strip{font-size:9px;padding:11px;gap:9px}.server-strip>span:not(:first-child){padding-left:9px}.panel-heading{align-items:flex-start;flex-direction:column;gap:11px}.segmented button{padding:6px 11px}.chart-legends{gap:15px;font-size:9px}.table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search{width:100%;max-width:none}.sort-label{align-self:flex-end}.chart-container{height:180px;margin-inline:10px}.chart-note{font-size:8px;padding-inline:17px}.accounting{padding-inline:17px}footer{font-size:8px;gap:12px}.resource-name{max-width:220px;white-space:normal;overflow-wrap:anywhere}.login-card{padding:28px}}