:root{color-scheme:dark;--bg:#080d17;--panel:#121b2a;--line:#2d3848;--text:#e6eefc;--muted:#9cabc0;--lime:#b2f484;--blue:#73a9ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 70% 25% at 54% 0%,#192839 0%,transparent 90%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px max(calc((100vw - 1100px)/2),24px);gap:14px}main{max-width:1120px;padding:30px 16px 90px;margin:auto}.brand{font-weight:800;letter-spacing:.06em;display:flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;background:var(--lime);color:#071222;border-radius:12px;font-size:21px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.2em}.header-right{display:flex;align-items:center;gap:9px}.subtle,.fine,.muted{color:var(--muted)}.fine{font-size:12px}.kicker,.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--lime);font-weight:700}.hero{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 30px 35px;border:1px solid #365043;border-radius:20px;background:linear-gradient(125deg,#122625,#101927);margin-bottom:20px}.hero h1,.auth h1{font-size:clamp(27px,4vw,42px);line-height:1.12;letter-spacing:-.04em;margin:8px 0 12px}.hero p{margin-bottom:0;max-width:570px;color:#b6c7d0}.budget{display:flex;flex-direction:column;width:230px;flex-shrink:0}.budget strong{font-size:55px;line-height:1.1;color:var(--lime)}.budget span{font-weight:650}.budget small{color:var(--muted);font-size:11px;padding-top:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics>div,.mini{border:1px solid var(--line);padding:18px;background:var(--panel);border-radius:14px}.metrics span,.mini span{color:var(--muted);font-size:12px;display:block}.metrics strong,.mini strong{font-size:25px;display:block;padding-top:4px}.housenav{margin:22px 0;display:flex;flex-wrap:wrap;gap:8px}.housenav a{padding:9px 13px;border-radius:9px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:650;font-size:12px}.housenav a:hover{border-color:var(--lime)}.building{border:1px solid var(--line);background:linear-gradient(150deg,#101b2a,#0c1522);padding:25px;border-radius:18px;margin-top:16px;scroll-margin-top:20px}.heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.heading h2{font-size:23px;letter-spacing:-.02em;margin:4px 0}.heading p{color:var(--muted);margin:4px 0 22px;max-width:720px}.tag{display:inline-block;background:#1c2c29;color:#c6e4cd;border:1px solid #36534a;border-radius:8px;padding:5px 9px;font-size:11px;white-space:nowrap}.phones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.phone,.mini{background:#0b1422;border:1px solid var(--line);border-radius:12px;padding:14px}.phone strong{display:block;font-size:15px}.phone small{display:block;color:var(--muted)}.phone .active{color:var(--lime)}.phone .offline{color:#d8cfa9}.phone .phone-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.phone button{font-size:12px;padding:7px}.row-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;align-items:center}button,.link{border:1px solid #435367;padding:10px 14px;background:#1a2a40;color:var(--text);border-radius:9px;font:inherit;font-weight:650;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:hover{background:#263953}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--lime);color:#122116;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary:hover{background:#d5ffbc}.textlink{color:var(--blue)}.ghost{background:transparent}.switch{color:var(--muted);font-size:12px}.history{border-top:1px solid var(--line);margin-top:14px}.history .item{border-bottom:1px solid var(--line);padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.history .item strong{font-size:13px}.history .item small{color:var(--muted)}.history .item a{color:var(--blue)}.notice{padding:12px 16px;border-radius:10px;background:#21354e;border:1px solid #4970a5;margin-bottom:12px}.notice.error{background:#35232a;border-color:#8f4c58}.ledger-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ledger-form label{display:flex;flex-direction:column;font-weight:650;font-size:12px;gap:4px}.ledger-form .agree{flex-direction:row;align-items:center;grid-column:span 2}.ledger-form button{align-self:end}.ledger-form label:has([name=note]),.ledger-form label:has([name=evidence]){grid-column:span 3}input:not([type=checkbox]),select{width:100%;background:#0b1421;border:1px solid #3a4759;border-radius:8px;padding:10px;color:var(--text);font-size:14px}input[type=checkbox]{accent-color:#abef82}.auth{max-width:530px;margin:60px auto;padding:30px;border-radius:18px;border:1px solid var(--line);background:var(--panel)}.auth form{display:flex;flex-direction:column;gap:16px;margin-top:18px}.auth label{display:flex;flex-direction:column;gap:8px}footer{padding:25px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:900px){.phones{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{padding:12px 15px}.subtle{display:none}.hero{display:block;padding:22px}.budget{width:auto;margin-top:22px}.building{padding:16px}.phones{grid-template-columns:1fr}.metrics,.row-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-form{grid-template-columns:1fr}.ledger-form label:has([name=note]),.ledger-form label:has([name=evidence]),.ledger-form .agree{grid-column:span 1}}

.phone-preview{display:block;max-width:100%;height:142px;width:auto;margin:9px auto 0;border-radius:8px;object-fit:contain;border:1px solid var(--line);background:#050912}
