@font-face{font-family:Kanit;src:url('/fonts/kanit/Kanit-ExtraLight.ttf') format('truetype');font-weight:200}@font-face{font-family:Kanit;src:url('/fonts/kanit/Kanit-Regular.ttf') format('truetype');font-weight:400}@font-face{font-family:Kanit;src:url('/fonts/kanit/Kanit-SemiBold.ttf') format('truetype');font-weight:600}.iw-shell{--iw-bg:var(--kc-surface-muted,#f8fafc);--iw-card:var(--kc-surface,#fff);--iw-raised:var(--kc-surface-raised,#fff);--iw-border:var(--kc-border,#e2e8f0);--iw-text:var(--kc-text,#0f172a);--iw-muted:var(--kc-text-muted,#64748b);--iw-primary:var(--kc-primary,#2563eb);color:var(--iw-text);display:flex;flex-direction:column;gap:1rem;min-height:36rem}.dark .iw-shell{--iw-bg:#08111f;--iw-card:#0c1728;--iw-raised:#111e31;--iw-border:#26364d;--iw-text:#f8fafc;--iw-muted:#94a3b8;--iw-primary:#1684ff}.iw-shell *{box-sizing:border-box}.iw-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.1rem .4rem}.iw-title-block{display:flex;align-items:flex-start;gap:.85rem;min-width:17rem}.iw-step-bubble{display:grid;place-items:center;width:2.2rem;height:2.2rem;flex:0 0 2.2rem;border-radius:.75rem;background:linear-gradient(145deg,#1684ff,#0668db);color:#fff;font-size:1.05rem;font-weight:800;box-shadow:0 8px 22px rgb(22 132 255 / .25)}.iw-title-block h2{margin:0;font-size:1.35rem;line-height:1.25;font-weight:800}.iw-title-block p{margin:.18rem 0 0;color:var(--iw-muted);font-size:.88rem}.iw-stepper{display:flex;align-items:center;justify-content:flex-end;min-width:min(42rem,55vw)}.iw-stepper i{height:1px;min-width:2.3rem;flex:1;background:var(--iw-border)}.iw-step{display:flex;align-items:center;gap:.45rem;color:var(--iw-muted);font-size:.76rem;white-space:nowrap}.iw-step span{display:grid;place-items:center;width:1.55rem;height:1.55rem;border:1px solid var(--iw-border);border-radius:999px;background:var(--iw-card);font-size:.7rem;font-style:normal}.iw-step strong{font-weight:600}.iw-step.is-active{color:var(--iw-text)}.iw-step.is-active span{border-color:#1684ff;background:#1684ff;color:#fff;box-shadow:0 0 0 3px rgb(22 132 255 / .14)}.iw-step.is-done span{border-color:#1684ff;color:#1684ff}.iw-card{border:1px solid var(--iw-border);border-radius:.75rem;background:var(--iw-card);box-shadow:0 12px 30px rgb(2 8 23 / .04)}.iw-create-grid{display:grid;grid-template-columns:minmax(31rem,1.05fr) minmax(37rem,1.35fr);gap:.9rem}.iw-builder-card,.iw-items-card{padding:.75rem}.iw-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.iw-source-card{display:flex;align-items:center;gap:.65rem;min-height:3.7rem;padding:.65rem .75rem;border:1px solid var(--iw-border);border-radius:.55rem;background:var(--iw-raised);color:var(--iw-text);text-align:left;cursor:pointer;transition:.15s ease}.iw-source-card:hover{border-color:#3b82f6;transform:translateY(-1px)}.iw-source-card.is-active{border-color:#1684ff;background:linear-gradient(135deg,#1684ff,#086adf);color:#fff;box-shadow:0 8px 22px rgb(22 132 255 / .22)}.iw-source-icon{display:grid;place-items:center;width:1.8rem;height:1.8rem;flex:0 0 1.8rem;border-radius:999px;background:rgb(255 255 255 / .16);font-size:.85rem}.iw-source-card strong,.iw-source-card small{display:block}.iw-source-card strong{font-size:.78rem}.iw-source-card small{margin-top:.12rem;color:inherit;opacity:.75;font-size:.63rem;line-height:1.25}.iw-selection-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);gap:.6rem;margin-top:.65rem}.iw-picker-pane,.iw-selected-pane{min-height:18rem;padding:.7rem;border:1px solid var(--iw-border);border-radius:.6rem;background:var(--iw-bg)}.iw-picker-pane h3,.iw-selected-pane h3,.iw-items-card>h3,.iw-customer-invoices>h3{margin:0 0 .65rem;font-size:.8rem;font-weight:750}.iw-search{display:flex;align-items:center;gap:.45rem;padding:0 .65rem;border:1px solid #3b82f6;border-radius:.45rem;background:var(--iw-card);box-shadow:0 0 0 2px rgb(59 130 246 / .08)}.iw-search span{color:var(--iw-muted)}.iw-search input{width:100%;height:2.2rem;border:0!important;outline:0!important;background:transparent!important;color:var(--iw-text)!important;box-shadow:none!important;font-size:.75rem}.iw-result-list{display:flex;flex-direction:column;margin-top:.45rem;max-height:14rem;overflow:auto}.iw-result{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .65rem;border:0;border-bottom:1px solid var(--iw-border);background:transparent;color:var(--iw-text);text-align:left;cursor:pointer}.iw-result:hover,.iw-result.is-selected{border-radius:.4rem;background:rgb(22 132 255 / .12)}.iw-result span,.iw-result strong,.iw-result small{display:block}.iw-result strong{font-size:.75rem}.iw-result small{margin-top:.12rem;color:var(--iw-muted);font-size:.65rem}.iw-result-meta{text-align:right;white-space:nowrap}.iw-result-meta em{display:inline-block;padding:.14rem .38rem;border-radius:.28rem;background:#138a5b;color:#fff;font-size:.58rem;font-style:normal}.iw-selected-title{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.55rem 0}.iw-selected-title span,.iw-selected-title strong,.iw-selected-title small{display:block}.iw-selected-title strong{font-size:.8rem}.iw-selected-title small{margin-top:.15rem;color:var(--iw-muted);font-size:.67rem}.iw-selected-title em{padding:.14rem .38rem;border-radius:.3rem;background:#138a5b;color:#fff;font-size:.58rem;font-style:normal}.iw-facts{display:grid;grid-template-columns:1fr auto;gap:.38rem .6rem;margin:.45rem 0;padding-top:.55rem;border-top:1px solid var(--iw-border);font-size:.68rem}.iw-facts dt{color:var(--iw-muted)}.iw-facts dd{margin:0;text-align:right;font-weight:600}.iw-compact-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-top:.65rem}.iw-shell label{display:flex;flex-direction:column;gap:.22rem;color:var(--iw-muted);font-size:.66rem;font-weight:600}.iw-shell input,.iw-shell textarea{width:100%;border:1px solid var(--iw-border);border-radius:.4rem;background:var(--iw-card);color:var(--iw-text);font:inherit;font-weight:500;outline:none}.iw-shell input{height:2rem;padding:0 .48rem}.iw-shell textarea{padding:.48rem;resize:vertical}.iw-shell input:focus,.iw-shell textarea:focus{border-color:#1684ff;box-shadow:0 0 0 2px rgb(22 132 255 / .12)}.iw-add-button{display:block;margin:.8rem auto 0}.iw-selection-empty{display:grid;place-items:center;align-content:center;height:14rem;color:var(--iw-muted);text-align:center}.iw-selection-empty span{font-size:2rem;opacity:.45}.iw-selection-empty p{max-width:12rem;font-size:.72rem}.iw-form-stack{display:flex;flex-direction:column;gap:.5rem}.iw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.iw-items-card{display:flex;flex-direction:column;min-width:0}.iw-table-wrap{overflow:auto;border:1px solid var(--iw-border);border-radius:.55rem}.iw-table{width:100%;min-width:49rem;border-collapse:collapse;font-size:.65rem}.iw-table th{padding:.55rem .45rem;background:var(--iw-raised);color:var(--iw-muted);text-align:left;font-weight:700;white-space:nowrap}.iw-table td{padding:.62rem .45rem;border-top:1px solid var(--iw-border);vertical-align:top;white-space:nowrap}.iw-table td:nth-child(2),.iw-table td:nth-child(3){white-space:normal}.iw-table td strong,.iw-table td small{display:block}.iw-table td small{margin-top:.12rem;color:var(--iw-muted);font-size:.59rem}.iw-row-actions{display:flex;gap:.2rem}.iw-row-actions button{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:0;border-radius:.32rem;background:transparent;color:#3b82f6;cursor:pointer}.iw-row-actions button:hover{background:rgb(59 130 246 / .12)}.iw-row-actions button.is-danger{color:#ef4444}.iw-empty-row{height:8rem!important;text-align:center;color:var(--iw-muted)}.iw-totals{display:flex;justify-content:flex-end;margin-top:.65rem}.iw-totals dl{display:grid;grid-template-columns:1fr auto;gap:.45rem 2rem;width:min(19rem,100%);padding:.7rem .85rem;border:1px solid var(--iw-border);border-radius:.55rem;background:var(--iw-bg);font-size:.68rem}.iw-totals dt{color:var(--iw-muted)}.iw-totals dd{margin:0;text-align:right;font-weight:650}.iw-totals .is-grand{margin-top:.25rem;padding-top:.55rem;border-top:1px solid var(--iw-border);color:var(--iw-text);font-size:.88rem;font-weight:800}.iw-items-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:.75rem}.iw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.5rem .85rem;border:1px solid transparent;border-radius:.45rem;font-size:.72rem;font-weight:700;text-decoration:none!important;cursor:pointer}.iw-btn-primary{background:linear-gradient(135deg,#1684ff,#0870e8);color:#fff!important;box-shadow:0 7px 18px rgb(22 132 255 / .18)}.iw-btn-primary:hover{filter:brightness(1.08)}.iw-btn-primary:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45}.iw-btn-muted{border-color:var(--iw-border);background:var(--iw-raised);color:var(--iw-text)!important}.iw-details{padding:.65rem .85rem}.iw-details summary{cursor:pointer;color:var(--iw-muted);font-size:.72rem;font-weight:700}.iw-details-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.iw-details-grid .is-wide{grid-column:span 2}.iw-preview-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:.65rem;align-items:center}.iw-document-stage{padding:1.25rem;border:1px solid var(--iw-border);border-radius:.75rem;background:#07111f}.iw-pdf-card{padding:.75rem}.iw-pdf-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.iw-pdf-toolbar strong,.iw-pdf-toolbar small{display:block}.iw-pdf-toolbar small{margin-top:.12rem;color:var(--iw-muted);font-size:.65rem}.iw-pdf-card iframe{display:block;width:min(48rem,100%);height:42rem;margin:auto;border:1px solid var(--iw-border);border-radius:.35rem;background:#fff}.iw-success{display:flex;align-items:center;gap:.8rem;padding:1rem;border-color:#145c45;background:rgb(16 185 129 / .08)}.iw-success-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;border-radius:.55rem;background:rgb(16 185 129 / .12);color:#10b981;font-size:1.2rem;font-weight:800}.iw-success strong{font-size:.82rem}.iw-success p{margin:.18rem 0 0;color:var(--iw-muted);font-size:.72rem}.iw-success-actions{display:flex;flex-wrap:wrap;gap:.55rem}.iw-customer-invoices{padding:.75rem}.iw-status{display:inline-flex;padding:.15rem .42rem;border-radius:.32rem;background:#475569;color:#fff;font-size:.59rem;font-weight:700}.iw-status-draft{background:#64748b}.iw-status-open{background:#a16207}.iw-status-paid{background:#15803d}.iw-status-overdue{background:#b91c1c}.iw-modal-backdrop{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:1rem;background:rgb(2 8 23 / .72);backdrop-filter:blur(3px)}.iw-edit-modal{width:min(36rem,100%);padding:1rem;border:1px solid var(--iw-border);border-radius:.75rem;background:var(--iw-card);box-shadow:0 24px 80px rgb(0 0 0 / .45)}.iw-edit-head{display:flex;align-items:center;justify-content:space-between}.iw-edit-head h3{margin:0;font-size:.95rem}.iw-edit-head button{border:0;background:transparent;color:var(--iw-muted);font-size:1.4rem;cursor:pointer}.iw-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.8rem}.iw-edit-grid .is-wide{grid-column:1/-1}.iw-edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.9rem}.iw-empty{padding:1.5rem;text-align:center;color:var(--iw-muted);font-size:.7rem}.iw-form-error{margin:.5rem 0 0;color:#ef4444;font-size:.7rem;font-weight:650}
.iw-document-stage{overflow:auto;padding:1rem;background:#dfe3e8}.iw-document-stage .invoice-sheet{position:relative;width:210mm;min-height:297mm;margin:0 auto;padding:10mm 15mm 12mm;background:#fff;color:#0b1a2e;font-family:Kanit,sans-serif;font-weight:200;font-size:8pt;line-height:1.28;box-shadow:0 10px 35px rgb(15 23 42/.2)}.iw-document-stage .invoice-header{display:flex;justify-content:space-between;margin:0 0 4mm}.iw-document-stage .invoice-logo{width:70mm;max-height:15mm}.iw-document-stage .invoice-sender{width:45mm;padding-left:4mm;border-left:.25mm solid #d9dee5;font-size:6.5pt;line-height:1.18}.iw-document-stage .invoice-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 7mm}.iw-document-stage .invoice-title-row h1{font-size:25pt;text-transform:none}.iw-document-stage .invoice-status{margin-top:1mm;padding:3mm 4mm;border-radius:1.5mm;background:#fff1e7;color:#d95b00;font-size:8.5pt}.iw-document-stage .invoice-status i{display:inline-block;width:2.4mm;height:2.4mm;margin-right:2mm;border-radius:50%;background:#ef6200}.iw-document-stage .invoice-parties{display:grid;grid-template-columns:49% 34%;justify-content:space-between;margin:0 0 7mm}.iw-document-stage .invoice-recipient{font-size:9pt;line-height:1.36}.iw-document-stage .invoice-label{color:#667085}.iw-document-stage .invoice-meta{width:100%}.iw-document-stage .invoice-meta th,.iw-document-stage .invoice-meta td{padding:.7mm 0;border-bottom:.2mm solid #e7e9ed}.iw-document-stage .invoice-items{border:.2mm solid #e2e6eb;border-radius:2mm}.iw-document-stage .invoice-items th{padding:2.6mm 2mm;background:#f1f4f7;color:#0b1a2e;font-size:7.2pt;font-weight:700}.iw-document-stage .invoice-items td{padding:2.5mm 2mm}.iw-document-stage .invoice-items .position{width:5%}.iw-document-stage .invoice-items .description{width:31%}.iw-document-stage .invoice-items .period{width:19%}.iw-document-stage .invoice-items .quantity{width:8%}.iw-document-stage .invoice-items .price{width:14%}.iw-document-stage .invoice-items .tax{width:9%}.iw-document-stage .invoice-items .total{width:14%}.iw-document-stage .invoice-summary{display:flex;justify-content:space-between;margin-top:6mm}.iw-document-stage .invoice-thanks{width:48%;line-height:1.55}.iw-document-stage .invoice-thanks p{margin:4mm 0 0;color:#667085;font-style:italic}.iw-document-stage .invoice-totals{width:45%;margin:0;padding:3mm 4mm;background:#f6f8fa;border-radius:2mm}.iw-document-stage .invoice-totals th,.iw-document-stage .invoice-totals td{padding:1.6mm 4mm}.iw-document-stage .invoice-totals .grand th,.iw-document-stage .invoice-totals .grand td{padding-top:3mm;font-size:12pt}.iw-document-stage .invoice-bank-strip{display:table;width:100%;margin-top:5mm;table-layout:fixed}.iw-document-stage .invoice-bank-strip>div{display:table-cell;padding:2mm 3mm;border-right:.2mm solid #d8dde4;vertical-align:top;font-size:6.8pt}.iw-document-stage .qr-sheet{display:block;height:88mm}.iw-document-stage .qr-cutline{height:7mm;padding-top:2mm;border-top:.3mm dashed #687386;text-align:center;font-size:6.5pt}.iw-document-stage .qr-layout{width:100%;height:81mm;border-collapse:collapse;table-layout:fixed}.iw-document-stage .qr-receipt,.iw-document-stage .qr-payment{padding:3mm 4mm;vertical-align:top}.iw-document-stage .qr-receipt{width:62mm;border-right:.25mm solid #9ca3af}.iw-document-stage .qr-payment{width:128mm;padding-left:6mm}.iw-document-stage .qr-sheet h2{margin:0 0 3mm;font-size:12pt}.iw-document-stage .qr-block{margin-bottom:3mm;font-size:6.8pt}.iw-document-stage .qr-code{width:43mm;height:43mm}.iw-document-stage .invoice-sheet strong,.iw-document-stage .invoice-sheet h1,.iw-document-stage .invoice-sheet h2,.iw-document-stage .invoice-meta td,.iw-document-stage .invoice-status,.iw-document-stage .invoice-items th,.iw-document-stage .invoice-totals .grand th,.iw-document-stage .invoice-totals .grand td{font-weight:600}.iw-document-stage .invoice-additional-text{margin-top:3mm;color:#344054}.iw-document-stage .qr-page{margin-top:1.25rem}.iw-document-stage .qr-page .qr-sheet{position:relative;height:280mm}.iw-document-stage .qr-page .qr-cutline{position:absolute;right:0;bottom:81mm;left:0}.iw-document-stage .qr-page .qr-layout{position:absolute;right:0;bottom:0;left:0}
@media(max-width:1180px){.iw-create-grid{grid-template-columns:1fr}.iw-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.iw-items-card{min-height:25rem}}
@media(max-width:800px){.iw-workspace-head{align-items:flex-start;flex-direction:column}.iw-stepper{width:100%;min-width:0}.iw-step strong{display:none}.iw-stepper i{min-width:1rem}.iw-source-grid,.iw-selection-grid{grid-template-columns:1fr}.iw-source-card{min-height:3.2rem}.iw-details-grid{grid-template-columns:1fr 1fr}.iw-details-grid .is-wide{grid-column:1/-1}.iw-document-stage{padding:.55rem}.iw-document{padding:1.15rem;min-width:46rem}.iw-document-stage{overflow:auto}.iw-preview-actions{grid-template-columns:1fr 1fr}.iw-preview-actions span{display:none}.iw-pdf-card iframe{height:34rem}}
@media(max-width:520px){.iw-stepper i{min-width:.45rem}.iw-step{gap:.2rem}.iw-selection-grid{display:block}.iw-selected-pane{margin-top:.6rem}.iw-compact-fields,.iw-form-row,.iw-edit-grid,.iw-details-grid{grid-template-columns:1fr}.iw-edit-grid .is-wide,.iw-details-grid .is-wide{grid-column:auto}.iw-preview-actions{grid-template-columns:1fr}.iw-preview-actions .iw-btn{width:100%}.iw-pdf-toolbar{align-items:flex-start;flex-direction:column;gap:.6rem}.iw-pdf-card iframe{height:26rem}.iw-success-actions{flex-direction:column}.iw-success-actions .iw-btn{width:100%}}