.a4{--accent:#1f3a93;color:#222;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;width:210mm;min-height:297mm;padding:14mm 13mm;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:12.5px;line-height:1.45;display:flex}.a4 *,.a4 :before,.a4 :after{box-sizing:border-box}.a4 .pre{white-space:pre-line}.a4 .r{text-align:right}.a4 .c{text-align:center}.a4 .nowrap{white-space:nowrap}.a4 .bold{font-weight:600}.a4 .small{font-size:11px}.a4 .muted{color:#6b7280}.a4 .label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:3px;font-size:10.5px;font-weight:700}.a4 .doc-header{border-bottom:3px solid var(--accent);justify-content:space-between;gap:20px;padding-bottom:14px;display:flex}.a4 .doc-from{gap:12px;display:flex}.a4 .doc-logo{object-fit:contain;max-width:90px;max-height:80px}.a4 .doc-company{color:var(--accent);font-size:18px;font-weight:700}.a4 .doc-meta{text-align:right;flex-shrink:0}.a4 .doc-title{letter-spacing:.06em;color:var(--accent);margin-bottom:6px;font-size:24px;font-weight:700}.a4 .doc-meta table{border-collapse:collapse;margin-left:auto}.a4 .doc-meta td{padding:1px 0 1px 12px}.a4 .doc-meta td:first-child{color:#666}.a4 .doc-meta td:last-child{font-weight:600}.a4 .doc-subtitle{color:#555;margin:-4px 0 6px;font-size:13px}.a4 .doc-parties{gap:20px;margin:14px 0;display:flex}.a4 .party{background:#f6f8fc;border-radius:6px;flex:1;padding:10px 12px}.a4 .party-title{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:3px;font-size:10.5px;font-weight:700}.a4 .party-name{font-size:13.5px;font-weight:700}.a4 .doc-letter{flex-direction:column;gap:8px;margin:0 0 12px;display:flex}.a4 .doc-letter .subject{font-weight:600}.a4 .doc-items{border-collapse:collapse;width:100%}.a4 .doc-items th{background:var(--accent);color:#fff;text-align:left;padding:7px 8px;font-size:11.5px;font-weight:600}.a4 .doc-items th.r{text-align:right}.a4 .doc-items th.c{text-align:center}.a4 .doc-items td{vertical-align:top;border-bottom:1px solid #e6e8ee;padding:7px 8px}.a4 .doc-items tbody tr{page-break-inside:avoid;break-inside:avoid}.a4 .doc-items tfoot td{border-top:2px solid #e6e8ee;padding:7px 8px}.a4 .item-name{font-weight:600}.a4 .item-details{color:#666;font-size:11.5px}.a4 .doc-summary{break-inside:avoid;justify-content:space-between;gap:24px;margin-top:12px;display:flex}.a4 .doc-summary-left{flex-direction:column;flex:1;gap:10px;display:flex}.a4 .words{background:#f6f8fc;border-radius:6px;padding:8px 12px;font-style:italic}.a4 .doc-totals{border-collapse:collapse;align-self:flex-start;width:46%}.a4 .doc-totals td{padding:4px 8px}.a4 .doc-totals td:last-child{text-align:right;white-space:nowrap}.a4 .doc-totals tr.sub td{border-top:1px solid #e6e8ee;font-weight:600}.a4 .doc-totals tr.grand td{background:var(--accent);color:#fff;padding:7px 8px;font-size:14px;font-weight:700}.a4 .doc-totals tr.balance td{border-top:1px solid #ccc;font-weight:700}.a4 .tax-note{color:#6b7280;font-size:10.5px}.a4 .pay-row{align-items:flex-start;gap:16px;display:flex}.a4 .upi{border:1px solid #e6e8ee;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.a4 .upi img{width:84px;height:84px}.a4 .doc-payments{break-inside:avoid;margin-top:10px}.a4 .doc-payments table{border-collapse:collapse;font-size:11.5px}.a4 .doc-payments td{padding:2px 16px 2px 0}.a4 .doc-footer{break-inside:avoid;justify-content:space-between;gap:24px;margin-top:auto;padding-top:18px;display:flex}.a4 .doc-footer-left{flex-direction:column;flex:1;gap:10px;display:flex}.a4 .doc-sign{text-align:center;flex-shrink:0;align-self:flex-end;width:220px}.a4 .doc-sign .for{font-weight:600}.a4 .sign-area{height:100px;position:relative}.a4 .sign-area .stamp{opacity:.9;max-width:110px;max-height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.a4 .sign-area .signature{max-width:170px;max-height:60px;position:absolute;bottom:4px;left:50%;transform:translate(-40%)}.a4 .sign-line{border-top:1px solid #555;padding-top:4px}.a4 .receiver{text-align:center;width:200px;margin-top:36px}.a4 .computer-note{text-align:center;color:#9aa0ab;margin-top:10px;font-size:10px}.a4.tpl-modern{padding-top:0}.a4.tpl-modern .doc-header{background:var(--accent);color:#fff;border-bottom:0;margin:0 -13mm;padding:12mm 13mm 9mm}.a4.tpl-modern .doc-company,.a4.tpl-modern .doc-title{color:#fff}.a4.tpl-modern .doc-meta td:first-child{color:#ffffffbf}.a4.tpl-modern .doc-logo{background:#fff;border-radius:6px;padding:4px}.a4.tpl-modern .party{border-left:3px solid var(--accent);background:0 0;border-radius:0}.a4.tpl-modern .doc-items th{color:#222;border-bottom:2px solid var(--accent);background:#f1f3f8}.a4.tpl-minimal{--accent:#111!important}.a4.tpl-minimal .doc-header{border-bottom:1px solid #111}.a4.tpl-minimal .doc-title{letter-spacing:.12em;font-size:20px;font-weight:600}.a4.tpl-minimal .party,.a4.tpl-minimal .words{background:0 0;padding-left:0}.a4.tpl-minimal .doc-items th{color:#111;background:0 0;border-top:1px solid #111;border-bottom:1px solid #111}.a4.tpl-minimal .doc-totals tr.grand td{color:#111;background:0 0;border-top:1.5px solid #111;border-bottom:1.5px solid #111}.a4.tpl-gst{--line:#444}.a4.tpl-gst .doc-header{border:1px solid var(--line);border-bottom:0;padding:10px 12px}.a4.tpl-gst .doc-title{letter-spacing:.1em;font-size:18px}.a4.tpl-gst .doc-parties{border:1px solid var(--line);gap:0;margin:0}.a4.tpl-gst .party{background:0 0;border-radius:0}.a4.tpl-gst .party+.party{border-left:1px solid var(--line)}.a4.tpl-gst .doc-items{border:1px solid var(--line);border-top:0}.a4.tpl-gst .doc-letter{border:1px solid var(--line);border-top:0;margin:0;padding:8px 12px}.a4.tpl-gst .doc-items th{color:#111;border:1px solid var(--line);background:#eef0f4}.a4.tpl-gst .doc-items td{border:1px solid var(--line);border-top:0;border-bottom:0}.a4.tpl-gst .doc-items tbody tr:last-child td{border-bottom:1px solid var(--line)}.a4.tpl-gst .doc-summary{border:1px solid var(--line);border-top:0;gap:0;margin-top:0}.a4.tpl-gst .doc-summary-left{border-right:1px solid var(--line);padding:8px 10px}.a4.tpl-gst .words{background:0 0;padding:0}.a4.tpl-gst .doc-totals td{border-bottom:1px solid #ccc}.a4.tpl-gst .doc-totals tr.grand td{color:#111;border-top:1px solid var(--line);background:#eef0f4;border-bottom:0}.a4.tpl-gst .doc-footer{border:1px solid var(--line);border-top:0;flex-grow:1;align-items:flex-end;margin-top:0;padding:10px 12px}.a4.tpl-gst .doc-payments{border:1px solid var(--line);border-top:0;margin-top:0;padding:6px 12px}.a4.tpl-elegant{font-family:Georgia,Times New Roman,serif}.a4.tpl-elegant .doc-header{text-align:center;border-bottom:4px double var(--accent);flex-direction:column;align-items:center;gap:10px}.a4.tpl-elegant .doc-from{flex-direction:column;align-items:center}.a4.tpl-elegant .doc-company{letter-spacing:.04em;font-size:22px;font-weight:400}.a4.tpl-elegant .doc-meta{text-align:center}.a4.tpl-elegant .doc-title{letter-spacing:.35em;color:#555;font-size:15px;font-weight:400}.a4.tpl-elegant .doc-meta table{margin:0 auto}.a4.tpl-elegant .party{background:0 0;border-top:1px solid #d6d6d6;border-radius:0;padding:8px 0}.a4.tpl-elegant .doc-items th{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--accent);background:0 0;font-size:10.5px;font-weight:400}.a4.tpl-elegant .words{border-left:2px solid var(--accent);background:0 0;border-radius:0}.a4.tpl-elegant .doc-totals tr.grand td{color:var(--accent);border-top:4px double var(--accent);background:0 0;font-size:15px}.a4.tpl-bold{border-left:9mm solid var(--accent);padding-left:11mm}.a4.tpl-bold .doc-header{border-bottom:0;align-items:flex-end}.a4.tpl-bold .doc-title{letter-spacing:-.01em;text-transform:uppercase;font-size:40px;font-weight:800;line-height:1}.a4.tpl-bold .doc-company{color:#111}.a4.tpl-bold .party{background:0 0;border-radius:0;padding:0}.a4.tpl-bold .party-title{color:#888}.a4.tpl-bold .doc-items th{background:#111}.a4.tpl-bold .doc-totals tr.grand td{padding:10px 8px;font-size:17px}.a4.tpl-fresh{--tint:color-mix(in srgb, var(--accent) 9%, #fff)}.a4.tpl-fresh .doc-header{background:var(--tint);border-bottom:0;border-radius:12px;padding:14px 16px}.a4.tpl-fresh .party,.a4.tpl-fresh .words{border:1px solid var(--tint);background:#fff;border-radius:10px}.a4.tpl-fresh .doc-items{border-radius:10px;overflow:hidden}.a4.tpl-fresh .doc-items th{background:var(--tint);color:var(--accent)}.a4.tpl-fresh .doc-items td{border-bottom:0}.a4.tpl-fresh .doc-items tbody tr:nth-child(2n) td{background:#fafbfc}.a4.tpl-fresh .doc-totals tr.grand td:first-child{border-radius:8px 0 0 8px}.a4.tpl-fresh .doc-totals tr.grand td:last-child{border-radius:0 8px 8px 0}.a4.tpl-fresh .upi{border-color:var(--tint);border-radius:10px}.a4.tpl-compact{padding:10mm 11mm;font-size:11px;line-height:1.35}.a4.tpl-compact .doc-header{border-bottom-width:2px;padding-bottom:8px}.a4.tpl-compact .doc-company{font-size:15px}.a4.tpl-compact .doc-title{margin-bottom:3px;font-size:18px}.a4.tpl-compact .doc-logo{max-height:56px}.a4.tpl-compact .doc-parties{margin:8px 0}.a4.tpl-compact .party{padding:6px 10px}.a4.tpl-compact .doc-items th{padding:4px 6px;font-size:10.5px}.a4.tpl-compact .doc-items td{padding:3px 6px}.a4.tpl-compact .item-details{font-size:10px}.a4.tpl-compact .sign-area{height:70px}.a4.tpl-compact .upi img{width:68px;height:68px}.a4.tpl-corporate{border-top:5mm solid var(--accent);padding-top:11mm}.a4.tpl-corporate .doc-header{border-bottom:1px solid #d5d8de;align-items:flex-start}.a4.tpl-corporate .doc-meta{background:#f3f4f6;border-radius:4px;padding:10px 14px}.a4.tpl-corporate .doc-title{letter-spacing:.1em;font-size:20px}.a4.tpl-corporate .party{background:0 0;border:1px solid #e3e5ea;border-radius:4px}.a4.tpl-corporate .party-title{color:#555}.a4.tpl-corporate .doc-items th{border-bottom:3px solid var(--accent);background:#2b3240}.a4.tpl-corporate .doc-items tbody tr:nth-child(2n) td{background:#f8f9fb}.a4.tpl-corporate .words{background:0 0;border:1px dashed #c9ccd3;border-radius:4px}.a4.tpl-midnight{padding-top:0}.a4.tpl-midnight .doc-header{color:#d7dbe3;border-bottom:4px solid var(--accent);background:#141a26;margin:0 -13mm;padding:12mm 13mm 9mm}.a4.tpl-midnight .doc-company{color:#fff}.a4.tpl-midnight .doc-title{color:color-mix(in srgb, var(--accent) 55%, #fff)}.a4.tpl-midnight .doc-meta td:first-child{color:#8b93a3}.a4.tpl-midnight .doc-logo{background:#fff;border-radius:6px;padding:4px}.a4.tpl-midnight .party{background:0 0;border-top:2px solid #141a26;border-radius:0;padding:8px 0 0}.a4.tpl-midnight .party-title{color:#141a26}.a4.tpl-midnight .doc-items th{background:#141a26}.a4.tpl-midnight .doc-items th:first-child{box-shadow:inset 4px 0 0 var(--accent)}.a4.tpl-midnight .doc-totals tr.grand td{background:#141a26}.a4.tpl-midnight .doc-totals tr.grand td:last-child{color:color-mix(in srgb, var(--accent) 55%, #fff)}.a4.tpl-retail{font-family:Courier New,Consolas,monospace;font-size:12px;--accent:#111!important}.a4.tpl-retail .doc-header{text-align:center;border-bottom:1.5px dashed #111;flex-direction:column;align-items:center;gap:8px}.a4.tpl-retail .doc-from{flex-direction:column;align-items:center}.a4.tpl-retail .doc-company{text-transform:uppercase;letter-spacing:.08em;font-size:20px}.a4.tpl-retail .doc-meta{text-align:center}.a4.tpl-retail .doc-title{letter-spacing:.3em;border:1.5px solid #111;padding:2px 14px;font-size:15px;display:inline-block}.a4.tpl-retail .doc-meta table{margin:0 auto}.a4.tpl-retail .party,.a4.tpl-retail .words{background:0 0;border-radius:0;padding-left:0}.a4.tpl-retail .doc-parties{border-bottom:1.5px dashed #111;margin-bottom:0;padding-bottom:10px}.a4.tpl-retail .doc-items th{color:#111;text-transform:uppercase;background:0 0;border-bottom:1.5px dashed #111}.a4.tpl-retail .doc-items td{border-bottom:0;padding-top:4px;padding-bottom:4px}.a4.tpl-retail .doc-items tbody tr:last-child td{border-bottom:1.5px dashed #111}.a4.tpl-retail .item-name{font-weight:700}.a4.tpl-retail .doc-totals tr.grand td{color:#111;background:0 0;border-top:1.5px dashed #111;border-bottom:3px double #111;font-size:15px}.a4.tpl-retail .upi{border-style:dashed;border-color:#111;border-radius:0}.a4.tpl-creative{--tint:color-mix(in srgb, var(--accent) 14%, #fff);position:relative;overflow:hidden}.a4.tpl-creative:before{content:"";background:var(--tint);border-radius:50%;width:112mm;height:112mm;position:absolute;top:-58mm;right:-42mm}.a4.tpl-creative:after{content:"";border:7mm solid var(--tint);border-radius:50%;width:62mm;height:62mm;position:absolute;bottom:-30mm;left:-30mm}.a4.tpl-creative>*{z-index:1;position:relative}.a4.tpl-creative .doc-header{border-bottom:0;padding-bottom:6px}.a4.tpl-creative .doc-title{letter-spacing:0;text-transform:lowercase;font-size:34px;font-weight:800}.a4.tpl-creative .doc-company{color:#111}.a4.tpl-creative .party{background:0 0;padding:0}.a4.tpl-creative .party-title{background:var(--accent);color:#fff;border-radius:999px;padding:1px 10px;display:inline-block}.a4.tpl-creative .doc-items th{background:var(--tint);color:#111}.a4.tpl-creative .doc-items th:first-child{border-radius:999px 0 0 999px}.a4.tpl-creative .doc-items th:last-child{border-radius:0 999px 999px 0}.a4.tpl-creative .words{background:var(--tint);border-radius:14px}.a4.tpl-creative .doc-totals tr.grand td:first-child{border-radius:999px 0 0 999px}.a4.tpl-creative .doc-totals tr.grand td:last-child{border-radius:0 999px 999px 0}.a4.tpl-letter{padding-top:24mm;font-family:Times New Roman,Times,Georgia,serif;font-size:14px;--accent:#111!important}.a4.tpl-letter .label{color:#111;text-transform:none;letter-spacing:0;font-size:14px}.a4.tpl-letter .doc-header{border-bottom:0;flex-direction:column;align-items:center;gap:8px;padding-bottom:22px}.a4.tpl-letter .doc-meta{text-align:center}.a4.tpl-letter .doc-title{letter-spacing:0;margin-bottom:8px;font-size:28px}.a4.tpl-letter .doc-subtitle{color:#111;margin:0;font-size:15px}.a4.tpl-letter .doc-parties{align-items:flex-start;margin:10px 0 24px}.a4.tpl-letter .party{background:0 0;border-radius:0;flex:0 auto;padding:0}.a4.tpl-letter .party-title{color:#111;text-transform:none;letter-spacing:0;margin:0;font-size:14px;font-weight:400}.a4.tpl-letter .party-name{font-size:14px;font-weight:400}.a4.tpl-letter .letter-meta{text-align:right;margin-left:auto}.a4.tpl-letter .doc-meta td:first-child{color:#111;font-weight:700}.a4.tpl-letter .doc-meta td:last-child{font-weight:400}.a4.tpl-letter .doc-letter{gap:22px;margin-bottom:18px}.a4.tpl-letter .doc-letter .subject{font-weight:700}.a4.tpl-letter .doc-items th{color:#111;background:0 0;border:1px solid #111;padding:3px 8px;font-size:14px;font-weight:700}.a4.tpl-letter .doc-items td{border:1px solid #111;padding:3px 8px}.a4.tpl-letter .item-name{font-weight:400}.a4.tpl-letter .words{background:0 0;border-radius:0;padding:0;font-style:normal}.a4.tpl-letter .doc-totals tr.grand td{color:#111;background:0 0;border-top:1px solid #111;font-size:15px}.a4.tpl-letter .doc-footer{margin-top:0}.a4.tpl-letter .letter-from{break-inside:avoid;margin-top:28px}.a4.tpl-letter .letter-from .sign-area{width:220px;height:70px}.a4.tpl-letter .letter-from .sign-area:empty{display:none}.a4.tpl-letter .letter-from .sign-area .signature{left:0;transform:none}.a4.tpl-letter .letter-from .label{margin:0;font-weight:700}.a4.tpl-letter .letter-from .doc-company{color:#111;font-size:14px;font-weight:400}:root{--bg:#f4f5f7;--card:#fff;--text:#1c2130;--muted:#6b7280;--border:#e3e5ea;--primary:#2447d6;--primary-dark:#1a36a8;--danger:#c62828;--accent:#1f3a93;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-size:14px}h1,h2,h3{margin:0}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}input,textarea,select{font:inherit;border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:7px 9px}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:2px solid #c7d2fe}textarea{resize:vertical}.btn{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:7px 14px;text-decoration:none;display:inline-flex}.btn:hover{background:#f0f2f7}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{color:var(--danger)}.btn.sm{margin-left:4px;padding:4px 9px;font-size:12.5px}.muted{color:var(--muted)}.small{font-size:12px}.bold{font-weight:600}.nowrap{white-space:nowrap}.pre{white-space:pre-line}.r{text-align:right}.c{text-align:center}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.mt{margin-top:12px}.alert{color:#8a1c1c;background:#fdecea;border-radius:6px;margin-bottom:12px;padding:10px 14px}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.topbar nav{flex:1;gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:6px 12px;text-decoration:none}.topbar nav a.active{color:var(--primary);background:#eef1fd;font-weight:600}.topbar-actions{gap:8px;display:flex}.page{max-width:1200px;margin:0 auto;padding:24px}.page.narrow{max-width:900px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.search{max-width:280px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:16px}.card h3{margin-bottom:12px}.empty{text-align:center;border:1px dashed var(--border);background:#fff;border-radius:10px;padding:60px 20px}.empty .row{justify-content:center;margin-top:16px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;display:grid}.field{margin-bottom:10px;display:block}.field>span{color:var(--muted);margin-bottom:3px;font-size:12px;display:block}.check{cursor:pointer;align-items:center;gap:6px;margin:6px 0;display:flex}.check input{width:auto}.table-wrap{padding:0;overflow-x:auto}table.list{border-collapse:collapse;width:100%}table.list th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);background:#fafbfc;padding:10px 14px;font-size:12px;font-weight:600}table.list th.r{text-align:right}table.list td{border-bottom:1px solid var(--border);padding:10px 14px}table.list tr.clickable:hover td{cursor:pointer;background:#f8f9fc}.tag{border-radius:20px;padding:2px 8px;font-size:11.5px;font-weight:600}.tag.quote{color:#9a5b00;background:#fff4e0}.tag.invoice{color:#1d4ed8;background:#e7f0ff}.status{text-transform:capitalize;background:#eef0f3;border-radius:20px;padding:2px 8px;font-size:12px}.status.paid,.status.accepted{color:#1b7a3a;background:#e3f6e8}.status.overdue,.status.rejected,.status.cancelled{color:#b42318;background:#fdecea}.status.unpaid,.status.sent{color:#9a5b00;background:#fff4e0}.image-input{margin-bottom:10px}.image-input-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.image-input .label{color:var(--muted);font-size:12px}.image-box{background:repeating-conic-gradient(#f3f4f6 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px dashed #cfd4dc;border-radius:8px;place-items:center;height:110px;display:grid}.image-box img{object-fit:contain;max-width:90%;max-height:100px}.image-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.image-actions .btn.sm{margin-left:0}.image-actions .check{margin:0 0 0 6px}.sigpad{border:1px solid var(--border);border-radius:8px;overflow:hidden}.sigpad-canvas{touch-action:none;cursor:crosshair;background:#fff;width:100%;height:160px;display:block}.sigpad-tools{border-top:1px solid var(--border);background:#fafbfc;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.sigpad-tools label{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.sigpad-tools input[type=color]{border:none;width:30px;height:24px;padding:0}.sigpad-tools input[type=range]{width:70px;padding:0}.sigpad-tools .spacer{flex:1}.editor{grid-template-columns:minmax(460px,1fr) auto;align-items:start;gap:20px;padding:16px 20px;display:grid}.editor-form{min-width:0}.editor-toolbar{z-index:5;background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 12px;display:flex;position:sticky;top:53px}.section{padding:0}.section-head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.section-head h3{margin:0}.section-body{padding:0 16px 16px}.subsection{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.subsection .row{margin-bottom:8px}.column-settings{margin:0 0 12px;padding-bottom:4px}.column-settings>summary{cursor:pointer;color:var(--muted);margin-bottom:8px;font-size:13px}.item-nums .item-extra{grid-column:span 2}.items{flex-direction:column;gap:10px;display:flex}.item-row{border:1px solid var(--border);background:#fcfcfd;border-radius:8px;gap:10px;padding:10px;display:flex}.item-index{width:22px;height:22px;color:var(--primary);background:#eef1fd;border-radius:50%;flex-shrink:0;place-items:center;margin-top:6px;font-size:12px;font-weight:600;display:grid}.item-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.item-desc{font-weight:500}.item-nums{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px;display:grid}.item-nums label span,.item-amount span{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.item-nums input{padding:5px 7px}.item-amount{flex-direction:column;justify-content:flex-end;padding-bottom:6px;display:flex}.item-actions{flex-direction:column;gap:3px;display:flex}.item-actions button{border:1px solid var(--border);cursor:pointer;width:28px;height:26px;color:var(--muted);background:#fff;border-radius:5px}.item-actions button:hover:not(:disabled){color:var(--primary);background:#eef1fd}.item-actions button.del:hover{color:var(--danger);background:#fdecea}.item-actions button:disabled{opacity:.35;cursor:default}.add-row{width:100%;color:var(--primary);border-style:dashed;justify-content:center;margin-top:10px}.charge{margin-bottom:6px}.charge input:first-child{flex:2}.charge input:nth-child(2){flex:1}.totals-mini{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:8px;padding-top:10px;display:flex}.totals-mini b{color:var(--text);margin-left:4px}.editor-preview{border-radius:6px;max-height:calc(100vh - 86px);position:sticky;top:70px;overflow:auto}.preview-scale{zoom:.72}@media (width>=1700px){.preview-scale{zoom:.85}}@media (width<=1150px){.editor{grid-template-columns:1fr}.editor-preview{max-height:none;position:static;overflow-x:auto}.preview-scale{zoom:.6}}@media (width<=700px){.grid2,.grid3{grid-template-columns:1fr}.editor{grid-template-columns:1fr;padding:12px}.topbar{flex-wrap:wrap;gap:10px}.preview-scale{zoom:.42}}@page{size:A4;margin:0}@media print{body{background:#fff}.no-print{display:none!important}.editor{padding:0;display:block}.editor-preview{max-height:none;position:static;overflow:visible}.preview-scale{zoom:1!important}.a4{box-shadow:none!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.splash{height:100vh;color:var(--muted);place-items:center;display:grid}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:100%;max-width:380px;padding:28px}.login-brand{cursor:default;margin-bottom:4px;font-size:20px}.btn.block{justify-content:center;width:100%;margin:6px 0 12px;padding:10px}.success{color:#1b7a3a;background:#e3f6e8;border-radius:6px;margin-bottom:12px;padding:10px 14px}.company-switch{background:#f6f7fb;width:auto;max-width:240px;font-weight:600}.user-menu{border-left:1px solid var(--border);align-items:center;gap:4px;margin-left:8px;padding-left:12px;display:flex}.user-chip{color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:3px 6px;text-decoration:none;display:flex}.user-chip:hover,.user-chip.active{background:#f0f2f7}.avatar{width:30px;height:30px;color:var(--primary);background:#eef1fd;border-radius:50%;place-items:center;font-weight:700;display:grid}.user-name{flex-direction:column;font-size:13px;font-weight:600;line-height:1.15;display:flex}.user-name small{color:var(--muted);font-size:11px;font-weight:400}.company-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.company-card{margin:0}.company-card.current{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.company-card-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.company-avatar{background:var(--primary);color:#fff;border-radius:9px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.company-card .btn.sm{margin-left:0}.danger-zone{border-color:#f3c9c5}.danger-zone h3{color:var(--danger)}@media (width<=1100px){.user-name{display:none}}:root{--topbar-h:56px;--sidebar-w:212px;--ok:#1b7a3a}.text-danger{color:var(--danger)}.text-ok{color:var(--ok)}.spacer{flex:1}.link-btn{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:4px 0}.link-btn:hover{text-decoration:underline}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px}.icon-btn:hover{background:#f0f2f7}fieldset.plain{border:0;min-width:0;margin:0;padding:0}code{word-break:break-all;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-size:12px}.topbar{height:var(--topbar-h);gap:14px;padding:0 16px}.menu-btn{display:none}.sidebar{top:var(--topbar-h);width:var(--sidebar-w);border-right:1px solid var(--border);z-index:9;background:#fff;flex-direction:column;gap:2px;padding:12px 10px 24px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar a{color:#3b4150;border-radius:6px;padding:7px 12px;text-decoration:none;display:block}.sidebar a:hover{background:#f4f5f8}.sidebar a.active{color:var(--primary);background:#eef1fd;font-weight:600}.sidebar .nav-group{letter-spacing:.06em;text-transform:uppercase;color:#9aa0ab;padding:14px 12px 4px;font-size:11px;font-weight:700}.sidebar .nav-warn{color:#9a5b00;background:#fff4e0;margin-top:8px;font-size:12.5px}.sidebar-backdrop{display:none}main{margin-left:var(--sidebar-w);min-width:0}.editor-toolbar{top:var(--topbar-h)}.editor-preview{top:calc(var(--topbar-h) + 16px);max-height:calc(100vh - var(--topbar-h) - 32px)}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-list{z-index:20;border:1px solid var(--border);background:#fff;border-radius:8px;min-width:200px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001f}.menu-list.right{left:auto;right:0}.menu-list button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;display:block}.menu-list button:hover{background:#f0f2f7}.editor-toolbar .menu-list{left:auto;right:0}.btn.whatsapp{color:#fff;background:#1f9d55;border-color:#1f9d55}.btn.whatsapp:hover{background:#17864a}.ac{position:relative}.ac-list{z-index:15;border:1px solid var(--border);background:#fff;border-radius:8px;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.ac-list li{cursor:pointer;border-radius:6px;padding:7px 10px}.ac-list li.active{background:#eef1fd}.modal-backdrop{z-index:50;background:#0f142373;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:calc(100vh - 32px);margin:0;padding:0;overflow:auto}.modal.wide{max-width:720px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h3{margin:0}.modal-body{padding:16px 18px}.modal-foot{border-top:1px solid var(--border);background:#fafbfc;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{font:inherit;text-transform:capitalize;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;padding:4px 12px;font-size:12.5px}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.segmented{border:1px solid var(--border);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{font:inherit;cursor:pointer;border:0;border-right:1px solid var(--border);background:0 0;padding:7px 12px;font-size:13px}.segmented button:last-child{border-right:0}.segmented button.active{color:var(--primary);background:#eef1fd;font-weight:600}.tag.creditnote{color:#b42318;background:#fdecea}.tag.challan{color:#1b7a3a;background:#e3f6e8}.status.partial{color:#1d4ed8;background:#e7f0ff}.status.issued,.status.delivered{color:#1b7a3a;background:#e3f6e8}table.list.compact th,table.list.compact td{padding:7px 10px}table.list tr.row-warn td{background:#fff8f0}.numbering input{padding:5px 8px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:14px;display:grid}.kpi-card{flex-direction:column;gap:4px;margin:0;display:flex}.kpi-label{color:var(--muted);font-size:12.5px;font-weight:500}.kpi-value{letter-spacing:-.01em;font-size:22px;font-weight:700}.kpi-card.kpi-alert{background:snow;border-color:#f3c9c5}.kpi-card.kpi-alert .kpi-label{color:var(--danger)}.kpi-row{flex-wrap:wrap;gap:12px;display:flex}.kpi{background:#f6f8fc;border-radius:8px;flex-direction:column;flex:1;min-width:140px;padding:10px 12px;display:flex}.kpi span{color:var(--muted);font-size:12px}.kpi b{font-size:17px}.dash-grid{gap:14px}.dash-grid .card{margin:0}.chart-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.legend{color:#52514e;gap:16px;font-size:12.5px;display:flex}.legend i,.tt-row i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.chart-svg-wrap{position:relative}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:#e1e0d9;stroke-width:1px}.chart .axis{stroke:#c3c2b7;stroke-width:1px}.chart .tick{fill:#898781;font-family:inherit;font-size:11px}.chart .hover-band{fill:#0b0b0b0a}.chart-empty{place-items:center;font-size:13px;display:grid;position:absolute;inset:0 0 28px 56px}.tooltip{pointer-events:none;border:1px solid var(--border);z-index:2;background:#fff;border-radius:8px;min-width:170px;padding:8px 10px;font-size:12.5px;position:absolute;top:8px;box-shadow:0 6px 18px #0000001f}.tt-row{color:#52514e;align-items:center;gap:4px;margin-top:3px;display:flex}.tt-row b{color:var(--text);margin-left:auto;padding-left:12px}.report-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.report-card h3{margin-bottom:4px}.report-card p{margin:0}.otp-input{letter-spacing:.3em;text-align:center;font-size:22px}.qr-box{flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0;display:flex}.qr-box img{border:1px solid var(--border);border-radius:8px;width:160px;height:160px}.steps{margin:6px 0;padding-left:18px}.account-grid{align-items:start;gap:14px}.account-grid .card{margin:0}.swatch{width:26px;height:26px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--text)}.color-input{width:44px;height:32px;padding:2px}.tpl-picker{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin-bottom:14px;display:grid}.tpl-option{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:6px 6px 8px;display:flex}.tpl-option:hover{background:#f0f2f7}.tpl-option.active{border-color:var(--primary);background:#eef2ff}.tpl-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tpl-thumb{width:112px;height:158px;box-shadow:0 0 0 1px var(--border), 0 1px 4px #00000014;pointer-events:none;background:#fff;border-radius:3px;position:relative;overflow:hidden}.tpl-thumb .a4{transform-origin:0 0;position:absolute;top:0;left:0;transform:scale(.14)}.tpl-name{font-size:12.5px;font-weight:500}.tpl-option.active .tpl-name{color:var(--primary);font-weight:600}@media (width<=480px){.tpl-picker{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.tpl-thumb{width:92px;height:130px}.tpl-thumb .a4{transform:scale(.115)}}.payment-row{grid-template-columns:140px 120px 130px 1fr auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.payment-row .btn.sm{margin:0}.mobile-switch{display:none}@media (width<=1350px){.editor{grid-template-columns:1fr}.editor-preview{max-height:none;position:static;overflow-x:auto}.preview-scale{zoom:.7}}.sidebar-logout{display:none}@media (width<=900px){.menu-btn{display:inline-block}.brand-text{display:none}.topbar{flex-wrap:nowrap;gap:8px;padding:0 10px}.topbar .spacer{display:none}.company-switch{flex:1;min-width:0;max-width:none}.topbar .user-menu{display:none}.new-menu summary{padding:7px 10px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-value{font-size:17px}.sidebar-logout{text-align:left;font:inherit;border:1px solid var(--border);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;margin-top:12px;padding:8px 12px;display:block}.sidebar{box-shadow:none;transition:transform .2s;transform:translate(-100%)}.app.menu-open .sidebar{transform:none;box-shadow:4px 0 24px #00000026}.app.menu-open .sidebar-backdrop{inset:var(--topbar-h) 0 0 0;z-index:8;background:#0000004d;display:block;position:fixed}main{margin-left:0}.page{padding:16px}.user-menu{border-left:0;margin-left:0;padding-left:0}.user-chip{display:none}.report-card{flex-direction:column;align-items:stretch}.payment-row{grid-template-columns:1fr 1fr}.payment-row input:nth-child(4){grid-column:span 1}.editor{padding:12px 12px 72px}.editor.view-edit .editor-preview,.editor.view-preview .editor-form{display:none}.editor.view-preview .preview-scale{zoom:.46}.editor-toolbar{position:static}.mobile-switch{z-index:30;border-top:1px solid var(--border);background:#fff;gap:8px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.mobile-switch button{font:inherit;border:1px solid var(--border);background:#fff;border-radius:8px;flex:1;padding:10px;font-weight:600}.mobile-switch button.active{color:var(--primary);background:#eef1fd;border-color:#c7d2fe}.item-row{flex-wrap:wrap}.item-actions{flex-direction:row;justify-content:flex-end;width:100%}.item-nums{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-backdrop{place-items:end center;padding:0}.modal,.modal.wide{border-radius:14px 14px 0 0;max-width:none}}@media print{.sidebar,.sidebar-backdrop,.mobile-switch{display:none!important}main{margin-left:0!important}.editor.view-edit .editor-preview{display:block!important}}.preview-scale .a4{box-shadow:0 2px 12px #0000001a}.guest-pill{color:#9a5b00;white-space:nowrap;background:#fff4e0;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.guest-box{color:#5a4a2f;background:#fff8ec;border:1px solid #f5e0bd;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:12.5px}.guest-box p{margin:6px 0 0}.guest-note{color:#5a4a2f;background:#fff8ec;border:1px solid #f5e0bd;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.field-warn{color:#9a5b00;margin-top:3px;font-size:12px;display:block}p.field-warn{display:block}.input-group{display:flex}.input-group input{border-radius:6px 0 0 6px}.input-group select{border-left:0;border-radius:0 6px 6px 0;width:auto}.charge-row{grid-template-columns:2fr 1fr 110px auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.charge-row .btn.sm{margin:0}.inline-label{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.filter-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.filter-row label{align-items:center;gap:6px;display:flex}.filter-row input{width:auto;padding:4px 8px}@media (width<=900px){.guest-pill{display:none}.charge-row{grid-template-columns:1fr 1fr}}