:root{--bg:#0a0f0c;--bg-alt:#0d1310;--surface:#121a15;--surface-2:#17201a;--surface-3:#1c2b21;--border:#233024;--border-strong:#33452f;--text:#edf2ee;--text-muted:#8fa392;--text-faint:#5c6f61;--accent:#48ff8a;--accent-ink:#04140a;--accent-soft:rgba(72,255,138,.12);--accent-dim:#2c8a54;--warn:#ffb454;--danger:#ff6b6b;--danger-soft:hsla(0,100%,71%,.12);--paper-bg:#fdfdfb;--paper-ink:#1c1e1c;--paper-muted:#6a6e6b;--paper-faint:#9a9d99;--paper-border:#e2ded4;--paper-band:#173525;--paper-band-text:#eef7f0;--paper-accent:#1f8a4c;--paper-accent-soft:#e5f5ea;--paper-gold:#b5842a;--paper-gold-soft:#f7eedc;--paper-shadow:0 30px 70px -25px rgba(0,0,0,.65),0 0 0 1px var(--paper-border);--font-display:"Public Sans","Segoe UI",system-ui,sans-serif;--font-body:"Public Sans","Segoe UI",system-ui,sans-serif;--font-mono:"Public Sans","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--accent-soft);color:var(--text)}button,input,select,textarea{font-family:inherit}.topbar{justify-content:space-between;gap:16px;padding:16px 28px;background:var(--bg-alt);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(155deg,var(--accent),var(--accent-dim));display:flex;align-items:center;justify-content:center;color:var(--accent-ink);font-size:1.05rem;flex-shrink:0}.brand-mark,.brand-text h1{font-family:var(--font-display);font-weight:700}.brand-text h1{font-size:.94rem;margin:0;letter-spacing:.01em}.brand-text p{margin:1px 0 0;font-size:.66rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.63rem;letter-spacing:.03em;text-transform:uppercase;padding:5px 10px;border-radius:99px;border:1px solid var(--border-strong);color:var(--text-muted);background:var(--surface);white-space:nowrap}.pill-dot{width:5px;height:5px;border-radius:50%;background:var(--warn);flex-shrink:0}.btn{font-size:.82rem;font-weight:600;padding:9px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--accent-dim)}.btn-ghost{background:transparent}.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-accent:hover{background:#5dffa0}.btn-warn{background:var(--warn);color:var(--accent-ink);border-color:var(--warn)}.btn-warn:hover{background:#ffc978}.btn:disabled{opacity:.45;cursor:not-allowed}.workspace{flex:1 1;display:grid;grid-template-columns:428px 1fr;min-height:0}@media (max-width:900px){.workspace{grid-template-columns:1fr}.form-pane{border-right:none;border-bottom:1px solid var(--border);max-height:none}}.form-pane{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;padding:22px 22px 60px}.form-toolbar{display:flex;gap:8px;margin-bottom:18px}.form-toolbar .btn{flex:1 1}.field-group{padding:16px 0;border-top:1px solid var(--border)}.field-group:first-of-type{border-top:none;padding-top:0}.field-group h2{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.field-group h2 .hint{text-transform:none;letter-spacing:0;font-family:var(--font-body);font-weight:400;color:var(--text-faint);font-size:.72rem}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:5px;letter-spacing:.02em}.field .note{font-size:.7rem;color:var(--text-faint);margin-top:5px;line-height:1.4}.field-locked{width:100%;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);border-radius:7px;padding:9px 10px;font-size:.86rem;line-height:1.4;white-space:pre-line}#metaSerialDisplay{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.field-group-muted input,.field-group-muted select{background:var(--surface-3);border-color:var(--border);color:var(--text-muted)}.field-group-muted input:focus,.field-group-muted select:focus{color:var(--text)}.row-2{grid-template-columns:1fr 1fr;grid-gap:10px}.row-2,.row-3{display:grid;gap:10px}.row-3{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);border-radius:7px;padding:9px 10px;font-size:.86rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea{resize:vertical;min-height:56px;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%238fa392'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:28px}.req{margin-left:2px}.field label.field-required,.req{color:var(--danger)}input.is-missing,select.is-missing,textarea.is-missing{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.item-row{display:grid;grid-template-columns:1fr 42px 64px 68px 24px;grid-gap:6px;gap:6px;align-items:start;margin-bottom:8px}.item-row input,.item-row select{padding:8px;font-size:.8rem}.item-row select{padding-right:24px}.item-amount{display:flex;align-items:center;justify-content:flex-end;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);padding-top:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.item-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:1.05rem;line-height:1;padding-top:6px}.item-remove:hover{color:var(--danger)}.item-labels{display:grid;grid-template-columns:1fr 42px 64px 68px 24px;grid-gap:6px;gap:6px;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px}.add-item{width:100%;margin-top:4px;padding:9px;border-radius:7px;border:1px dashed var(--border-strong);background:transparent;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer}.add-item:hover{border-color:var(--accent-dim);background:var(--accent-soft)}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{flex:1 1;padding:8px 10px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.segmented button.is-active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.lock-banner{display:none;align-items:center;gap:7px;padding:8px 11px;border-radius:7px;background:var(--danger-soft);border:1px solid hsla(0,100%,71%,.35);color:#ffb3b3;font-size:.72rem;line-height:1.4}.lock-banner.is-visible{display:flex}.issue-warning{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:7px;background:rgba(255,196,74,.12);border:1px solid rgba(255,196,74,.4);color:#ffd88a;font-size:.72rem;line-height:1.4}.issue-warning[hidden]{display:none}.reissue-banner{display:none;align-items:center;gap:7px;padding:8px 11px;border-radius:7px;background:rgba(91,155,255,.12);border:1px solid rgba(91,155,255,.35);color:#a9c7ff;font-size:.72rem;line-height:1.4}.reissue-banner.is-visible{display:flex}.field-warning{margin-top:6px;font-size:.72rem;color:var(--warn);display:none}.field-warning.is-visible{display:block}.field-warning.is-error{color:var(--danger)}.preview-pane{overflow-y:auto;padding:36px 32px 80px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.035) 1px,transparent 0) 0 0/22px 22px,var(--bg)}.preview-stack{width:min(760px,100%);display:flex;flex-direction:column;gap:14px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.preview-toolbar .status-text{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted)}.preview-toolbar .status-text .dot{width:7px;height:7px;border-radius:50%;background:var(--warn);flex-shrink:0}.preview-toolbar .status-text.is-issued .dot{background:#5b9bff}.preview-toolbar .actions{display:flex;gap:8px;flex-wrap:wrap}.preview-toolbar .actions .segmented{width:auto}.preview-toolbar .actions .segmented button{flex:none}.paper{width:100%;background:var(--paper-bg);color:var(--paper-ink);box-shadow:var(--paper-shadow);border-radius:5px;padding:52px 52px 40px;font-family:var(--font-body);position:relative}.paper-accent-bar{height:6px;margin:-52px -52px 32px;background:linear-gradient(90deg,var(--paper-accent) 0,var(--accent) 55%,var(--paper-gold) 100%);border-radius:5px 5px 0 0}.paper-top{display:flex;justify-content:space-between;gap:24px}.paper-biz{max-width:320px}.paper-logo{margin-bottom:14px}.paper-logo img{display:block;height:26px;width:auto}.paper-biz-name{font-weight:700;font-size:.92rem;letter-spacing:.01em;margin:0 0 6px}.paper-biz-addr{font-size:.78rem;color:var(--paper-muted);line-height:1.55;white-space:pre-line}.paper-biz-email,.paper-biz-gst{font-size:.78rem;color:var(--paper-muted);margin-top:4px}.paper-doctitle{text-align:right}.paper-doctitle .eyebrow{font-family:var(--font-display);font-weight:700;font-size:1.9rem;letter-spacing:.01em;color:var(--paper-ink);margin:0}.paper-doctitle .num{font-family:var(--font-mono);font-size:.86rem;color:var(--paper-accent);font-weight:600;margin-top:4px}.badge-row{display:flex;gap:6px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}.badge{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:99px}.badge-paid{background:var(--paper-accent-soft);color:var(--paper-accent)}.badge-unpaid{background:#fdeaea;color:#b23a3a}.badge-partial{background:#fdf3e2;color:#a2701a}.badge-draft{background:#eef0ee;color:#6a6e6b}.badge-issued{background:#eaf0fd;color:#2d5db0}.paper-meta{display:flex;justify-content:space-between;gap:24px;margin-top:36px;padding-top:20px;border-top:1px solid var(--paper-border)}.paper-billto .label{font-size:.72rem;color:var(--paper-muted);margin-bottom:4px}.paper-billto .name{font-weight:700;font-size:.86rem}.paper-billto .extra{line-height:1.5;white-space:pre-line}.paper-billto .extra,.paper-billto .extra-email{font-size:.78rem;color:var(--paper-muted);margin-top:3px}.gst-note{margin-top:10px;font-size:.72rem;color:var(--paper-muted);font-style:italic}.paper-dates{font-size:.8rem}.paper-dates div{display:flex;justify-content:flex-end;gap:18px;margin-bottom:5px}.paper-dates div:last-child{margin-bottom:0}.paper-dates .k{color:var(--paper-muted)}.paper-dates .v{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:110px;text-align:right}table.items{width:100%;border-collapse:collapse;margin-top:28px;font-size:.82rem}table.items thead th{background:var(--paper-band);color:var(--paper-band-text);text-align:left;font-weight:600;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;padding:9px 12px}table.items thead th.num{text-align:right}table.items tbody td{padding:11px 12px;border-bottom:1px solid var(--paper-border);vertical-align:top}table.items tbody td.num{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}table.items tbody tr:last-child td{border-bottom:1px solid var(--paper-border)}.totals{display:flex;justify-content:flex-end;margin-top:4px}.totals-inner{width:280px;font-size:.85rem}.totals-inner .r{display:flex;justify-content:space-between;padding:8px 4px}.totals-inner .r.total{font-weight:700;border-top:2px solid var(--paper-gold)}.totals-inner .r .v{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.totals-inner .r.balance{border-radius:4px;padding:10px;margin-top:2px;font-weight:700}.totals-inner .r.balance.paid{background:var(--paper-accent-soft);color:var(--paper-accent)}.totals-inner .r.balance.due{background:#f4f2ec;color:var(--paper-ink)}.paper-notes{margin-top:22px;padding-top:16px;border-top:1px solid var(--paper-border)}.paper-notes .label{font-size:.72rem;color:var(--paper-muted);margin-bottom:4px}.paper-notes .body{font-size:.8rem;color:var(--paper-ink);white-space:pre-line}.paper-footnote{margin-top:22px;padding-top:14px;border-top:1px solid var(--paper-border);font-size:.68rem;color:var(--paper-faint);text-align:center;line-height:1.5}.confirm-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-modal[hidden]{display:none}.confirm-modal-backdrop{position:absolute;inset:0;background:rgba(4,8,6,.65)}.confirm-modal-box{position:relative;width:min(420px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:22px;box-shadow:var(--paper-shadow)}.confirm-modal-box h3{margin:0 0 10px;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text)}.confirm-modal-box p{margin:0 0 20px;font-size:.82rem;color:var(--text-muted);line-height:1.55}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-modal-actions .btn:disabled{opacity:.55;cursor:not-allowed}@media print{@page{size:148mm 210mm;margin:0}.app-session-bar,.confirm-modal,.form-pane,.issue-warning,.lock-banner,.preview-toolbar,.reissue-banner,.topbar{display:none!important}.preview-pane,.workspace,body{display:block;background:#fff}.preview-pane{padding:0}.preview-stack{width:100%;gap:0}.paper{box-shadow:none;width:100%}.paper,.paper-accent-bar{border-radius:0}}