.invoice-tool .invoice-item-row{display:grid;grid-template-columns:1fr;gap:.6rem}.invoice-tool .invoice-item-row .meta-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;gap:.4rem}.invoice-tool .invoice-item-row input,.invoice-tool .invoice-item-row button{width:100%}.invoice-tool .loader-ring{width:72px;height:72px;border-radius:999px;border:4px solid rgba(99,102,241,.3);border-top-color:#6366f1e6;border-bottom-color:#6366f199;display:flex;align-items:center;justify-content:center;animation:loaderSpin 1s linear infinite}.invoice-tool .loader-icon svg{width:32px;height:32px}.invoice-tool .loader-icon{position:relative;z-index:10;color:#4338ca}@media all and (min-width:768px){.invoice-tool .invoice-item-row{grid-template-columns:minmax(0,4fr) minmax(0,.9fr) minmax(0,1.6fr) auto;gap:.75rem}.invoice-tool .invoice-item-row .meta-grid{display:contents}.invoice-tool .invoice-item-row input,.invoice-tool .invoice-item-row button{width:auto}.invoice-tool .invoice-item-row .remove-item{justify-self:end}}.invoice-tool label span{display:block;margin-bottom:.35rem;letter-spacing:.15em}.invoice-tool .toggle-switch{appearance:none;width:44px;height:24px;background:#cbd5e1;border-radius:999px;position:relative;cursor:pointer;transition:background .2s ease}.invoice-tool .toggle-switch:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s ease}.invoice-tool .toggle-switch:checked{background:#6366f1}.invoice-tool .toggle-switch:checked:before{transform:translate(20px)}.invoice-tool .summary-table{background:#fff;border-radius:1.2rem;border:1px solid #e2e8f0;padding:.75rem 1rem}.invoice-tool .summary-table-row{display:flex;justify-content:space-between;padding:.2rem 0;font-size:.85rem;color:#475569}.invoice-tool .summary-table-row.summary-total{font-size:1rem;font-weight:700;color:#0f172a;margin-top:.25rem;border-top:1px solid #e2e8f0;padding-top:.5rem}.invoice-tool .summary-table-row span:last-child{text-align:right}.invoice-tool .tab-btn{border-bottom-color:transparent}.invoice-tool .tab-btn.active{border-bottom-color:#6366f1;color:#6366f1}.invoice-tool .tab-btn:hover{color:#6366f1}@media(min-width:1024px){.invoice-tool [data-tab-content=preview]{display:block!important}.invoice-tool [data-tab-content=form]{display:block}.invoice-preview-sticky{position:sticky;top:1.5rem;align-self:flex-start}}.invoice-tool .discount-rate-panel{display:none}.invoice-tool .discount-rate-panel input{font-weight:600}.invoice-tool .pph-rate-panel{display:none}#mobilePreviewModal{animation:fadeIn .2s ease-out}#mobilePreviewModal>div{min-height:100vh}#loadingOverlay{width:100vw;height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.limit-modal-card{width:min(460px,100%);background:linear-gradient(180deg,#0c1c4a,#142556);padding:2.5rem 2rem 2rem;border-radius:30px;box-shadow:0 20px 35px #0f172a66;text-align:center;color:#fff;position:relative}.limit-modal-icon{width:74px;height:74px;margin:0 auto 1rem;border-radius:50%;background:#1e3a8a;display:grid;place-items:center;box-shadow:inset 0 0 0 4px #ffffff40}.limit-modal-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.limit-modal-lede{font-size:1.1rem;margin-bottom:.15rem}.limit-modal-subtitle{font-size:.95rem;opacity:.85;margin-bottom:1.5rem}.limit-modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.limit-modal-dismiss,.limit-modal-upgrade{flex:1 1 140px;min-width:140px;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;transition:transform .15s ease,box-shadow .15s ease}.limit-modal-dismiss{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff}.limit-modal-upgrade{background:#f97316;border:none;color:#fff}.limit-modal-dismiss:hover,.limit-modal-upgrade:hover{transform:translateY(-1px);box-shadow:0 8px 16px #00000040}.limit-modal-close{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;border-radius:999px;border:none;background:#ffffff26;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}.invoice-tool .invoice-preview-card header{border-radius:1rem;padding:.6rem .9rem}.invoice-tool .invoice-preview-card{width:100%;max-width:900px;margin-inline:auto;transition:transform .2s ease}.invoice-tool .invoice-preview-card table{width:100%;table-layout:fixed;word-break:break-word}.invoice-tool .invoice-preview-card [data-template=espresso]{position:relative}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-header{position:relative;padding:2rem 2rem 1.5rem;background:transparent;text-align:center;margin-bottom:2rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-accent{position:absolute;top:20px;right:30px;width:160px;height:160px}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-accent-block{width:120px;height:120px;border-radius:32px;background:#4f46e526}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-accent-dot{position:absolute;top:-20px;left:60px;width:120px;height:120px;background:#fb923c66;border-radius:20px}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-title-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-logo{max-width:140px;max-height:80px;object-fit:contain;margin-bottom:.5rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-title-group h2{font-size:3rem;font-weight:900;letter-spacing:.08em;color:#000;text-transform:uppercase;margin:.5rem 0;line-height:1}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-title-group p{margin:0;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;color:#0f172ab3}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);align-items:start;gap:1.5rem;margin-bottom:1rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-label{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;margin:.3rem 0 .1rem;color:#0f172a99;font-weight:600}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-name{margin:0;font-weight:700;font-size:1rem;color:#0f172a}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-contact{margin-top:.15rem;font-size:.82rem;color:#0f172aa6;line-height:1.2;letter-spacing:.01em;text-transform:none}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-contact p{margin:0}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-meta>div:first-child{display:flex;flex-direction:column;gap:.1rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-dates{text-align:right;display:flex;flex-direction:column;gap:0;align-items:flex-end;margin-top:-.6rem;align-self:flex-start}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-date-row{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-value{font-size:1rem;font-weight:600;letter-spacing:normal;margin:0}.invoice-tool .invoice-preview-card .invoice-signature{margin-top:1rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center;margin-left:auto;max-width:240px}.invoice-tool .invoice-preview-card .invoice-signature-img{max-width:220px;height:auto;object-fit:contain;display:block;border-radius:.5rem;margin-left:auto;margin-right:auto}.invoice-tool .invoice-preview-card .invoice-signer-meta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem}.invoice-tool .invoice-preview-card .invoice-signer-meta .signer-name{margin:0;font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;font-weight:700;color:#0f172a}.invoice-tool .invoice-preview-card .invoice-signer-meta .signer-title{margin:0;font-size:.62rem;letter-spacing:.35em;text-transform:uppercase;color:#64748b}#signatureCanvas{touch-action:none;cursor:crosshair}.invoice-tool .invoice-preview-card [data-template=espresso] .border-slate-200{border:none;border-top:2px solid #000;border-bottom:2px solid #000;border-radius:0;overflow:visible}.invoice-tool .invoice-preview-card [data-template=espresso] table{border:none;border-collapse:collapse}.invoice-tool .invoice-preview-card [data-template=espresso] table thead{background:transparent;border-bottom:2px solid #000}.invoice-tool .invoice-preview-card [data-template=espresso] table thead th{text-transform:uppercase;font-weight:700;color:#000;font-size:.688rem;letter-spacing:.08em;padding:.6rem .75rem;background:transparent}.invoice-tool .invoice-preview-card [data-template=espresso] table tbody td{padding:.9rem .75rem;border-bottom:none;background:transparent}.invoice-tool .invoice-preview-card [data-template=espresso] table tfoot{border-top:1px solid #000}.invoice-tool .invoice-preview-card [data-template=espresso] table tfoot td{padding:.4rem .75rem;font-weight:600;background:transparent}.invoice-tool .invoice-preview-card [data-template=espresso] table tfoot tr.summary-total{background:transparent}.invoice-tool .invoice-preview-card [data-template=espresso] table tfoot tr.summary-total td{font-weight:700;color:#000}.invoice-tool .invoice-preview-card [data-template=latte]{position:relative}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding-bottom:.75rem;border-bottom:1px dashed rgba(15,23,42,.4);margin-bottom:.65rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-logo-wrap{width:74px;height:74px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.1);overflow:hidden}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-logo{max-width:100%;max-height:100%;object-fit:contain}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-logo-placeholder{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#0f172a80}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-info h2{margin:0;font-size:2.25rem;letter-spacing:.2em;text-transform:uppercase;color:#0f172a}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-info p{margin:0;text-transform:uppercase;font-size:.75rem;letter-spacing:.3em;color:#0f172a99}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-meta{text-align:right;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#0f172ab3}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-meta p{margin:.1rem 0}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-recipient{margin-top:.65rem;margin-bottom:1rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-recipient .umkm-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:#0f172a80;margin:0}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-recipient .umkm-name{margin:.15rem 0;font-size:1.1rem;font-weight:700;color:#0f172a}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-recipient p{margin:0;font-size:.85rem;color:#0f172a99}.invoice-tool .invoice-preview-card [data-template=latte] .items-table-wrapper{width:100%;border-radius:1.25rem;border:2px solid rgba(15,23,42,.15);overflow:hidden;background:#fff;z-index:1}.invoice-tool .invoice-preview-card [data-template=latte] .items-table{width:100%}.invoice-tool .invoice-preview-card [data-template=latte] .items-table thead{background:#0f172a;border-bottom:2px solid rgba(255,255,255,.25)}.invoice-tool .invoice-preview-card [data-template=latte] .items-table thead th{color:#fff;font-size:.75rem;letter-spacing:.2em;padding:.8rem 1rem}.invoice-tool .invoice-preview-card [data-template=latte] .items-table thead th:first-child{border-top-left-radius:.75rem}.invoice-tool .invoice-preview-card [data-template=latte] .items-table thead th:last-child{border-top-right-radius:.75rem}.invoice-tool .invoice-preview-card [data-template=latte] .items-table tbody td{border-bottom:1px solid rgba(15,23,42,.12);font-size:.85rem;padding:.9rem 1rem}.invoice-tool .invoice-preview-card [data-template=latte] .items-table tfoot{background:#0f172a0a}.invoice-tool .invoice-preview-card [data-template=latte] .items-table tfoot td{font-weight:600;font-size:.9rem;letter-spacing:.05em;padding:.7rem 1rem}.invoice-tool .invoice-preview-card [data-template=latte] .items-table tfoot tr:last-child td:first-child{border-bottom-left-radius:.75rem}.invoice-tool .invoice-preview-card [data-template=latte] .items-table tfoot tr:last-child td:last-child{border-bottom-right-radius:.75rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-terbilang{margin-top:1rem;border:1px dashed rgba(15,23,42,.25);border-radius:1rem;padding:1rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-payment{margin-top:.75rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-payment .border{border-color:#0f172a33}.invoice-tool .invoice-preview-card [data-template=cappuccino]{position:relative}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-header{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid #cbd5e1;margin-bottom:1rem}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-logo{max-width:100px;height:auto;object-fit:contain}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-title-group h2{margin:0;font-size:2.5rem;letter-spacing:.15em;text-transform:uppercase;color:#000;font-weight:700}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-title-group p{margin:.2rem 0 0;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-meta{text-align:right;font-size:.8rem;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-meta p{margin:.2rem 0;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-recipient{margin-bottom:1.5rem}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-recipient .formal-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#0f172a66;margin:0}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-recipient .formal-name{margin:.2rem 0;font-size:1.2rem;font-weight:700;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] .formal-recipient p{margin:.1rem 0;font-size:.85rem;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table-wrapper{width:100%;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background:#fff}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table{width:100%;border-collapse:collapse;border-spacing:0}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table thead{background:#f8fafc}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table thead th{color:#000;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding:.9rem 1rem;border-bottom:1px solid #e2e8f0}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table tbody tr td{border-bottom:1px solid #f1f5f9;padding:.9rem 1rem;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table tbody tr:last-child td{border-bottom:none}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table tfoot{background:#fafbfc}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table tfoot tr td{font-weight:600;padding:.7rem 1rem;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table tfoot tr:last-child{background:#f1f5f9}.invoice-tool .invoice-preview-card [data-template=cappuccino] .items-table tfoot tr:last-child td{font-weight:700;font-size:1.05rem;color:#000}.invoice-tool .invoice-preview-card [data-template=cappuccino] header{background:transparent;padding:1rem 0;border-bottom:3px solid #1e3a8a;margin-bottom:1.5rem}.invoice-tool .invoice-preview-card [data-template=cappuccino] header h1{font-size:2.5rem;font-weight:700;color:#1e3a8a;text-transform:uppercase;letter-spacing:.1em}.invoice-tool .invoice-preview-card [data-template=cappuccino] table thead{background:#1e3a8a;color:#fff}.invoice-tool .invoice-preview-card [data-template=cappuccino] table thead th{color:#fff;font-weight:600;padding:.875rem 1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.invoice-tool .invoice-preview-card [data-template=cappuccino] table thead th:first-child{border-radius:.75rem 0 0}.invoice-tool .invoice-preview-card [data-template=cappuccino] table thead th:last-child{border-radius:0 .75rem 0 0}.invoice-tool .invoice-preview-card [data-template=cappuccino] table tbody tr{border-bottom:1px dotted #cbd5e1}.invoice-tool .invoice-preview-card [data-template=cappuccino] table tbody td{padding:.875rem 1rem}.invoice-tool .invoice-preview-card [data-template=cappuccino] table tfoot tr{background:#e2e8f0}.invoice-tool .invoice-preview-card [data-template=cappuccino] table tfoot tr td{padding:.75rem 1rem;font-weight:600}.invoice-tool .invoice-preview-card [data-template=cappuccino] table tfoot tr:last-child{background:#cbd5e1;border-radius:0 0 .75rem .75rem}.invoice-tool .invoice-preview-card [data-template=cappuccino] table tfoot tr:last-child td{font-weight:700;font-size:1.1rem;padding:1rem}.invoice-tool .invoice-preview-card [data-template=cappuccino] .border-slate-200{border-radius:.75rem;overflow:hidden;border:2px solid #cbd5e1}@media(max-width:520px){.invoice-tool .invoice-preview-card{padding:1.25rem;max-width:460px}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-title-group{gap:.2rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-title-group h2{font-size:1.8rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-label{letter-spacing:.2em}.invoice-tool .invoice-preview-card table th,.invoice-tool .invoice-preview-card table td{font-size:.65rem;padding:.4rem .35rem}.invoice-tool .invoice-preview-card table th:nth-child(2),.invoice-tool .invoice-preview-card table td:nth-child(2),.invoice-tool .invoice-preview-card table th:nth-child(3),.invoice-tool .invoice-preview-card table td:nth-child(3){font-size:.7rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-meta{gap:.4rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-dates{text-align:left;width:100%}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-info h2{font-size:1.6rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-info p,.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-meta{font-size:.6rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-recipient .umkm-name{font-size:1rem}.invoice-tool .invoice-preview-card [data-template=latte] table th,.invoice-tool .invoice-preview-card [data-template=latte] table td{font-size:.6rem}}@media(max-width:768px){.invoice-tool .invoice-preview-card{padding:1.5rem;box-shadow:0 20px 60px #0f172a1a}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-header{padding:1.5rem 1.5rem 1rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-title-group h2{font-size:2.2rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-meta{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.invoice-tool .invoice-preview-card [data-template=espresso] .modern-dates{text-align:center}.invoice-tool .invoice-preview-card table th,.invoice-tool .invoice-preview-card table td{padding:.5rem .6rem;font-size:.72rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header{grid-template-columns:1fr;text-align:center;gap:.65rem}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-logo-wrap{margin-inline:auto;width:60px;height:60px}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-info h2{font-size:1.8rem;letter-spacing:.15em}.invoice-tool .invoice-preview-card [data-template=latte] .umkm-header-meta{width:100%;text-align:center;letter-spacing:.15em}}.invoice-tool [data-loader]{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block;margin-left:.75rem;opacity:0}.invoice-tool .generate-loading [data-loader]{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}