:root{--bg:#f4f5f7;--panel:#fff;--ink:#14202e;--muted:#5d6b7a;--line:#e2e6eb;--line2:#eef1f4;--navy:#16324f;--navy2:#1f4670;--copper:#b8642f;--copper-soft:#fbf1ea;--ok:#2f7d5b;--mono:"IBM Plex Mono",ui-monospace,monospace;--sans:"IBM Plex Sans",system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;font-size:14px}header{background:var(--navy);color:#fff;z-index:20;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 22px;display:flex;position:sticky;top:0}header h1{letter-spacing:.2px;margin:0;font-size:17px;font-weight:600}header h1 small{opacity:.7;margin-top:2px;font-size:11.5px;font-weight:400;display:block}.spacer{flex:1}.seg{background:#ffffff1a;border-radius:8px;padding:3px;display:inline-flex}.seg button{color:#d6e0ea;font:500 13px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 14px}.seg button.on{color:var(--navy);background:#fff}.btn{color:#fff;font:500 12.5px var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:7px;padding:7px 12px}.btn:hover{background:#ffffff1f}.btn.light{border-color:var(--line);color:var(--ink);background:#fff}.btn.light:hover{background:var(--line2)}main{grid-template-columns:430px 1fr;align-items:start;gap:18px;padding:18px 22px;display:grid}@media (width<=1050px){main{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.inputs{max-height:calc(100vh - 100px);position:sticky;top:84px;overflow:auto}@media (width<=1050px){.inputs{max-height:none;position:static}}details{border-bottom:1px solid var(--line)}details:last-child{border-bottom:0}summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .chev{color:var(--muted);font-size:11px;transition:transform .15s}details[open] summary .chev{transform:rotate(90deg)}summary .tag{color:var(--muted);background:var(--line2);border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:500}.fields{padding:2px 16px 14px}.f{grid-template-columns:1fr 128px;align-items:center;gap:10px;padding:5px 0;display:grid}.f label{font-size:12.8px;line-height:1.3}.f label .n{color:var(--muted);margin-top:1px;font-size:11px;display:block}.f input,.f select{width:100%;font:500 13px var(--mono);border:1px solid var(--line);text-align:right;color:var(--ink);background:#fff;border-radius:6px;padding:6px 8px}.f select{text-align:left;font-family:var(--sans)}.f input:focus,.f select:focus{outline:2px solid var(--navy2);outline-offset:-1px;border-color:#0000}.f input.changed{background:var(--copper-soft);border-color:#ecc9ae}.f .unit{position:relative}.f .unit span{color:var(--muted);pointer-events:none;font-size:11.5px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.f .unit input{padding-right:24px}.calc{background:var(--line2);border-radius:6px;justify-content:space-between;margin:4px 0;padding:6px 10px;font-size:12.5px;display:flex}.calc b{font-family:var(--mono);font-weight:600}.toggle{justify-content:flex-end;gap:4px;display:flex}.toggle button{border:1px solid var(--line);font:500 12px var(--sans);cursor:pointer;color:var(--muted);background:#fff;border-radius:6px;flex:1;padding:6px 0}.toggle button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.results{flex-direction:column;gap:18px;min-width:0;display:flex}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=700px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{padding:14px 16px}.kpi .l{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px}.kpi .v{font:600 24px var(--mono);margin-top:6px}.kpi .v small{color:var(--muted);margin-left:3px;font-size:13px;font-weight:500}.kpi.hero{background:var(--navy);color:#fff;border-color:var(--navy)}.kpi.hero .l,.kpi.hero .v small{color:#b9c8d8}.strip{grid-template-columns:repeat(6,1fr);gap:0;display:grid}.strip>div{border-right:1px solid var(--line);padding:12px 14px}.strip>div:last-child{border-right:0}.strip .l{color:var(--muted);font-size:11px}.strip .v{font:600 15px var(--mono);margin-top:4px}@media (width<=900px){.strip{grid-template-columns:repeat(3,1fr)}.strip>div:nth-child(3){border-right:0}.strip>div:nth-child(-n+3){border-bottom:1px solid var(--line)}}.tbl-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.tbl-head h2{margin:0;font-size:14.5px}.tbl-head p{color:var(--muted);margin:0;font-size:12px}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.8px}th{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfc;padding:9px 12px;font-size:11px;font-weight:600}th:first-child,th:nth-child(2){text-align:left}td{border-bottom:1px solid var(--line2);text-align:right;font-family:var(--mono);white-space:nowrap;padding:7px 12px}td.code{text-align:left;color:var(--muted);width:36px}td.item{text-align:left;font-family:var(--sans);white-space:normal;min-width:240px}td.item .basis{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.35;display:block}tr.head td{border-top:1px solid var(--line);background:#f6f8fa;font-weight:600}tr.head td.item{font-weight:600}tr.head td.code{color:var(--navy);font-weight:700}tr.sub td{color:var(--ink)}tr.zero td{color:#a7b1bb}tr.tot td{background:#fafbfc;font-weight:600}tr.grand td{background:var(--navy);color:#fff;font-size:13.5px;font-weight:700}tr.grand td.code{color:#fff}.nature{font-family:var(--sans);background:var(--line2);color:var(--muted);border-radius:10px;padding:2px 7px;font-size:11px}.nature.rec{background:var(--copper-soft);color:var(--copper)}.hide-basis .basis{display:none}.cmp td.item{min-width:260px}.cmp td.best{color:var(--ok);font-weight:600}.note{color:var(--muted);padding:12px 16px;font-size:12px;line-height:1.5}.note b{color:var(--ink)}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:8px;padding:10px 16px;font-size:13px;transition:all .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.view-cmp main{grid-template-columns:1fr}.view-cmp .inputs,.view-cmp #calcView,#cmpView{display:none}.view-cmp #cmpView{display:flex}.chk{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.legend-chg{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 16px;font-size:11.5px;display:flex}.legend-chg i{background:var(--copper-soft);border:1px solid #ecc9ae;border-radius:3px;width:12px;height:12px;display:inline-block}.modal-bg{z-index:60;background:#14202e73;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-bg.show{display:flex}.modal{background:#fff;border-radius:12px;width:90%;max-width:380px;padding:20px}.modal h3{margin:0 0 8px;font-size:15px}.modal p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.modal .row{justify-content:flex-end;gap:8px;display:flex}.modal .danger{background:var(--copper);color:#fff;border-color:var(--copper)}
