:root{--bg:#f4f5f7;--surface:#fff;--ink:#111827;--ink-2:#4b5563;--line:#e3e6eb;--ok:#067647;--warn:#b54708;--danger:#b42318;--radius:12px;--gutter:clamp(16px, 4vw, 32px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:400 16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}h1,h2,p{margin:0}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button,input,textarea{font:inherit;color:inherit}.top{padding:14px var(--gutter);background:var(--accent);color:var(--on-accent);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{color:inherit;font-size:18px;font-weight:800;text-decoration:none}.nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.nav a{color:inherit;border-bottom:2px solid #0000;padding:6px 0;font-weight:600;text-decoration:none}.nav a[aria-current=page]{border-bottom-color:currentColor}.page.wide{max-width:1120px}.top .link{color:inherit}.page{max-width:880px;padding:24px var(--gutter) 48px;gap:18px;margin:0 auto;display:grid}.page h1{font-size:clamp(24px,3.4vw,30px);line-height:1.2}.muted{color:var(--ink-2)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel h2{margin-bottom:12px;font-size:18px}.link{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;text-decoration:underline}.btn{background:var(--accent);min-height:48px;color:var(--on-accent);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}label{gap:6px;font-weight:600;display:grid}input[type=email],input[type=text]{background:#fff;border:1.5px solid #c9ced6;border-radius:10px;min-height:48px;padding:0 14px}.notice{color:var(--ok);background:#ecfdf3;border-radius:10px;padding:12px 14px;font-weight:600}.notice.error{color:var(--danger);background:#fef3f2}.login{max-width:440px}.login form{gap:14px;display:grid}.share{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.share code{background:var(--bg);overflow-wrap:anywhere;border-radius:6px;padding:4px 8px;font-size:15px}.day h2{color:var(--ink-2);margin:6px 0 8px;font-size:16px}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.item a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:11.5rem minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:14px 16px;text-decoration:none;display:grid}.item a:hover{border-color:var(--accent)}.item .time{font-variant-numeric:tabular-nums;font-weight:700}.item .who{min-width:0}.item .who strong{display:block}.item .who span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.item .price{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.tag{background:var(--bg);color:var(--ink-2);border-radius:6px;padding:1px 7px;font-size:13px;font-weight:600;display:inline-block}.tag.cancelled{color:var(--danger);background:#fef3f2}@media (width<=560px){.item a{grid-template-columns:minmax(0,1fr) auto}.item .time{grid-column:1/-1}}.dfacts{grid-template-columns:8rem minmax(0,1fr);gap:8px 16px;margin:0;display:grid}.dfacts dt{color:var(--ink-2)}.dfacts dd{overflow-wrap:anywhere;margin:0}.dlines{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dlines li{justify-content:space-between;gap:12px;display:flex}.dlines .total{border-top:1px solid var(--line);padding-top:8px;font-weight:800}.amt{font-variant-numeric:tabular-nums;white-space:nowrap}.photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.photos img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:10px;width:100%}.mail{gap:6px;display:grid}.mail pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border-radius:8px;margin:0;padding:12px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.btn.secondary{background:var(--surface);color:var(--ink);border:1.5px solid #c9ced6}.link.danger{color:var(--danger)}.tag.draft{background:var(--bg)}.tag.sent{color:#1d4ed8;background:#eff4ff}.tag.paid{color:var(--ok);background:#ecfdf3}.tag.overdue{color:var(--danger);background:#fef3f2}.tag.void{color:var(--ink-2);background:#f2f4f7}h1 .tag{vertical-align:middle;font-size:14px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.invoice-editor{gap:12px;display:grid}.edit-lines{border-collapse:collapse;width:100%}.edit-lines th{text-align:left;color:var(--ink-2);padding:0 6px 6px 0;font-size:13px;font-weight:600}.edit-lines td{padding:4px 6px 4px 0}.edit-lines .num{width:9rem}.edit-lines input,.invoice-settings input,.invoice-settings textarea,.inline-form select{width:100%;min-height:44px;font:inherit;background:#fff;border:1.5px solid #c9ced6;border-radius:10px;padding:0 10px}.edit-lines .num input{text-align:right;font-variant-numeric:tabular-nums}.invoice-settings textarea{resize:vertical;padding:10px}input[aria-invalid=true]{border-color:var(--danger);background:#fef3f2}.invoice-settings{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.invoice-settings .wide{grid-column:1/-1}.hint{color:var(--ink-2);font-size:14px}.totals{max-width:320px;margin-left:auto}.dlines .sub{border-top:1px solid var(--line);padding-top:8px}.note{white-space:pre-line;margin-top:12px}.actions,.actions-panel{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inline-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.inline-form label{gap:4px;display:grid}@media (width<=560px){.edit-lines .num{width:6.5rem}}.invoice-editor>.link{justify-self:start}.snippet{gap:10px;display:grid}.snippet pre{background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0;padding:12px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.snippet .btn{justify-self:start}