:root{--bg:#f7f5f2;--ink:#1a1f24;--muted:#5a6470;--rule:#e2dcd4;--panel:#fff;--accent:#2ebfff;--accent-soft:#d8efff;--hero-bg:#0d1317;--hero-ink:#f1ecec}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:2.5rem;line-height:1.15}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.85rem;font-weight:700}h3{font-size:1.15rem}p{margin:0}.container{max-width:980px;margin:0 auto;padding:0 1.5rem}header.site{border-bottom:1px solid var(--rule);padding:1.25rem 0}header.site .container{align-items:center;gap:.75rem;display:flex}header.site .brand{letter-spacing:.02em;font-weight:600}section.hero{background:var(--hero-bg);color:var(--hero-ink);padding:5rem 0 5.5rem}section.hero .quote{max-width:700px;font-size:2.25rem;font-weight:200;line-height:1.25}section.hero .quote em{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:8px;letter-spacing:.02em;padding:0 .15em;font-style:italic;font-weight:600;text-decoration-thickness:2px}section.hero .tagline{color:#b9c0c6;max-width:560px;margin-top:1.5rem;font-size:1rem}section{padding:3.5rem 0}section+section{border-top:1px solid var(--rule)}section.about p+p{margin-top:1rem}.services{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}@media (width<=720px){.services{grid-template-columns:1fr}section.hero{padding:3rem 0}section.hero .quote{font-size:1.6rem}h1{font-size:2rem}}.service{background:var(--panel);border:1px solid var(--rule);border-radius:6px;padding:1.25rem 1.4rem}.service h3{margin-bottom:.4rem}.service p{color:var(--muted);font-size:.95rem}.cta{background:var(--accent-soft);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.cta p{color:var(--muted);margin-top:.75rem}.cta a.primary{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:4px;margin-top:1.5rem;padding:.75rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.cta a.primary:hover{background:#000}footer.site{color:var(--muted);border-top:1px solid var(--rule);padding:2rem 0;font-size:.875rem}main.auth{padding:3rem 0}.container.narrow{max-width:460px}main.auth h1{margin-bottom:1.25rem;font-size:1.75rem}main.auth form{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}main.auth label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}main.auth input{font:inherit;border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:4px;padding:.6rem .75rem}main.auth input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}main.auth button.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:4px;align-self:flex-start;padding:.65rem 1.25rem;font-weight:600}main.auth button.primary:disabled{opacity:.6;cursor:not-allowed}main.auth .error{color:#b91c1c;font-size:.9rem}header.site.admin-bar .container{align-items:center;gap:1.5rem;display:flex}header.site.admin-bar .brand{text-decoration:none}.admin-nav{flex:1;gap:1rem;display:flex}.admin-nav a{color:var(--muted);border-radius:4px;padding:.25rem .5rem;text-decoration:none}.admin-nav a.active{color:var(--ink);background:var(--accent-soft)}.admin-user{color:var(--muted);font-size:.9rem}.link-btn{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.page-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.page-head h1{font-size:1.75rem}.filters{gap:1rem;margin-bottom:1rem;display:flex}.filters label{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.filters select{font:inherit;border:1px solid var(--rule);background:var(--panel);border-radius:4px;padding:.4rem .5rem}table.data{border-collapse:collapse;background:var(--panel);border:1px solid var(--rule);border-radius:6px;width:100%;margin-bottom:1rem;overflow:hidden}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:middle;padding:.55rem .75rem}table.data th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#faf8f5;font-size:.78rem}table.data tr:last-child td{border-bottom:0}table.data .num,.num{text-align:right;font-variant-numeric:tabular-nums}table.data input{width:100%;font:inherit;background:0 0;border:0;border-radius:3px;padding:.3rem .4rem}table.data input:focus{outline:2px solid var(--accent);outline-offset:0;background:var(--panel)}table.data input.num{text-align:right}.actions{gap:.5rem;display:flex}.actions button{font:inherit;border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .65rem}.actions button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.badge{text-transform:uppercase;letter-spacing:.08em;color:#075985;background:#d8efff;border-radius:99px;padding:.15rem .55rem;font-size:.72rem;display:inline-block}.badge.draft{color:#92400e;background:#fef3c7}.badge.sent{color:#075985;background:#d8efff}.badge.paid{color:#065f46;background:#d1fae5}.badge.void{color:#991b1b;background:#fee2e2}.modal{z-index:50;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);border-radius:8px;flex-direction:column;gap:.85rem;width:min(480px,92vw);padding:1.75rem;display:flex}.modal-card h2{text-transform:none;letter-spacing:0;color:var(--ink);margin:0;font-size:1.25rem}.modal-card label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.modal-card input,.modal-card textarea,.modal-card select{font:inherit;border:1px solid var(--rule);color:var(--ink);background:#fff;border-radius:4px;padding:.5rem .65rem}.modal-card .actions{justify-content:flex-end;margin-top:.5rem}.invoice-meta{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.invoice-meta label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.invoice-meta input{font:inherit;border:1px solid var(--rule);background:var(--panel);border-radius:4px;padding:.45rem .6rem}.invoice-totals{width:280px;margin-top:1rem;margin-left:auto}.invoice-totals>div{justify-content:space-between;margin:.4rem 0;display:flex}.invoice-totals .grand{border-top:2px solid var(--ink);padding-top:.5rem;font-size:1.1rem;font-weight:700}label.full{color:var(--muted);margin-top:1.25rem;font-size:.85rem;display:block}label.full textarea{width:100%;font:inherit;border:1px solid var(--rule);background:var(--panel);resize:vertical;border-radius:4px;margin-top:.3rem;padding:.5rem .65rem;display:block}.muted{color:var(--muted);font-size:.9rem}.schedule-panel{background:var(--panel);border:1px solid var(--rule);border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;padding:.75rem 1rem;font-size:.9rem;display:flex}.schedule-panel label.inline{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.period-cell{flex-direction:column;gap:.2rem;display:flex}.period-cell input{font:inherit;border:1px solid var(--rule);background:var(--panel);border-radius:3px;padding:.2rem .3rem;font-size:.82rem}.schedule-panel label.inline input{width:4rem;font:inherit;border:1px solid var(--rule);text-align:center;border-radius:4px;padding:.3rem .5rem}