:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111315;--panel:#181c1f;--panel-strong:#1e2529;--panel-soft:#22282d;--line:#303941;--line-strong:#49545d;--text:#f4f0e8;--muted:#a8b0b7;--accent:#f0b35a;--accent-strong:#ffcc75;--green:#71d190;--red:#f08080;--shadow:0 22px 70px #00000052}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(135deg, #f0b35a12, transparent 32rem), radial-gradient(circle at 90% 0%, #71d19014, transparent 24rem), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1440px,100%);margin:0 auto;padding:32px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);align-items:start;gap:20px;display:grid}.panel,.tableBand{border:1px solid var(--line);box-shadow:var(--shadow);background:#181c1fe6}.panel{border-radius:8px;padding:24px}.panelPrimary{min-height:640px}.panelHeader,.tableHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.panelHeader.compact{margin-bottom:20px}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:inline-block}h1,h2,p{margin:0}h1{max-width:760px;font-size:clamp(2rem,4vw,4.4rem);font-weight:850;line-height:.98}h2{font-size:1.05rem;font-weight:780}.headerBadge{border:1px solid var(--line);min-height:40px;color:var(--accent-strong);background:var(--panel-soft);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.sectionTitle{color:var(--text);align-items:center;gap:8px;margin:22px 0 12px;display:flex}.splitTitle{justify-content:space-between}.splitTitle>div{align-items:center;gap:8px;display:flex}.sectionTitle svg{color:var(--accent)}.unitRow{flex-wrap:wrap;gap:8px;min-height:38px;margin-bottom:16px;display:flex}.unitRow.small{gap:6px;min-height:30px;margin:8px 0 0}.unitButton{border:1px solid var(--line);min-width:54px;min-height:36px;color:var(--muted);background:var(--panel-soft);border-radius:6px;transition:border-color .16s,color .16s,background .16s}.unitRow.small .unitButton{min-width:42px;min-height:30px;padding:0 8px;font-size:.85rem}.unitButton:hover,.unitButtonActive{color:var(--text);background:#f0b35a21;border-color:#f0b35ab3}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.metaGrid{margin-bottom:16px}.field{color:var(--muted);gap:8px;font-size:.92rem;font-weight:650;display:grid}.inputWrap{border:1px solid var(--line);background:#111619;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:0 12px;display:grid}.inputWrap:focus-within{border-color:var(--accent)}.inputWrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:1.08rem;font-weight:760}.inputWrap strong{color:var(--accent-strong);font-size:.88rem}.materialSelectGrid{grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);align-items:end;gap:14px;display:grid}.selectWrap{border:1px solid var(--line);background:#111619;border-radius:6px;align-items:center;min-height:54px;padding:0 12px;display:grid}.selectWrap:focus-within{border-color:var(--accent)}.selectWrap select{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:1rem;font-weight:760}.selectWrap option{color:#111315;background:#fff}.selectedMaterial{border:1px solid var(--line);background:#13181b;border-radius:6px;gap:4px;min-height:54px;padding:10px 12px;display:grid}.selectedMaterial span,.selectedMaterial small{color:var(--muted)}.selectedMaterial strong{color:var(--accent-strong)}.resultsPanel{position:sticky;top:24px}.statusDot{background:var(--red);border-radius:50%;width:14px;height:14px;margin-top:5px;box-shadow:0 0 0 5px #f0808024}.statusDotReady{background:var(--green);box-shadow:0 0 0 5px #71d19024}.unitGroups{gap:12px;margin-bottom:18px;display:grid}.unitGroups>div{border:1px solid var(--line);background:#13181b;border-radius:6px;padding:12px}.unitGroups span{color:var(--muted);font-size:.84rem;font-weight:700}.resultStack{gap:12px;display:grid}.resultCard{border:1px solid var(--line);background:linear-gradient(135deg, var(--panel-strong), #15191c);border-radius:8px;grid-template-columns:46px minmax(0,1fr);gap:12px;min-height:118px;padding:16px;display:grid}.resultIcon{width:46px;height:46px;color:var(--accent-strong);background:#f0b35a1f;border-radius:6px;place-items:center;display:grid}.resultCard p,.resultCard span{color:var(--muted)}.resultCard p{margin-bottom:6px;font-size:.86rem;font-weight:780}.resultCard strong{overflow-wrap:anywhere;margin-bottom:6px;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.05;display:block}.resultCard span{font-size:.9rem}.formulaBox{border:1px solid var(--line);background:#13181b;border-radius:8px;margin-top:16px;padding:16px}.formulaBox .sectionTitle{margin-top:0}.formulaBox p{color:var(--muted);line-height:1.55}.formulaBox code{color:var(--accent-strong);background:#0d1113;border-radius:6px;margin-top:12px;padding:12px;display:block;overflow-x:auto}.tableBand{border-radius:8px;margin-top:20px;padding:22px}.tableHeader{align-items:center;margin-bottom:14px}.tableHeader svg{color:var(--accent)}.densityTable{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.tableRow{border:0;border-bottom:1px solid var(--line);min-height:48px;color:var(--text);text-align:left;background:0 0;grid-template-columns:minmax(140px,1fr) minmax(110px,.5fr) minmax(180px,1.2fr);align-items:center;gap:12px;padding:0 14px;display:grid}.tableRow:last-child{border-bottom:0}.tableHead{min-height:42px;color:var(--accent-strong);text-transform:uppercase;background:#111619;font-size:.82rem;font-weight:800}.tableAction:hover{background:#f0b35a14}.tableAction span:nth-child(2),.tableAction span:nth-child(3){color:var(--muted)}.primaryButton,.ghostButton,.iconButton{border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:760;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.primaryButton{color:#17130d;background:var(--accent-strong);border:1px solid #f0b35ab8;width:100%;min-height:44px;margin-top:14px}.primaryButton:disabled,.ghostButton:disabled{cursor:not-allowed;opacity:.52}.ghostButton{border:1px solid var(--line);min-height:36px;color:var(--text);background:var(--panel-soft);padding:0 12px}.ghostButton:hover{border-color:var(--accent);background:#f0b35a1f}.iconButton{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:var(--panel-soft)}.iconButton:hover{color:var(--text);border-color:var(--line-strong)}.iconButton.danger:hover{color:var(--red);border-color:#f080808c}.historyList{gap:10px;display:grid}.historyItem{border:1px solid var(--line);background:#13181b;border-radius:8px;grid-template-columns:minmax(180px,1.2fr) minmax(150px,.8fr) auto auto;align-items:center;gap:12px;min-height:62px;padding:12px;display:grid}.historyItem>div{gap:4px;display:grid}.historyItem strong{color:var(--text)}.historyItem span,.emptyState{color:var(--muted)}.emptyState{border:1px dashed var(--line);border-radius:8px;padding:18px}.modalBackdrop{z-index:20;background:#080a0cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalPanel{border:1px solid var(--line-strong);background:var(--panel);width:min(1040px,100%);max-height:min(780px,100vh - 48px);box-shadow:var(--shadow);border-radius:8px;padding:22px;overflow:auto}.modalHeader{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.managerLayout{grid-template-columns:minmax(280px,.72fr) minmax(320px,1fr);gap:16px;display:grid}.managerForm,.managerList{border:1px solid var(--line);background:#13181b;border-radius:8px;padding:14px}.managerForm{align-content:start;gap:12px;display:grid}.buttonRow{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.buttonRow .primaryButton{margin-top:0}.managerList{max-height:560px;padding:0;display:grid;overflow:auto}.managerTableRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(100px,.45fr) minmax(150px,.9fr) minmax(86px,auto);align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:grid}.managerTableRow:last-child{border-bottom:0}.managerSelectCell{color:var(--text);text-align:left;background:0 0;border:0;font-weight:760}.managerSelectCell:hover{color:var(--accent-strong)}.managerTableRow span{color:var(--muted);font-size:.86rem}.managerActions{justify-content:flex-end;gap:8px;display:flex}@media (max-width:1060px){.workspace{grid-template-columns:1fr}.resultsPanel{position:static}.managerLayout{grid-template-columns:1fr}}@media (max-width:720px){.shell{padding:14px}.panel,.tableBand{padding:16px}.panelHeader{display:grid}.headerBadge{width:fit-content}.formGrid,.materialSelectGrid{grid-template-columns:1fr}.tableRow{grid-template-columns:1fr;gap:4px;min-height:auto;padding:12px}.tableHead{display:none}.managerTableRow{grid-template-columns:1fr auto auto;gap:6px;min-height:auto}.managerTableRow>span:nth-child(2),.managerTableRow>span:nth-child(3){grid-column:1}.managerActions{grid-area:1/2/3/4}.splitTitle,.modalHeader{align-items:flex-start}.historyItem{grid-template-columns:1fr auto auto}.historyItem>div:nth-child(2){grid-area:2/1/auto/-1}.buttonRow{grid-template-columns:1fr}.buttonRow .ghostButton{width:100%}}
