.login-body{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 0%,#e4ecdf 0,transparent 55%),#f6f7f3}
.login-main{width:min(100%,480px);padding:40px 22px}.login-brand{display:block;text-align:center;color:#345640;text-decoration:none;font-size:14px;margin-bottom:30px}.login-card{background:#fff;border:1px solid #dfe7d9;border-radius:20px;padding:36px;box-shadow:0 20px 60px #304d3410}.login-card h1{font-size:27px;letter-spacing:-.7px;margin:16px 0}.login-description{color:#7c8b78;font-size:13px;line-height:1.8;margin-bottom:28px}.login-note{text-align:center;font-size:12px;color:#84907d;margin:24px 0 0}
.login-card label,.user-dialog form>label:not(.user-enabled),.capacity-form>label{display:block;color:#526c53;font-size:12px;margin:18px 0 9px}.login-card input,.user-dialog input:not([type=checkbox]),.user-dialog select,.capacity-form input{width:100%;min-height:46px;border:1px solid #bccbbb;border-radius:8px;background:#fff;color:#284431;padding:11px 12px;font:inherit;font-size:16px;outline-offset:3px}.login-card input:focus-visible,.user-dialog input:focus-visible,.user-dialog select:focus-visible,.capacity-form input:focus-visible{outline:2px solid #7a9c7a}.user-dialog input:read-only{background:#f1f4ed;color:#7c8875}.form-message{min-height:20px;color:#87543e;font-size:12px;line-height:1.7;margin:14px 0}.login-card button{margin-top:4px}
.monitor-heading{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:28px 0 18px;font-size:11px;color:#8b967f}.live-label{display:inline-flex;gap:8px;align-items:center;color:#526f4b}.live-label:before{content:"";width:7px;height:7px;border-radius:50%;background:#6e9761}.concurrency-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 32px;border:1px solid #cfdcc7;background:#edf3e8;border-radius:15px;margin-bottom:22px}.capacity-value{display:flex;align-items:baseline;gap:14px;margin:7px 0}.capacity-value>strong{font-size:58px;letter-spacing:-2px;font-weight:600;line-height:1.2}.capacity-value>span{font-size:23px;color:#8a9c7d;font-variant-numeric:tabular-nums}.capacity-form{max-width:420px;justify-self:end;width:100%}.capacity-form>label{margin:0 0 9px}.capacity-controls{display:flex;gap:10px}.capacity-controls input{max-width:130px}.capacity-controls button{flex:1}.capacity-form .muted{margin:10px 0 0}.capacity-form .form-message{margin:8px 0 0;min-height:0}
.model-selection-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 32px;border:1px solid #cfdcc7;background:#f5f8f2;border-radius:15px;margin-bottom:22px}.model-selection-panel h2{font-size:22px;font-weight:600;color:#315d3f;margin:7px 0 8px}.model-selection-panel select{width:100%;min-height:46px;border:1px solid #bccbbb;border-radius:8px;background:#fff;color:#284431;padding:11px 12px;font:inherit;font-size:16px;outline-offset:3px}.model-selection-panel select:focus-visible{outline:2px solid #7a9c7a}
.model-selection-panel .capacity-controls select{flex:1;min-width:0}.model-selection-panel .capacity-controls button{flex:0 0 auto}.model-selection-panel[hidden]{display:none}
.chart-layout svg{min-width:0;flex:1}
@media(max-width:760px){.model-selection-panel{grid-template-columns:1fr;padding:24px;gap:18px}.model-selection-panel .capacity-controls{flex-wrap:nowrap}}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card{border:1px solid #dfe6d8;border-radius:13px;background:#fff;padding:23px;min-width:0}.resource-value{font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:12px 0 7px;min-height:40px}.resource-note{font-size:11px;color:#859279;line-height:1.7;min-height:20px;overflow-wrap:anywhere}.resource-meter{display:block;width:100%;height:5px;margin-top:18px;appearance:none;border:0;border-radius:6px;overflow:hidden;background:#edf1e6}.resource-meter::-webkit-progress-bar{background:#edf1e6}.resource-meter::-webkit-progress-value{background:#75956b;border-radius:6px}.resource-meter::-moz-progress-bar{background:#75956b;border-radius:6px}
.monitor-chart,.active-panel{border:1px solid #dfe6d8;background:#fff;border-radius:13px;padding:24px;margin-top:20px}.chart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.monitor-chart h2,.active-panel h2{font-size:14px;font-weight:500;margin:0}.chart-legend{display:flex;gap:20px;font-size:11px;color:#75856b}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend span:before{content:"";height:3px;width:14px;background:#4d7857;border-radius:2px}.chart-legend .gpu-key:before{background:#c39957}.chart-layout{display:flex;gap:12px;align-items:stretch}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;width:35px;padding:1px 0;font-size:10px;color:#94a08a}.chart-layout svg{width:100%;height:150px;overflow:visible}.chart-grid{stroke:#edf1e6;stroke-width:1;fill:none}.cpu-trend,.gpu-trend{fill:none;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cpu-trend{stroke:#4d7857}.gpu-trend{stroke:#c39957}.chart-time{display:flex;justify-content:space-between;margin:9px 0 0 47px;color:#94a08a;font-size:10px}.active-tasks{color:#87927e;font-size:12px;margin-top:18px}.active-task{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;padding:12px 0;border-top:1px solid #edf1e6;font-variant-numeric:tabular-nums}.active-task strong{color:#52704b;font-weight:500}
.users-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:26px 0 18px}.users-table td{vertical-align:middle;white-space:normal;overflow-wrap:anywhere;max-width:250px}.users-table th:last-child{min-width:180px}.user-actions{display:flex;align-items:center;gap:13px}.user-actions button{width:auto;margin:0;font-size:12px}.user-actions .text-button{padding:10px 0}.current-badge{margin-left:10px}.user-dialog{width:min(460px,calc(100vw - 28px));border:1px solid #cfdbc7;border-radius:16px;padding:28px;color:#2e4931}.user-dialog h2{font-size:21px;margin:0 0 10px}.user-dialog::backdrop{background:#23372366}.user-enabled{display:flex;align-items:center;gap:8px;font-size:12px;margin:20px 0}.user-enabled input{accent-color:#386545;width:16px;height:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.danger-button{background:#a4503c}.user-dialog>p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:760px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-card{padding:18px}.resource-value{font-size:27px}.concurrency-panel{padding:24px;gap:22px}.capacity-form{justify-self:stretch}.capacity-controls{flex-wrap:wrap}.capacity-controls input{max-width:90px}.capacity-controls button{padding:11px 10px;font-size:12px}.resource-note{font-size:10px}.users-summary{align-items:flex-start}.users-summary .muted{margin:0}.user-actions{gap:9px}.chart-layout svg{height:120px}}
@media(max-width:520px){.login-card{padding:28px 23px}.login-card h1{font-size:24px}.concurrency-panel{grid-template-columns:1fr;gap:18px}.capacity-value>strong{font-size:50px}.capacity-form{max-width:none}.capacity-controls{flex-wrap:nowrap}.capacity-controls input{max-width:110px}.capacity-controls button{flex:0 0 auto;min-width:110px}.resource-card{padding:17px 14px}.resource-value{font-size:25px}.monitor-chart,.active-panel{padding:20px 16px}.users-summary{flex-direction:column;gap:14px}.user-dialog{padding:24px}}