:root{--bg: #F5F5F7;--bg-elevated: #FFFFFF;--bg-subtle: #FBFBFA;--ink: #1D1D1F;--muted: #6E6E73;--muted-2: #86868B;--rule: #E8E8ED;--rule-strong: #D2D2D7;--accent: #0066CC;--accent-soft: #E8F2FC;--danger: #B91C1C;--danger-soft: #FEF2F2;--success: #0F766E;--success-soft: #F0FDFA;--warning: #A16207;--warning-soft: #FFFBEB;--neutral-chip: #F5F5F7;--status-draft: var(--muted);--status-sent: var(--accent);--status-accepted: var(--success);--status-paid: var(--success);--status-overdue: var(--danger);--status-void: var(--muted-2);--radius: 10px;--radius-sm: 6px;--radius-pill: 980px;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sidebar-w: 14.5rem;--topbar-h: 3.25rem;--gutter: 1.5rem;--content-max: 72rem;--doc-max: 48rem;--text-xs: .75rem;--text-sm: .8125rem;--text: .9375rem;--text-lg: 1.0625rem;--title: 1.375rem;--title-lg: 1.75rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--focus: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sans);font-size:var(--text);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}@media(max-width:1023px){.app{grid-template-columns:1fr}.sidebar{display:none}}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--rule);padding:1.25rem .85rem;display:flex;flex-direction:column}.brand{font-weight:600;letter-spacing:-.02em;padding:.35rem .65rem 1.25rem;color:var(--ink);text-decoration:none}.brand:hover{text-decoration:none}.nav{display:flex;flex-direction:column;flex:1}.nav a{display:block;color:var(--muted);font-size:var(--text-sm);font-weight:500;padding:.55rem .65rem;border-radius:var(--radius-sm);border-left:2px solid transparent;margin-bottom:.15rem;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--bg);text-decoration:none}.nav a.active{color:var(--ink);font-weight:600;border-left-color:var(--ink);background:var(--bg)}.nav-spacer{flex:1;min-height:2rem}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--gutter);border-bottom:1px solid var(--rule);background:var(--bg-elevated)}.topbar h1{margin:0;font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.content{padding:var(--gutter);max-width:var(--content-max);width:100%}.btn{display:inline-flex;align-items:center;border:none;cursor:pointer;font:inherit;font-weight:500;font-size:var(--text-sm);padding:.55rem 1rem;border-radius:var(--radius-pill);text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--ink);color:#fff}.btn-ghost{background:transparent;color:var(--accent);padding-inline:.25rem}.btn-danger{background:var(--danger-soft);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .6rem;border-radius:var(--radius-pill)}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.chip-draft{background:var(--neutral-chip);color:var(--status-draft)}.chip-sent{background:var(--accent-soft);color:var(--status-sent)}.chip-accepted,.chip-paid{background:var(--success-soft);color:var(--status-paid)}.chip-overdue{background:var(--danger-soft);color:var(--status-overdue)}.chip-void{background:var(--neutral-chip);color:var(--status-void)}.panel{background:var(--bg-elevated);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.panel th{text-align:left;font-weight:500;color:var(--muted);padding:.75rem 1rem;border-bottom:1px solid var(--rule)}.panel td{padding:.85rem 1rem;border-bottom:1px solid var(--rule)}.panel tr:last-child td{border-bottom:none}.panel tr:hover td{background:var(--bg-subtle)}.empty{text-align:center;padding:3.5rem 1.5rem}.empty h2{margin:0 0 .4rem;font-size:var(--title);font-weight:600;letter-spacing:-.02em}.empty p{margin:0 0 1.25rem;color:var(--muted)}.doc{max-width:var(--doc-max);padding:2rem;margin:0 auto}.doc__head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}.doc__brand{font-weight:600;letter-spacing:-.02em}.doc__meta{text-align:right;color:var(--muted);font-size:var(--text-sm)}.doc h3{margin:0 0 .35rem;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.doc table{margin:1.5rem 0}.totals{margin-left:auto;width:min(14rem,100%);font-size:var(--text-sm)}.totals div{display:flex;justify-content:space-between;padding:.25rem 0;color:var(--muted)}.totals .grand{color:var(--ink);font-weight:600;border-top:1px solid var(--rule);margin-top:.35rem;padding-top:.5rem}@media print{.sidebar,.topbar,.env-chip{display:none!important}.app{display:block}.doc{box-shadow:none;border:none;max-width:100%}}.topbar__end{display:flex;align-items:center;gap:.75rem}.env-chip{font-size:var(--text-xs);font-weight:500;color:var(--muted);background:var(--neutral-chip);border:1px solid var(--rule);padding:.2rem .55rem;border-radius:var(--radius-pill);text-transform:lowercase;letter-spacing:.02em}.btn:disabled{opacity:.45;cursor:not-allowed}.empty .btn+.btn-ghost,.empty .hint{display:block;margin-top:.85rem;font-size:var(--text-sm);color:var(--muted)}.form-panel{padding:1.25rem 1.5rem 1.5rem;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.span-2{grid-column:1 / -1}.form-field label{font-size:var(--text-xs);font-weight:500;color:var(--muted)}.form-field input{font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--bg-elevated);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:.55rem .7rem}.form-field input:focus-visible{outline:none;box-shadow:var(--focus);border-color:var(--accent)}.form-actions{display:flex;gap:.75rem;align-items:center;margin-top:1rem}.form-error{color:var(--danger);font-size:var(--text-sm);margin:.5rem 0 0}.meta-row{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;color:var(--muted);font-size:var(--text-sm);margin:0 0 1.5rem}.tabs{display:flex;gap:1.25rem;border-bottom:1px solid var(--rule);margin-bottom:1.25rem}.tabs a,.tabs span{padding:.55rem 0;font-size:var(--text-sm);font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none}.tabs .active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.form-field select,.form-field textarea{font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--bg-elevated);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:.55rem .7rem}.form-field textarea{min-height:4.5rem;resize:vertical}.form-field select:focus-visible,.form-field textarea:focus-visible{outline:none;box-shadow:var(--focus);border-color:var(--accent)}.form-actions{flex-wrap:wrap}.doc-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.doc-actions .spacer{flex:1}.lines-editor input{width:100%;font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--bg-elevated);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:.45rem .55rem}.lines-editor input:focus-visible{outline:none;box-shadow:var(--focus);border-color:var(--accent)}.lines-editor .col-qty,.lines-editor .col-rate,.lines-editor .col-amount{width:6.5rem;white-space:nowrap}.lines-editor .col-actions{width:4.5rem}.lines-editor td{vertical-align:middle}.bill-to{color:var(--ink);font-size:var(--text-sm);margin-bottom:.25rem}.bill-to-muted{color:var(--muted)}.doc-notes{margin-top:1.5rem;color:var(--muted);font-size:var(--text-sm);white-space:pre-wrap}