*{box-sizing:border-box}body{margin:0;background:#f3f8f4;color:#183f31;font:15px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#147341;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,select,input{border:1px solid #c6dbcd;border-radius:10px;background:#fff;color:#204d38;padding:10px 14px}button{cursor:pointer;min-height:44px;font-weight:650}button:disabled{cursor:wait;opacity:.55}button:hover{background:#ebf7ef}.primary{background:#078b43;color:white;border-color:#078b43}.primary:hover{background:#086f39}input{width:100%;min-width:0}label{font-size:14px}select{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #50bd83;outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1400px;margin:auto;padding:20px 32px;border-bottom:1px solid #d8e7dd}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:17px}.brand img{object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#6a8b76}.top nav{display:flex;gap:24px;font-size:14px}main{max-width:1400px;margin:auto;padding:32px}.heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:10px 0 28px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#6b8b78;font-weight:750;margin:0 0 8px}h1{font-size:clamp(28px,4vw,46px);line-height:1.25;letter-spacing:-1px;margin:0 0 14px}h1 span{color:#39885d}h2{font-size:22px;line-height:1.4;margin:0 0 16px}h3{font-size:15px;margin:14px 0 10px}.heading p{margin-bottom:4px}.live-box{text-align:right;min-width:220px;font-size:13px;color:#6b8073}.live-pill{display:inline-flex;align-items:center;gap:8px;background:#d9f1e2;padding:7px 13px;border-radius:99px;color:#16713d;font-weight:700}.live-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.live-pill[data-state=stale],.live-pill[data-state=paused]{color:#8a6510;background:#fff0cb}.live-pill[data-state=error]{color:#a03327;background:#ffe6e2}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar label{display:flex;gap:8px;align-items:center}.toolbar>span{margin-left:auto;font-size:12px;color:#72907c}.alert{padding:12px 16px;background:#fff0dd;border:1px solid #f0d7ac;color:#80501e;border-radius:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 24px}.metric,.panel{background:white;border:1px solid #d8e7dd;border-radius:18px;padding:24px;min-width:0}.metric p{margin:0;font-size:14px;font-weight:750}.metric p span{font-size:11px;color:#7a9384;font-weight:400;display:block}.metric strong{display:block;font-size:36px;margin:16px 0 10px;line-height:1.2;letter-spacing:-1px}.metric small{font-size:12px;color:#647e6e;display:block;min-height:40px}.metric.vram{background:#153f2d;color:#f0fff5;border-color:#153f2d}.metric.vram small,.metric.vram p span{color:#b3d3bf}.meter{height:5px;border-radius:20px;background:#eaf1ec;overflow:hidden;margin:14px 0}.meter i{display:block;height:100%;width:0;max-width:100%;background:#23a361;border-radius:20px;transition:width .4s}.meter i[data-level=high]{background:#e78d36}.vram .meter{background:#36614a}.vram .meter i{background:#9cddae}.panel{margin-bottom:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-head h2{margin-bottom:8px}.panel-head label{white-space:nowrap}.muted{font-size:12px;color:#6c8274;line-height:1.65;margin:8px 0 14px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:26px}.charts>div{min-width:0}.charts h3 small{float:right;font-weight:400;color:#8ca293}.charts svg{width:100%;display:block;background:#f9fcfa;border-radius:10px}.legend{font-size:11px;color:#078b43}.legend span{margin-left:16px;color:#8c9db9}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#078b43;margin-right:6px}.dot.gpu{background:#326eaa}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.details-grid>.panel{margin:0 0 0}.details-grid{margin-bottom:22px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:20px 0}.fact{min-width:0}.fact small{display:block;font-size:11px;color:#769080}.fact strong{display:block;font-size:16px;overflow-wrap:anywhere}.cores{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.core{background:#eef6f0;border-radius:8px;padding:8px;font-size:11px}.core b{display:block;font-size:13px}.core .meter{margin:6px 0 0;height:3px}.disk{margin-top:16px;font-size:13px}.disk b{font-weight:650}.disk small{float:right;color:#6a8273}.queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.queue-card{padding:18px;background:#f4f9f5;border-radius:12px}.queue-card h3{margin:0 0 10px}.queue-card strong{font-size:22px;margin-right:8px}.queue-card span{font-size:12px;color:#658271}.queue-card p{margin:4px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#login{max-width:480px}#login>label{display:block;margin:12px 0 5px}#authState[data-state=error]{color:#ab352c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#6a8274;font-weight:500}td,th{padding:12px;border-bottom:1px solid #e3ece6;overflow-wrap:anywhere}td:first-child{font-weight:600}td small{font-weight:400;display:block;color:#789382}footer{padding:12px 0 30px;font-size:12px;color:#758f7f;text-align:center}footer p{margin:4px 0}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.cores{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.top{padding:14px 16px;align-items:flex-start}.brand{font-size:14px;gap:6px}.brand img{width:85px}.top nav{gap:8px;font-size:11px;flex-wrap:wrap;justify-content:flex-end;max-width:110px}.brand small{font-size:8px}main{padding:18px 14px}.heading{display:block;margin:4px 0 22px}.heading>div>p:last-child{font-size:13px}.live-box{text-align:left;min-width:0;margin-top:18px}.live-box p{display:inline;font-size:11px;margin-right:8px}.live-pill{display:flex;width:fit-content;margin-bottom:7px}.toolbar{gap:8px}.toolbar button{font-size:12px;padding:9px 11px}.toolbar>span{width:100%;margin-left:0}.toolbar label{font-size:12px}.toolbar select{padding:8px}.metrics{gap:10px}.metric{padding:17px 14px;border-radius:14px}.metric strong{font-size:29px}.metric small{font-size:10px}.metric p span{font-size:10px}.panel{padding:20px 16px;border-radius:14px}.details-grid,.charts{grid-template-columns:1fr}.details-grid{gap:16px}.facts{gap:14px}.cores{grid-template-columns:repeat(4,1fr)}h2{font-size:20px}.panel-head select{max-width:115px}.gpu-pick{max-width:130px}.queue-grid{grid-template-columns:1fr}.actions>button{flex:1}td,th{padding:10px 6px}.charts{gap:16px}}
