:root{--paper:#f7f6f1;--ink:#22262a;--ink-soft:#565c52;--rule:#d9d4c6;--rule-strong:#b9b2a0;--accent:#4b5a3e;--accent-deep:#333e2a;--muted:#8c8776;--danger:#a24336;--font-display:"Fraunces", serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}body[data-theme=slate]{--paper:#fff;--ink:#1b2430;--ink-soft:#4a5568;--rule:#e2e5ea;--rule-strong:#c7cdd6;--accent:#2f5d8a;--accent-deep:#1f3f60;--muted:#8896a6;--font-display:"IBM Plex Serif", serif}body[data-theme=noir]{--paper:#fff;--ink:#141414;--ink-soft:#4d4d4d;--rule:#e1e1e1;--rule-strong:#b0b0b0;--accent:#141414;--accent-deep:#000;--muted:#9a9a9a;--font-display:"Fraunces", serif}body[data-theme=terracotta]{--paper:#fbf3ea;--ink:#3a2e27;--ink-soft:#7a6a5d;--rule:#e7d9c9;--rule-strong:#d6c0a8;--accent:#b5603f;--accent-deep:#8c4630;--muted:#a6927f;--font-display:"IBM Plex Serif", serif}*{box-sizing:border-box}html,body{font-family:var(--font-body);color:var(--ink);background:#e7e4db;margin:0;transition:background .2s}body{flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px 80px;display:flex}.toolbar{width:100%;max-width:760px;margin-bottom:14px}.toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.toolbar-title{letter-spacing:.08em;text-transform:uppercase;color:#6b6656;font-family:JetBrains Mono,monospace;font-size:12px}.toolbar-actions{gap:8px;display:flex}.btn{color:#22262a;cursor:pointer;background:#fff;border:1px solid #c7c2b2;border-radius:3px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.btn:hover{border-color:var(--accent);color:var(--accent-deep)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn.primary:disabled{opacity:.6;cursor:default}.theme-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.theme-label{letter-spacing:.08em;text-transform:uppercase;color:#8a8570;margin-right:2px;font-family:JetBrains Mono,monospace;font-size:10.5px}.theme-swatch{cursor:pointer;color:#4a4636;background:#fff;border:1px solid #c7c2b2;border-radius:20px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-family:Inter,sans-serif;font-size:12px;transition:all .15s;display:flex}.theme-swatch:hover{border-color:#999285}.theme-swatch.active{color:#fff;background:#22262a;border-color:#22262a}.theme-swatch .dot{border:1px solid #0000001a;border-radius:50%;flex:none;width:14px;height:14px}.sheet{background:var(--paper);width:100%;max-width:760px;padding:56px 56px 48px;transition:background .2s;position:relative;box-shadow:0 1px 2px #0000000a,0 12px 32px #14140f1a}.tear{height:14px;position:absolute;top:0;left:0;right:0;overflow:hidden}body[data-theme=ledger] .tear:before,body[data-theme=terracotta] .tear:before{content:"";background-image:radial-gradient(circle at 10px 7px,#e7e4db 4.5px,#0000 4.6px);background-repeat:repeat-x;background-size:20px 14px;height:14px;position:absolute;top:-7px;left:0;right:0}body[data-theme=slate] .tear:before,body[data-theme=noir] .tear:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.head{border-bottom:1px solid var(--rule);justify-content:space-between;gap:0;padding-top:20px;padding-bottom:28px;display:flex;position:relative}.head .brand{flex:none;align-items:flex-start;gap:16px;display:flex}.head .doc-meta{flex:1}.resizer{cursor:col-resize;flex:none;justify-content:center;align-items:center;width:14px;margin:0 -1px;display:flex;position:relative}.resizer:after{content:"";background:var(--rule);width:1px;height:100%;transition:background .15s,width .15s}.resizer:hover:after,.resizer.active:after{background:var(--accent);width:2px}.resizer:before{content:"";background:var(--rule-strong);opacity:0;border-radius:2px;width:8px;height:26px;transition:opacity .15s;position:absolute}.resizer:hover:before,.resizer.active:before{opacity:1}.logo-slot{border:1px dashed var(--rule-strong);cursor:pointer;background:#fff;border-radius:3px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.logo-slot:hover{border-color:var(--accent)}.logo-slot img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.logo-hint{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;padding:4px;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1.4}.logo-remove{color:#fff;cursor:pointer;background:#22262abf;border:none;border-radius:50%;width:16px;height:16px;padding:0;font-size:11px;line-height:16px;display:none;position:absolute;top:2px;right:2px}.logo-slot:hover .logo-remove{display:block}.brand-text{flex:1;min-width:0}.brand [contenteditable]{outline:none}.brand .name{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:500}.brand .line{color:var(--ink-soft);font-size:13px;line-height:1.6}.doc-meta{text-align:right;min-width:200px}.doc-meta .label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:600}.doc-meta .num{font-family:var(--font-display);margin:0 0 14px;font-size:22px}.meta-row{font-family:var(--font-mono);color:var(--ink-soft);justify-content:flex-end;gap:10px;margin-bottom:3px;font-size:12px;display:flex}.meta-row span:first-child{color:var(--muted)}.meta-row [contenteditable]{text-align:right;min-width:90px;color:var(--ink);outline:none}.parties{border-bottom:1px solid var(--rule);justify-content:space-between;gap:0;padding:26px 0;display:flex}.parties .party{flex:1;min-width:0}.party .label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.party [contenteditable]{outline:none;font-size:14px;line-height:1.65}.party .party-name{margin-bottom:2px;font-weight:600}table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:30px}thead th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule-strong);padding-bottom:10px;font-size:10.5px;font-weight:600;position:relative}th .col-resizer{cursor:col-resize;z-index:2;width:12px;height:100%;position:absolute;top:0;right:-6px}th .col-resizer:after{content:"";background:0 0;width:1px;height:100%;position:absolute;top:0;left:5px}th .col-resizer:hover:after,th .col-resizer.active:after{background:var(--accent)}thead th.num,tbody td.num{text-align:right}tbody td{border-bottom:1px solid var(--rule);vertical-align:top;padding:12px 8px 12px 0;font-size:14px}tbody td:first-child{padding-left:0}tbody td[contenteditable]{outline:none}td.qty,td.rate{font-family:var(--font-mono);width:70px;font-size:13px}td.amt{font-family:var(--font-mono);text-align:right;width:100px;color:var(--ink);font-size:13.5px}.row-del{color:var(--muted);cursor:pointer;visibility:hidden;background:0 0;border:none;padding:0 4px;font-size:15px}tbody tr:hover .row-del{visibility:visible}.row-del:hover{color:var(--danger)}.add-row{font-family:var(--font-mono);border:1px dashed var(--rule-strong);color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border-radius:3px;width:100%;margin-top:14px;padding:8px 12px;font-size:12px;transition:all .15s}.add-row:hover{border-color:var(--accent);color:var(--accent-deep)}.totals{width:280px;margin-top:22px;margin-left:auto}.totals-row{font-size:13.5px;font-family:var(--font-mono);justify-content:space-between;padding:7px 0;display:flex}.totals-row span:first-child{color:var(--ink-soft)}.totals-row.editable-rate{align-items:center}.totals-row.editable-rate .label-wrap{color:var(--ink-soft);align-items:center;gap:6px;display:flex}.totals-row.editable-rate [contenteditable]{border-bottom:1px dotted var(--rule-strong);text-align:right;min-width:24px;color:var(--ink);outline:none}.totals-row.grand{border-top:1.5px solid var(--ink);color:var(--accent-deep);margin-top:6px;padding-top:12px;font-size:17px;font-weight:600}.notes{border-top:1px solid var(--rule);margin-top:40px;padding-top:20px}.notes .label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.notes [contenteditable]{color:var(--ink-soft);outline:none;font-size:13px;line-height:1.7}.foot-mark{text-align:center;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:36px;font-size:10.5px}[contenteditable]:hover{background:#4b5a3e0f}[contenteditable]:focus{background:#4b5a3e17}.modal-overlay{z-index:100;background:#14140f73;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:#fff;border-radius:6px;width:100%;max-width:340px;padding:24px;box-shadow:0 20px 60px #00000040}.modal-title{color:#22262a;margin-bottom:16px;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.modal-input{border:1px solid #c7c2b2;border-radius:4px;outline:none;width:100%;margin-bottom:16px;padding:9px 10px;font-family:Inter,sans-serif;font-size:13px}.modal-input:focus{border-color:#4b5a3e}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (max-width:600px){.sheet{padding:36px 22px 32px}.head,.parties{flex-direction:column;gap:18px}.head .brand,.head .doc-meta,.parties .party{flex:none!important;width:auto!important}.resizer{display:none}.doc-meta{text-align:left}.meta-row{justify-content:flex-start}.totals,.theme-row{width:100%}}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{z-index:100;background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:300px;height:100vh;display:flex;position:fixed;overflow-y:auto}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:24px 20px}.sidebar-title{letter-spacing:.05em;text-transform:uppercase;color:#333;margin:0;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.sidebar-section{border-bottom:1px solid #f0f0f0;padding:20px}.sidebar-label{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:block}.sidebar-select{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:6px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.sidebar-select:hover{border-color:#999}.sidebar-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4b5a3e1a}.theme-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-btn{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:flex}.theme-btn:hover{border-color:#999}.theme-btn.active{border-color:var(--accent);color:var(--accent);background:#4b5a3e0d}.theme-dot{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:14px;height:14px}.sidebar-btn{cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.sidebar-btn.primary{background:var(--accent);color:#fff}.sidebar-btn.primary:hover{background:var(--accent-deep)}.sidebar-btn.secondary{color:#333;background:#f5f5f5;border:1px solid #d0d0d0}.sidebar-btn.secondary:hover{background:#e8e8e8;border-color:#999}.sidebar-footer{border-top:1px solid #e0e0e0;margin-top:auto;padding:20px}.sidebar-hint{color:#999;text-align:center;margin:0;font-size:11px;line-height:1.5}.invoice-container{background:#e7e4db;flex:1;justify-content:center;align-items:flex-start;min-height:100vh;margin-left:300px;padding:40px 20px;display:flex}.toolbar{display:none!important}body{background:#f5f5f5;margin:0;padding:0}html,body{height:100%}.sheet{max-width:850px!important;box-shadow:0 2px 8px #00000014,0 12px 32px #14140f1f!important}@media print{.sidebar{display:none}.invoice-container{margin-left:0;padding:0}}