:root{--bg:#f4f1ea;--ink:#171411;--muted:#6d6256;--panel:#fffaf1;--panel-strong:#efe6d6;--line:#17141129;--accent:#8f5e2f;--accent-strong:#5c351b;--green:#236c4f;--red:#a94438;--shadow:0 24px 70px #33271a1f;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font);color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}body{background:linear-gradient(90deg, #17141109 1px, transparent 1px), linear-gradient(180deg, var(--bg), #e6ddce);background-size:44px 44px,auto}button,input,textarea{font:inherit}a{color:inherit}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:20px 0 40px}.topbar{min-height:64px;color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:20px;display:grid}.brandMark{border-radius:var(--radius);background:var(--ink);width:48px;height:48px;color:var(--panel);letter-spacing:-.08em;place-items:center;font-weight:950;text-decoration:none;display:grid}.brandMark span{color:#d9a966;display:inline-block;transform:translateY(-.16em)}.navButton,button,.secondaryButton,.ghostButton{border-radius:var(--radius);border:1px solid var(--line);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;text-decoration:none;display:inline-flex}.navButton,button{background:var(--ink);color:var(--panel);box-shadow:var(--shadow)}.secondaryButton,.ghostButton{background:var(--panel);color:var(--ink)}.heroPanel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;padding:28px 0;display:block}.adminHeader{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);align-items:stretch;gap:22px;margin-bottom:22px;padding:28px 0;display:grid}.heroPanel>*,.adminHeader>*{min-width:0}.kicker{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}h1,h2{letter-spacing:0;line-height:.98}h1{overflow-wrap:anywhere;white-space:normal;width:min(760px,100%);margin:0;font-size:clamp(36px,5.4vw,64px)}.heroTitle span{display:block}h2{margin:0;font-size:clamp(30px,4vw,46px)}.summaryRail,.splitMetrics,.liveCalc{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf1c7;flex-direction:column;justify-content:space-between;min-height:94px;padding:14px;display:flex}.metric span,.costRow span,.dealBand span{color:var(--muted);font-size:13px}.metric strong{font-size:clamp(20px,3vw,28px);line-height:1}.metric small{color:var(--muted)}.metric.good strong,.goodText{color:var(--green)}.metric.bad strong,.badText{color:var(--red)}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.projectCard,.editorCard,.loginCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.projectCard{padding:18px}.cardHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.cardHead span{border-radius:var(--radius);border:1px solid var(--line);color:var(--accent-strong);margin-bottom:8px;padding:6px 9px;font-size:12px;font-weight:850;display:inline-flex}.cardHead svg{width:42px;height:42px;color:var(--accent);flex:none}.costStack{gap:8px;margin-bottom:12px;display:grid}.costRow{border-bottom:1px solid var(--line);padding:0}.costRow summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:11px 0;list-style:none;display:flex}.costRow summary::-webkit-details-marker{display:none}.detailEditor summary::-webkit-details-marker{display:none}.costRow summary>span,.detailEditor summary>span{gap:3px;display:grid}.costRow summary small,.detailEditor summary small{color:var(--muted);font-size:12px;font-weight:750}.costRow strong{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.costRow[open] summary svg,.detailEditor[open] summary>svg{transform:rotate(180deg)}.costDetails,.emptyDetails{border-radius:var(--radius);background:#efe6d694;margin:0 0 12px;padding:10px}.costDetailItem{border-bottom:1px solid #1714111a;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;display:flex}.costDetailItem:last-child{border-bottom:0}.detailDelta,.emptyDetails{color:var(--muted);font-size:12px;line-height:1.45}.detailDelta{margin:8px 0 0}.dealBand{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:12px;display:grid;overflow:hidden}.dealBand div{background:var(--ink);min-height:92px;color:var(--panel);flex-direction:column;justify-content:space-between;padding:14px;display:flex}.dealBand span{color:#d8ccba}.dealBand strong{font-size:22px}.note{color:var(--muted);margin:14px 0 0;line-height:1.5}.siteFooter{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;padding-top:20px;font-size:14px;display:flex}.loginShell{place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{width:min(430px,100%);padding:24px}.loginIcon{border-radius:var(--radius);background:var(--ink);width:56px;height:56px;color:var(--panel);place-items:center;margin-bottom:18px;display:grid}.loginCard h1{margin-bottom:18px;font-size:38px}input,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fffdf8;outline:none;padding:12px}textarea{resize:vertical;min-height:92px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #8f5e2f29}label{color:var(--muted);gap:7px;font-size:13px;font-weight:750;display:grid}.loginCard input{margin-bottom:10px}.loginCard button{width:100%;margin-top:4px}.formMessage,.statusMessage{color:var(--accent-strong);font-weight:800}.statusMessage{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.adminHeader{grid-template-columns:minmax(0,1fr) auto}.adminActions{flex-wrap:wrap;place-content:start flex-end;gap:9px;display:flex}.fileButton{position:relative;overflow:hidden}.fileButton input{opacity:0;cursor:pointer;position:absolute;inset:0}.editorList{gap:18px;display:grid}.editorCard{padding:18px}.editorTitle{grid-template-columns:auto minmax(0,1fr) minmax(180px,.36fr);align-items:end;gap:12px;margin-bottom:14px;display:grid}.editorTitle svg{color:var(--accent);align-self:center}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detailEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.detailEditor{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8c2;overflow:hidden}.detailEditor summary{cursor:pointer;min-height:58px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px;font-weight:900;list-style:none;display:flex}.detailEditorRows{gap:10px;padding:0 12px 12px;display:grid}.detailEditorRow{grid-template-columns:minmax(0,1.2fr) minmax(130px,.7fr) 44px;align-items:end;gap:8px;display:grid}.iconButton{width:44px;height:44px;box-shadow:none;color:var(--red);background:#fffdf8;padding:0}.addDetailButton{width:100%;box-shadow:none}.moneyInput{position:relative}.moneyInput svg{color:var(--muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.moneyInput input{padding-right:38px}.wideLabel{margin:14px 0}.liveCalc{grid-template-columns:repeat(4,minmax(0,1fr))}.resetButton{margin-top:18px}@media (width<=900px){.heroPanel,.adminHeader,.projectGrid{grid-template-columns:1fr}.adminActions{justify-content:stretch}.adminActions>*{flex:150px}.formGrid,.detailEditorGrid,.liveCalc{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.shell{width:min(100% - 22px,1180px);padding-top:10px}.topbar{grid-template-columns:auto 1fr}.navButton{grid-column:1/-1}h1{word-break:normal;font-size:26px;line-height:1.04}.summaryRail,.splitMetrics,.dealBand,.formGrid,.detailEditorGrid,.liveCalc,.editorTitle,.detailEditorRow{grid-template-columns:1fr}.iconButton{width:100%}}
