:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111827;--muted:#667085;--line:#dce1e8;--paper:#fff;--canvas:#f2f4f7;--accent:#18b889;--accent-dark:#0d795e;--danger:#b42318;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;line-height:1.45}.topbar{background:var(--ink);color:#fff;z-index:10;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 720px);display:flex;position:sticky;top:0}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:11px;font-weight:800;text-decoration:none;display:flex}.brand small{color:var(--accent);letter-spacing:.08em;margin-left:7px;font-size:.66rem}.brand-mark{flex-direction:column;justify-content:center;gap:3px;width:31px;height:31px;display:flex}.brand-mark i{background:var(--accent);height:5px;display:block}.brand-mark i:nth-child(2){align-self:center;width:72%}.brand-mark i:nth-child(3){align-self:center;width:38%}.topbar nav{height:100%;display:flex}.nav-button{color:#aab2c0;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 17px}.nav-button:hover,.nav-button:focus-visible{color:#fff}.nav-button.active{color:#fff;border-bottom-color:var(--accent)}.nav-button span{background:#2c3647;border-radius:20px;margin-left:4px;padding:1px 7px;font-size:.78rem}main{max-width:1440px;margin:auto;padding:38px 24px 72px}.view{display:none}.view.active{display:block}.page-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:4px 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.page-heading>p{color:var(--muted);margin:0}.eyebrow{color:var(--accent-dark);letter-spacing:.14em;margin:0;font-size:.72rem;font-weight:800}.workspace{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:22px;display:grid}.form-stack{gap:16px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 3px #1018280a}.form-stack .panel{padding:24px}.section-title{gap:14px;margin-bottom:20px;display:flex}.section-title>span{background:var(--ink);height:34px;color:var(--accent);border-radius:9px;flex:0 0 34px;place-items:center;font-size:.75rem;font-weight:800;display:grid}.section-title h2{margin:0 0 2px;font-size:1rem}.section-title p{color:var(--muted);margin:0;font-size:.85rem}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}label{color:#344054;gap:6px;font-size:.82rem;font-weight:650;display:grid}label small{color:var(--muted);font-weight:500}input,select{width:100%;min-height:43px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd5df;border-radius:9px;padding:9px 11px;font-size:.92rem}input:focus,select:focus{border-color:var(--accent);outline:3px solid #18b8892e}.money-input{position:relative}.money-input b{color:var(--muted);z-index:1;position:absolute;top:10px;left:11px}.money-input input{padding-left:28px}.results{position:sticky;top:90px;overflow:hidden}.results-head{justify-content:space-between;align-items:center;padding:20px 22px 0;display:flex}.results-head span{color:var(--accent-dark);background:#e9fbf5;border-radius:20px;padding:4px 8px;font-size:.72rem}.price-block{background:var(--ink);color:#fff;margin-top:18px;padding:22px}.price-block small{color:#bac2cf}.price-block strong{letter-spacing:-.05em;font-size:2.8rem;display:block}.price-block p{color:var(--accent);margin:0;font-size:.86rem}.customer-total{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 22px;font-size:.88rem;display:flex}.breakdown{margin:0;padding:6px 22px}.breakdown div{justify-content:space-between;padding:9px 0;font-size:.85rem;display:flex}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;font-weight:650}.breakdown .total{border-top:1px solid var(--line);margin-top:4px;padding-top:13px}.breakdown .total dt{color:var(--ink);font-weight:750}.profit-block{background:#e9fbf5;border-radius:10px;grid-template-columns:1fr auto;align-items:center;margin:0 22px 18px;padding:16px;display:grid}.profit-block span{color:var(--accent-dark);font-weight:700}.profit-block strong{font-size:1.55rem}.profit-block small{color:var(--accent-dark);grid-column:1/-1}button,.file-button{min-height:42px;font:inherit;cursor:pointer;border-radius:9px;font-size:.88rem;font-weight:700}.results button{width:calc(100% - 44px);margin:0 22px 10px}.primary{border:1px solid var(--accent);background:var(--accent);color:#06251d;padding:10px 16px}.secondary{color:var(--ink);background:#fff;border:1px solid #cfd5df;padding:10px 16px}.danger{color:var(--danger);background:#fff;border:1px solid #fda29b;padding:9px 14px}.error{color:var(--danger);margin:0 0 12px;padding:0 22px;font-size:.82rem}.history-list{gap:10px;display:grid}.history-card{grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:18px 20px;display:grid}.history-card h2{margin:0;font-size:1rem}.history-card p{color:var(--muted);margin:4px 0 0;font-size:.83rem}.history-card strong{font-size:1.25rem}.empty{text-align:center;padding:70px 20px}.empty span{width:50px;height:50px;color:var(--muted);background:#e5e9ef;border-radius:50%;place-items:center;margin:auto;font-weight:800;display:grid}.empty h2{font-size:1.1rem}.empty p{color:var(--muted)}.settings-panel{padding:26px}.settings-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.file-button{align-items:center;display:inline-flex}.file-button input{display:none}.success{color:var(--accent-dark);min-height:1.4em}footer{max-width:1440px;color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;margin:auto;padding:24px;font-size:.78rem;display:flex}@media (width<=1050px){.workspace{grid-template-columns:1fr}.results{position:static}.grid.four{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.topbar{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:14px 16px 0}.topbar nav{width:100%;height:45px;overflow-x:auto}.nav-button{white-space:nowrap;padding:0 12px}.brand{padding-left:5px}main{padding:24px 14px 56px}.page-heading{flex-direction:column;align-items:start;gap:14px}.page-heading>p{font-size:.85rem}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr 1fr}.form-stack .panel{padding:18px}.history-card{grid-template-columns:1fr auto}.history-card button{grid-column:1/-1}footer{flex-direction:column;gap:6px;padding:20px 16px}}@media (width<=430px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.price-block strong{font-size:2.35rem}}:root{--ink:#10243d;--muted:#607187;--canvas:#f3f6f9;--line:#d8e0e9;--accent:#f4bd50;--accent-dark:#79500e}.topbar{background:#10243d}.brand{gap:12px}.brand-mark{border:2px solid var(--accent);width:36px;height:36px;color:var(--accent);letter-spacing:-.08em;border-radius:9px;place-items:center;font-size:.84rem;font-weight:900;display:grid}.brand-name{line-height:1.04;display:grid}.brand-name small{color:var(--accent);letter-spacing:.07em;margin:4px 0 0;font-size:.64rem;font-weight:600}.nav-button.active{border-bottom-color:var(--accent)}.eyebrow{color:var(--accent-dark)}.section-title>span{color:var(--accent)}.price-block{background:#10243d}.price-block p{color:var(--accent)}.results-head span,.profit-block{color:var(--accent-dark);background:#fff6e3}.profit-block span,.profit-block small{color:var(--accent-dark)}.helper-note{border-left-color:var(--accent);background:#fff8e9}.primary{background:var(--accent);border-color:var(--accent);color:#10243d}.primary:hover{background:#ffd071}input:focus,select:focus{border-color:#bd8022;outline-color:#f4bd504d}@media (width<=680px){.brand-name{font-size:.95rem}}#storage-message:empty{display:none}#storage-message{color:#9b331a}button:disabled{opacity:.5;cursor:not-allowed}.grid>*{min-width:0}.results strong,.results b,.results dd{overflow-wrap:anywhere;min-width:0}footer{flex-wrap:wrap;gap:14px}footer a{color:inherit;padding:10px 0;display:inline-block}.page-heading h2{margin:4px 0;font-size:2rem}.article{max-width:780px;margin:auto;padding:28px}.article h1{font-size:clamp(1.7rem,4vw,2.5rem)}.article p,.article li{line-height:1.7}.article a{color:#194b7a}.history-card>div{overflow-wrap:anywhere;min-width:0}.file-button:focus-within{outline:3px solid #b68523}.file-button{position:relative}.file-button input{opacity:0;cursor:pointer;display:block;position:absolute;inset:0}