body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.invoice-header{margin-bottom:32px;padding:8px 0;text-align:center}.invoice-header__icon{align-items:center;background:#000000eb;border-radius:18px;box-shadow:0 10px 24px #0000002e;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.invoice-header__svg{fill:#fff}.invoice-header__title{color:#000000eb;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}.invoice-header__subtitle{color:#0009;font-size:14px;line-height:1.4;margin:8px 0 0}@media (max-width:520px){.invoice-header{margin-bottom:22px}.invoice-header__icon{border-radius:16px;height:56px;margin-bottom:12px;width:56px}.invoice-header__title{font-size:26px}.invoice-header__subtitle{font-size:13px}}.preview-mode .invoice-header__subtitle{display:none}.preview-mode .invoice-header__title{font-size:24px}.preview-mode .invoice-header__icon{display:none}.logo-upload-zone{align-items:center;background:#00000005;border:1px dashed #00000040;border-radius:14px;cursor:pointer;display:flex;height:96px;justify-content:center;padding:12px;position:relative;-webkit-user-select:none;user-select:none;width:128px}.logo-upload-zone:focus,.logo-upload-zone:focus-visible{outline:2px solid #00000040;outline-offset:3px}.logo-upload-zone:hover{background:#00000008;border-color:#00000059}.logo-upload-inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.logo-image{display:block;max-height:100%;max-width:100%;object-fit:contain}.logo-remove{align-items:center;background:#b40000eb;border:none;border-radius:999px;box-shadow:0 8px 18px #0000002e;cursor:pointer;display:inline-flex;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.logo-remove svg{fill:#fff}.logo-remove:hover{background:#b40000d9}.logo-empty{align-items:center;color:#0009;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;width:100%}.logo-icon svg{fill:#0000008c}.logo-text{font-size:12px;font-weight:700}.logo-file{display:none}@media (max-width:520px){.logo-upload-zone{height:88px;padding:10px;width:112px}}.business-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.business-grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}}.client-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.field--full{grid-column:1/-1}@media (min-width:768px){.client-grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}}.invoice-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.date-trigger{align-items:center;cursor:pointer;display:inline-flex;gap:10px;text-align:left}.date-trigger.is-muted{color:#0000008c}.cal-icon{align-items:center;display:inline-flex;justify-content:center}.cal-icon svg{fill:#0009}.select{padding-right:34px}.date-popover{position:relative}.popover{background:#fff;border:1px solid #0000001f;border-radius:14px;box-shadow:0 14px 40px #0000001f;left:0;padding:12px;position:absolute;top:calc(100% + 8px);width:min(360px,100vw - 48px);z-index:20}.popover-row{display:flex;flex-direction:column;gap:8px}.popover-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.btn{background:#0000000f;border-radius:10px}.btn:hover{background:#00000017}.btn-ghost{background:#0000}.btn-ghost:hover{background:#0000000f}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (min-width:768px){.invoice-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #0000000f;border-radius:12px;overflow-x:auto}.invoice-table{border-collapse:initial;border-spacing:0;min-width:860px;width:100%}.invoice-table__head{background:#00000008}.td,.th{border-bottom:1px solid #0000000f;padding:10px;vertical-align:middle}.th{color:#000000b3;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.th--num{text-align:right}.th--name{width:180px}.th--qty{width:90px}.th--amount{width:140px}.th--actions{width:56px}.invoice-table__row{animation:rowFadeIn .22s ease-out both}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.invoice-input{box-sizing:border-box;color:#000000e6;height:38px;padding:8px 10px}.input-right{text-align:right}.input-muted{background:#00000008}.td-actions{text-align:center}.icon-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.icon-btn svg{fill:#0000008c}.icon-btn:hover svg{fill:#b40000e6}.icon-btn:disabled{cursor:not-allowed;opacity:.3}.add-btn{align-items:center;background:#0000;border:2px dashed #0003;border-radius:12px;color:#000000d9;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;height:42px;margin-top:14px;padding:0 14px}.add-btn__icon svg{fill:#000000a6}.add-btn:hover{background:#00000008;border-color:#00000073}@media (max-width:420px){.invoice-section{padding:14px}.add-btn{justify-content:center;width:100%}}.preview-mode .invoice-table thead{display:none}.preview-mode .invoice-table tbody tr.invoice-table__row{grid-gap:10px 14px;align-items:start;border-bottom:1px solid #0000001f;display:grid;gap:10px 14px;grid-template-columns:1fr 90px 60px 110px 44px;padding:12px 10px}.preview-mode .invoice-table tbody tr.invoice-table__row td{border:none!important;padding:0!important}.preview-mode .invoice-table tbody tr.invoice-table__row td:first-child,.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(2){grid-column:1/2}.preview-mode .invoice-table tbody tr.invoice-table__row td:first-child input.invoice-input{font-size:14px;font-weight:800}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(2) input.invoice-input{color:#000000bf;font-size:13px;line-height:1.35;white-space:normal}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(2) .invoice-textarea{color:#000000bf;font-size:13px}.preview-mode .invoice-table tbody tr.invoice-table__row td:first-child{grid-row:1}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(2){grid-row:2}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(3){align-self:center;grid-column:2/3;grid-row:1/3}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(4){align-self:center;grid-column:3/4;grid-row:1/3}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(5){align-self:center;grid-column:4/5;grid-row:1/3}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(6){display:none}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(3) input,.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(4) input,.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(5) input{font-weight:600;text-align:right}.preview-mode .invoice-table input.invoice-input{background:#0000!important;border:none!important;height:auto!important;padding:0!important}@media (max-width:520px){.preview-mode .invoice-table tbody tr.invoice-table__row{grid-template-areas:"name name name" "desc desc desc" "rate qty amount";grid-template-columns:1fr 1fr 1fr}.preview-mode .invoice-table tbody tr.invoice-table__row td:first-child{grid-area:name}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(2){grid-area:desc}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(3){align-self:start;grid-area:rate;grid-row:auto}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(4){align-self:start;grid-area:qty;grid-row:auto}.preview-mode .invoice-table tbody tr.invoice-table__row td:nth-child(5){align-self:start;grid-area:amount;grid-row:auto}}.is-optional{background:rgba(0,0,0,.015)}.item-name-wrap{align-items:center;display:flex;gap:8px}.item-name{flex:1 1;font-weight:700}.opt-toggle{background:#00000008;border:1px solid #00000029;border-radius:999px;color:#000000bf;cursor:pointer;font-size:12px;font-weight:700;height:30px;padding:0 10px;white-space:nowrap}.opt-toggle--on,.opt-toggle:hover{background:#0000000f}.opt-toggle--on{border-color:#00000038;color:#000000d9}.opt-badge{background:#00000008;border:1px solid #00000029;border-radius:999px;color:#000000b3;display:none;font-size:11px;font-weight:800;margin-left:6px;padding:2px 8px}.invoice-textarea{height:auto;line-height:1.35;min-height:38px;overflow:hidden;padding-bottom:8px;padding-top:8px;resize:none}.preview-mode .invoice-textarea{background:#0000!important;border:none!important;min-height:0!important;padding:0!important}.invoice-textarea:focus{overflow:auto}.preview-mode .opt-toggle{display:none!important}.preview-mode .opt-badge{display:inline-flex}@media (max-width:520px){.item-name-wrap{flex-wrap:wrap}.opt-badge,.opt-toggle{margin-left:0}}.textarea{background-color:#fff;border-radius:.375rem;color:#111827;display:flex;line-height:1.25rem;resize:vertical}.textarea::placeholder{color:#6b7280}.textarea:focus-visible{border-color:#6366f1;box-shadow:0 0 0 2px #6366f1,0 0 0 4px #e0e7ff;outline:none}.textarea:disabled{opacity:.5}@media (max-width:640px){.textarea{font-size:1rem;padding:.75rem}}.textarea-wrapper{position:relative;width:100%}.textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1 1;font-size:.875rem;line-height:1.5;min-height:80px;padding:.5rem .75rem;resize:none;transition:border-color .2s,box-shadow .2s;width:100%}.textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #93c5fd;outline:none}.textarea:disabled{cursor:not-allowed;opacity:.6}.textarea-counter{color:#6b7280;font-size:.75rem;margin-top:4px;text-align:right}.textarea-counter.warning{color:#dc2626}.invoice-totals{display:flex;flex-direction:column;gap:6px;margin-left:auto;width:min(380px,100%)}.invoice-total-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:6px 0}.muted{color:#0009}.muted,.value{font-size:13px}.value{color:#000000e6;font-weight:600}.strong{color:#000000eb;font-weight:700}.value--total{font-size:18px;font-weight:800}.invoice-total-row--divider{border-bottom:2px solid #0000001f;margin-bottom:4px;padding-bottom:10px}.invoice-total-row--balance{background:#0000000d;border-radius:12px;margin-top:8px;padding:12px}.balance-label{color:#000000d9;font-weight:800}.balance-value{color:#000000eb;font-size:22px;font-weight:900}@media (max-width:520px){.invoice-totals{margin-left:0;width:100%}.value--total{font-size:16px}.balance-value{font-size:20px}}.notes-textarea{background:#00000008;border:1px solid #0000002e;border-radius:12px;box-sizing:border-box;color:#000000e6;font-size:14px;line-height:1.5;min-height:110px;outline:none;padding:10px 12px;resize:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;width:100%}.notes-textarea:focus{background:#00000005;border-color:#00000059;box-shadow:0 0 0 3px #00000014}.notes-textarea::placeholder{color:#00000073}@media (max-width:520px){.invoice-section{padding:14px}.notes-textarea{min-height:120px}}.invoice-section{background:#fff;border:1px solid #00000014;border-radius:16px;padding:16px}.invoice-section-title{font-size:14px;font-weight:700;margin:0 0 12px}.banking-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:8px}.label{color:#000000b3;font-size:12px;font-weight:600}.invoice-input{background:#fff;border:1px solid #0000002e;border-radius:10px;font-size:14px;height:40px;outline:none;padding:10px 12px;width:100%}.invoice-input:focus{border-color:#00000059}@media (min-width:768px){.banking-grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}}@media (max-width:420px){.invoice-section{padding:14px}.invoice-input{height:42px}}.page{background:#00000005;min-height:100vh;padding:32px 16px}.container{margin:0 auto;max-width:896px}.header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.stack{display:flex;flex-direction:column;gap:24px}.grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.actions{display:flex;gap:10px;position:fixed;right:16px;top:16px;z-index:50}.btn{align-items:center;background:#fff;border:1px solid #00000026;border-radius:12px;color:#000000e6;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:10px;height:36px;line-height:1;padding:0 12px}.btn-icon svg{fill:#000000b3}.btn:hover{background:#0000000a}.btn-primary{background:#000000e6;border-color:#000000e6;color:#fff}.btn-primary .btn-icon svg{fill:#fff}.btn-primary:hover{background:#000000d1;border-color:#000000d1}.btn-outline{background:#fff}.footer{color:#0000008c;font-size:13px;margin-top:48px;text-align:center}@media (min-width:1024px){.grid-2{grid-template-columns:1fr 1fr}}@media (max-width:520px){.page{padding:18px 12px}.header-row{align-items:flex-start;flex-direction:column;gap:12px}.actions{bottom:12px;justify-content:space-between;left:12px;right:12px;top:auto}.btn{flex:1 1;height:42px;justify-content:center}}@media print{.print-hide{display:none!important}.page{background:#fff;padding:0}.container{margin:0;max-width:none}.invoice-section{break-inside:avoid;page-break-inside:avoid}}.preview-mode .container{border:1px solid #0000001a;border-radius:10px;box-shadow:0 18px 55px #0000001a;padding:22px}.preview-mode .actions{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;left:auto;margin:0 auto;max-width:900px;padding:12px 0 14px;position:-webkit-sticky;position:sticky;right:auto;top:0;z-index:50}.preview-mode .btn{border-radius:10px}.preview-mode .header-row{align-items:flex-start;margin-bottom:14px}.preview-mode .stack{gap:14px}.preview-mode .invoice-section-title{letter-spacing:.04em}.preview-mode .invoice-input,.preview-mode .notes-textarea,.preview-mode select.invoice-input{background:#fff;border:1px solid #0000002e;border-radius:7px;box-shadow:none}.preview-mode .input-muted{background:#fff}.preview-mode .invoice-table__head{background:#00000005}.preview-mode .td,.preview-mode .th{border-bottom:1px solid #0000001a}.preview-mode .invoice-totals,.preview-mode .totals{width:min(420px,100%)}.preview-mode .invoice-total-row--balance,.preview-mode .total-row--balance{border:1px solid #0000001a}.preview-mode .footer{color:#0000008c;margin-top:18px}@media (max-width:520px){.preview-mode .container{border-radius:8px;padding:14px}.preview-mode .actions{gap:8px;padding:10px 0;position:-webkit-sticky;position:sticky;top:0}.preview-mode .btn{flex:1 1;height:40px;justify-content:center}.preview-mode .header-row{flex-direction:column;gap:10px}}.preview-mode .page{background:#fff!important;padding:0!important}.preview-mode .container{background:#fff;border:none;border-radius:0;box-shadow:none;margin:0 auto;max-width:900px;padding:0}.preview-mode .actions{background:#0000;display:flex;gap:10px;justify-content:flex-end;margin:0 0 14px;padding:0;position:static}.preview-mode .btn{border-radius:8px;box-shadow:none;height:34px}.preview-mode .invoice-section{background:#fff;border:1px solid #0000001f;border-radius:8px;box-shadow:none}.preview-mode .invoice-section-title{color:#000000a6;font-size:12px}.preview-mode button.invoice-input,.preview-mode input.invoice-input,.preview-mode select.invoice-input,.preview-mode textarea.notes-textarea{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;height:auto!important;min-height:0!important;outline:none!important;padding:0!important}.preview-mode .date-trigger{justify-content:flex-start}.preview-mode .add-btn,.preview-mode .icon-btn{display:none!important}.preview-mode .table-wrap{border:1px solid #0000001f;border-radius:8px}.preview-mode .invoice-table{border-collapse:collapse;min-width:0!important;width:100%}.preview-mode .td,.preview-mode .th{border-bottom:1px solid #0000001f}.preview-mode .value--total{font-size:20px}.preview-mode .invoice-total-row--balance,.preview-mode .total-row--balance{background:#0000000a;border:1px solid #0000001f}@media (max-width:520px){.preview-mode .actions{flex-direction:column}.preview-mode .btn{height:40px;justify-content:center;width:100%}}@media print{@page{size:A4;margin:14mm}.preview-mode .invoice-section{break-inside:avoid;page-break-inside:avoid}}.preview-mode .header-row{display:block;margin-bottom:12px;position:relative}.preview-mode .invoice-header{padding-right:140px}.preview-mode .invoice-header__icon,.preview-mode .invoice-header__subtitle{display:none}.preview-mode .invoice-header__title{font-size:22px;font-weight:900;letter-spacing:-.01em;text-align:left}.preview-mode .logo-upload-zone{background:#0000;border:none;cursor:default;height:60px;padding:6px;position:absolute;right:0;top:0;width:120px}.preview-mode .logo-image{max-height:100%;max-width:100%;object-fit:contain}.preview-mode .logo-empty,.preview-mode .logo-remove{display:none}.preview-mode .grid-2{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-top:12px}.preview-mode .invoice-section-title{color:#0000008c;font-size:11px;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.preview-mode .invoice-section{border:none;padding:0}.preview-mode .invoice-section .invoice-input{border:none;font-size:13px;font-weight:500;padding:2px 0}@media (max-width:520px){.preview-mode .grid-2{gap:16px;grid-template-columns:1fr}.preview-mode .logo-upload-zone{margin-top:8px;position:static}}.nf{align-items:center;background:#0000000a;display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.nf-card{background:#fff;border:1px solid #00000014;border-radius:18px;box-shadow:0 18px 50px #0000001a;padding:28px 18px;text-align:center;width:min(520px,100%)}.nf-title{color:#000000eb;font-size:44px;font-weight:900;letter-spacing:-.02em;line-height:1;margin:0 0 10px}.nf-subtitle{color:#000000a6;font-size:18px;line-height:1.4;margin:0 0 16px}.nf-link{align-items:center;background:#0000000f;border-radius:12px;color:#000000eb;display:inline-flex;font-size:14px;font-weight:800;justify-content:center;padding:10px 14px;text-decoration:none;transition:background .16s ease}.nf-link:hover{background:#0000001a}@media (max-width:520px){.nf{padding:18px 12px}.nf-card{border-radius:16px;padding:22px 14px}.nf-title{font-size:40px}.nf-subtitle{font-size:16px}.nf-link{width:100%}}
/*# sourceMappingURL=main.2bcbc607.css.map*/