:root{--bg:#071019;--panel:#0d1823;--panel2:#101e2b;--line:#203244;--text:#edf5fb;--muted:#8fa5b7;--accent:#54d68b;--blue:#5fa8ff;--amber:#f6bd60;--red:#ff6b78;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#12304a 0,transparent 35%),var(--bg);color:var(--text);margin:0;font:14px Roboto,system-ui,sans-serif}.shell{max-width:1480px;margin:auto;padding:32px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.brand{color:#cce9db;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),#1e8d64);color:#06120d;border-radius:9px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.topbar h1{margin:18px 0 7px;font-size:30px}.topbar p,.section-title p{color:var(--muted);margin:0}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:600}.primary{background:var(--accent);color:#052014}.secondary{color:var(--text);border:1px solid var(--line);background:#172839}.header-actions{gap:10px;display:flex}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#101e2bf7,#0b1722f7);border-radius:17px}.settings{margin-bottom:18px;padding:22px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-title h2{margin:0 0 5px;font-size:17px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px;display:grid}label{color:#b9c8d4;flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex;position:relative}input,select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#09141e;border-radius:9px;outline:none;padding:10px 11px}input:focus,select:focus{border-color:var(--blue)}.suffix{color:var(--muted);position:absolute;bottom:11px;right:12px}.workspace{grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px;display:grid}.catalog,.configuration,.results-card,.assumptions-card{padding:22px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.usecase{border:1px solid var(--line);cursor:pointer;background:#0a1621;border-radius:13px;min-height:115px;padding:15px;transition:all .18s;position:relative}.usecase:hover{border-color:#3d5c72;transform:translateY(-2px)}.usecase.selected{border-color:var(--accent);background:linear-gradient(145deg,#22634852,#0a1621)}.usecase h3{margin:9px 0 7px;font-size:14px}.usecase p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.tag{color:#9fc6e7;text-transform:uppercase;background:#172a3a;border-radius:99px;padding:4px 7px;font-size:10px}.check{border:1px solid #3a5267;border-radius:6px;width:19px;height:19px;position:absolute;top:12px;right:12px}.selected .check{background:var(--accent);border-color:var(--accent)}.selected .check:after{content:"✓";color:#082016;place-items:center;font-size:12px;display:grid}.count{color:#a9c0d2;background:#152636;border-radius:99px;padding:6px 9px;font-size:11px}.empty{text-align:center;color:var(--muted);border:1px dashed #2a4155;border-radius:12px;padding:36px 20px}.workload{border-bottom:1px solid var(--line);grid-template-columns:1fr 76px 76px 28px;align-items:end;gap:8px;padding:13px 0;display:grid}.workload h4{margin:0 0 4px;font-size:13px}.workload small{color:var(--muted);font-size:11px}.workload input{padding:8px}.remove{color:var(--muted);background:0 0;padding:8px 4px}.totals{background:#08131d;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;padding:14px;display:grid}.metric strong{font-size:17px;display:block}.metric span{color:var(--muted);font-size:10px}.compact{width:150px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px;display:grid}.summary{border:1px solid var(--line);background:#0a1621;border-radius:12px;padding:15px}.summary span{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.summary strong{font-size:21px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#8fa5b7;border-bottom:1px solid var(--line);padding:11px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 11px}.gpu-name strong,.cost strong{display:block}.gpu-name small,.cost small{color:var(--muted)}.status{border-radius:99px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.ok{color:#70e2a3;background:#54d68b1f}.over{color:#ff8791;background:#ff6b781f}.idle{color:#a5b8c8;background:#172635}.bar{background:#20303e;border-radius:99px;width:130px;height:7px;margin:5px 0;overflow:hidden}.bar i{background:var(--accent);border-radius:inherit;height:100%;display:block}.bar i.danger{background:var(--red)}.recommend{color:#bfe0fa;background:#172a3a;padding:8px 10px}.recommended-row{background:#54d68b09}details summary{cursor:pointer;font-weight:700}details summary span{color:var(--accent);margin-left:7px;font-weight:500}.notice{color:var(--amber);font-size:12px;line-height:1.5}.edit-cell input{width:95px;padding:7px}footer{text-align:center;color:#71899b;padding:22px;font-size:11px}@media (max-width:1050px){.workspace{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.shell{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:1fr 1fr}.header-actions{width:100%}.header-actions button{flex:1}}@media (max-width:450px){.summary-grid,.catalog-grid{grid-template-columns:1fr}.workload{grid-template-columns:1fr 65px 65px 24px}.topbar h1{font-size:25px}}.catalog-head-actions{align-items:center;gap:8px;display:flex}.link-btn{color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:600}.link-btn:hover{background:#152636}.usecase{flex-direction:column;display:flex}.usecase h3{padding-right:26px}.usecase p{flex:1}.usecase-actions{opacity:0;justify-content:flex-end;gap:6px;margin-top:11px;transition:opacity .18s;display:flex}.usecase:hover .usecase-actions,.usecase:focus-within .usecase-actions{opacity:1}.icon-btn{border:1px solid var(--line);color:#b9c8d4;background:#132434;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:600;line-height:1}.icon-btn:hover{color:var(--text);border-color:#3d5c72}.icon-btn.danger:hover{color:#ff8791;background:#ff6b7814;border-color:#ff6b7880}.add-card{min-height:115px;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #2a4155;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:15px;font-weight:600;transition:all .18s;display:flex}.add-card b{font-size:21px;font-weight:600;line-height:1}.add-card span{font-size:12px}.add-card:hover{border-color:var(--accent);color:var(--accent);background:#54d68b0f;transform:translateY(-2px)}.modal-backdrop{z-index:50;background:#03080db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal{border:1px solid var(--line);background:linear-gradient(145deg,#12212f,#0b1724);border-radius:17px;width:min(560px,100%);padding:24px;box-shadow:0 30px 80px #00000080}.modal h2{margin:0 0 6px;font-size:18px}.modal-sub{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.5}.modal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.span2{grid-column:1/-1}textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;resize:vertical;background:#09141e;border-radius:9px;outline:none;padding:10px 11px}textarea:focus{border-color:var(--blue)}.hint{color:var(--muted);font-size:11px;font-weight:500}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.form-error{color:#ff8791;grid-column:1/-1;margin:0;font-size:12px}.form-error[hidden]{display:none}.danger-btn{background:var(--red);color:#2b0509}.confirm-modal{width:min(430px,100%)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (hover:none){.usecase-actions{opacity:1}}@media (max-width:520px){.modal-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.explainer{border-left:2px solid var(--blue);color:var(--muted);background:#5fa8ff12;border-radius:0 9px 9px 0;margin:-8px 0 16px;padding:12px 13px;font-size:11.5px;line-height:1.6}.explainer b{color:#bfe0fa;font-weight:600}.explainer #explainExample{color:#9fc6e7;font-variant-numeric:tabular-nums;margin-top:6px;display:block}.fleet strong{font-variant-numeric:tabular-nums;font-size:19px;display:block}.fleet small{color:var(--muted);margin-top:3px;display:block}.cost strong{font-variant-numeric:tabular-nums}.muted-cell{color:var(--muted)}.notice.source{color:#9fc6e7;margin-bottom:14px}.cost small{margin-top:3px;display:block}.fam{color:#9fc6e7;background:#172a3a;border-radius:99px;margin-left:6px;padding:3px 6px;font-size:10px}.src-line{color:#9fc6e7;margin:0 0 10px;font-size:11.5px;line-height:1.6}.src-line em{color:var(--muted);font-style:normal}.gpu-name small{margin-top:2px;display:block}#regionCount{color:#cce9db;font-weight:600}label>input,label>select,label>textarea{margin-top:auto}.settings-grid label{min-height:100%}.suffix{pointer-events:none;font-weight:500;bottom:12px}.bar{position:relative}.bar:after{content:"";top:0;bottom:0;left:var(--target,98%);background:#7d94a6;width:1px;position:absolute}.fixed-basis{color:var(--muted);background:#5fa8ff0d;border:1px dashed #2a4155;border-radius:11px;margin:18px 0 0;padding:13px 15px;font-size:11.5px;line-height:1.6}.fixed-basis>b{color:#bfe0fa;margin-bottom:6px;font-weight:600;display:block}.fixed-basis span{margin-top:4px;display:block}.fixed-basis span b{color:#cfe3f3;font-weight:600}.fixed-basis #fixedBasisNow{color:#9fc6e7;font-variant-numeric:tabular-nums;margin-top:8px}.summary-grid{grid-template-columns:repeat(6,1fr)}.summary small{color:var(--muted);margin-top:5px;font-size:10.5px;line-height:1.45;display:block}.totals{grid-template-columns:repeat(3,1fr);gap:12px 8px}.ram-short{color:#ff8791;margin-top:2px;display:block}@media (max-width:1360px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.summary-grid,.totals{grid-template-columns:repeat(2,1fr)}}@media (max-width:450px){.summary-grid{grid-template-columns:1fr}}html{-webkit-text-size-adjust:100%}img,svg{max-width:100%}.shell{padding:clamp(14px,3.5vw,32px)}.topbar h1{font-size:clamp(21px,4.6vw,30px)}.topbar p{font-size:clamp(12px,2.6vw,14px)}.section-title h2{font-size:clamp(15px,3vw,17px)}.settings,.catalog,.configuration,.results-card,.assumptions-card{padding:clamp(15px,3vw,22px)}@media (max-width:760px){.topbar{gap:16px}.header-actions{flex-wrap:wrap}.header-actions button{flex:30%;min-height:44px}.section-title{flex-direction:column;align-items:flex-start;gap:10px}.catalog-head-actions{justify-content:space-between;width:100%}}@media (max-width:880px){.table-wrap{overflow:visible}table{min-width:0;display:block}thead{display:none}tbody,tr,td{width:100%;display:block}tr{border:1px solid var(--line);background:#0a1621;border-radius:13px;margin-bottom:11px;padding:14px}tr.recommended-row{border-color:var(--accent);background:linear-gradient(145deg,#22634838,#0a1621)}td{border-bottom:1px solid var(--line);padding:10px 0}td:first-child{padding-top:0}td:last-child{border-bottom:0;padding-bottom:0}td:empty{display:none}td:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:600;display:block}td.gpu-name:before{display:none}.fleet,.cost{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.fleet:before,.cost:before{margin-bottom:0}.fleet strong,.cost strong{display:inline-block}.fleet small,.cost small{flex-basis:100%;margin-top:0}.bar{width:100%}.gauges{gap:10px}}@media (max-width:560px){.workload{grid-template-columns:1fr 1fr 34px;grid-template-areas:"name name rm""cams fps rm";gap:9px 8px}.workload>div:first-child{grid-area:name}.workload>label:first-of-type{grid-area:cams}.workload>label:nth-of-type(2){grid-area:fps}.workload .remove{grid-area:rm;align-self:center}.workload input{padding:10px 9px}.catalog-grid{grid-template-columns:1fr}.usecase{min-height:0}.fixed-basis{font-size:11px}}.modal{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 28px);overflow:auto}.modal-backdrop{padding:14px}@media (max-width:560px){.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;min-height:44px}}@media (hover:none){input,select,textarea{font-size:16px}button{min-height:40px}}:root{--g-decode:#ff8a00;--g-inference:#a85d16;--g-vram:#a020f0;--g-ram:#ffd000}.g-decode{--c:var(--g-decode)}.g-inference{--c:var(--g-inference)}.g-vram{--c:var(--g-vram)}.g-ram{--c:var(--g-ram)}.axis-head{text-align:center}.legend{flex-wrap:wrap;justify-content:center;gap:5px 14px;margin-top:7px;display:flex}.legend i{color:var(--muted);align-items:center;gap:5px;font-size:10.5px;font-style:normal;display:inline-flex}.legend i:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.k-decode{--c:var(--g-decode)}.k-inference{--c:var(--g-inference)}.k-vram{--c:var(--g-vram)}.k-ram{--c:var(--g-ram)}.gauges{justify-content:center;gap:14px;min-width:0;display:flex}.gauge{flex-direction:column;flex:none;align-items:center;gap:5px;min-width:64px;display:flex}.g-name{color:var(--muted);white-space:nowrap;font-size:10.5px}.g-pct{color:var(--text);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.g-pair{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px}.tube{border:1.5px solid var(--c);background:#0c1620;border-radius:3px;width:18px;height:62px;position:relative;overflow:hidden}.tube i{background:repeating-linear-gradient(to top,var(--c) 0 7px,transparent 7px 9.5px);border-radius:0;transition:height .2s;display:block;position:absolute;bottom:0;left:0;right:0}.tube:before{content:"";z-index:1;pointer-events:none;border:2px solid #0c1620;border-radius:2px;position:absolute;inset:0}.tube:after{content:"";left:0;right:0;bottom:var(--target,98%);opacity:.8;z-index:2;background:#8ba2b4;height:1px;position:absolute}.gauge.lim .g-name{color:var(--text);font-weight:600}.gauge.lim .tube{border-color:var(--c)}.gauge.hot .tube i{background:repeating-linear-gradient(to top,var(--red) 0 7px,transparent 7px 9.5px)}.gauge.hot .g-pct{color:var(--red)}.gauge.advisory .g-name:after{content:" *";color:var(--g-ram)}.gpu-name .muted-cell{margin-top:2px;display:block}.axis-note{color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.6}.axis-note b{color:var(--g-ram)}@media (max-width:400px){.gauges{flex-wrap:wrap;gap:14px 10px}.gauge{flex:0 0 calc(50% - 5px);min-width:0}}.login-shell{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:clamp(18px,5vw,40px);display:flex}.login-card{width:min(400px,100%);padding:clamp(22px,5vw,30px)}.login-card h1{margin:16px 0 6px;font-size:clamp(18px,4.4vw,21px);line-height:1.3}.login-sub{color:var(--muted);margin:0 0 22px;font-size:12.5px;line-height:1.6}.login-form{flex-direction:column;gap:14px;display:flex}.login-form input{min-height:44px;padding:12px}.login-form button{min-height:44px;margin-top:4px}.login-form button[disabled]{opacity:.6;cursor:progress}.login-form .form-error{margin:0;font-size:12px}.login-shell footer{text-align:center;max-width:400px;padding:0}.brand .brand-mark{background:0 0;border-radius:0;width:auto;height:34px;display:block}.login-logo{width:min(230px,64%);height:auto;margin:0 0 4px;display:block}