/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#f1f0ec;--color-panel:#fff;--color-panel-2:#f6f4ef;--color-line:#e3e1d9;--color-text:#23272e;--color-muted:#6c7480;--color-faint:#9aa1ab;--color-orange:#d97b25;--color-orange-dim:#d97b2518;--color-green:#2e7d5b;--color-green-dim:#2e7d5b14;--color-red:#c4453a;--color-red-dim:#c4453a12;--color-blue:#38648f;--color-blue-dim:#38648f14;--font-ui:"Bai Jamjuree", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.contents{display:contents}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);min-height:100vh;font-size:15px}:focus-visible{outline:2px solid var(--color-orange);outline-offset:1px;border-radius:2px}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{grid-template-columns:218px 1fr;min-height:100vh;display:grid}.app.with-rail{grid-template-columns:218px 1fr 300px}.rail{border-right:1px solid var(--color-line);background:var(--color-panel);flex-direction:column;gap:.15rem;padding:1.3rem .9rem;display:flex}.brand{color:inherit;align-items:baseline;gap:.5rem;padding:0 .6rem 1.3rem;text-decoration:none;display:flex}.brand .mark{font-family:var(--font-mono);color:#fff;background:var(--color-orange);border-radius:5px;padding:.15rem .45rem;font-size:1.05rem;font-weight:700}.brand .name{letter-spacing:.02em;font-size:.95rem;font-weight:600}.rail a{color:var(--color-muted);border-radius:7px;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.rail a:hover{color:var(--color-text);background:var(--color-panel-2)}.rail a.active{color:var(--color-text);background:var(--color-panel-2);box-shadow:inset 2px 0 0 var(--color-orange)}.rail a .n{font-family:var(--font-mono);color:var(--color-faint);margin-left:auto;font-size:.72rem}.rail .sect{letter-spacing:.14em;color:var(--color-faint);padding:1.1rem .6rem .4rem;font-size:.68rem;font-weight:600}.rail .foot{border-top:1px solid var(--color-line);color:var(--color-faint);margin-top:auto;padding:.8rem .6rem 0;font-size:.75rem;line-height:1.6}.rail .foot-user{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.rail .foot-user .uname{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.rail .logout-btn{color:var(--color-muted);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.72rem;font-weight:600;text-decoration:underline}.rail .logout-btn:hover{color:var(--color-red)}.main{min-width:0;padding:1.3rem 1.8rem}.btn{font-family:var(--font-ui);border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--color-orange);border-color:var(--color-orange);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.danger{color:var(--color-red)}.btn.danger:hover:not(:disabled){border-color:var(--color-red)}.btn.small{border-radius:6px;padding:.3rem .7rem;font-size:.78rem}.field{flex-direction:column;gap:.3rem;display:flex}.field label{color:var(--color-muted);font-size:.78rem;font-weight:500}.input,.select,.textarea{font-family:var(--font-ui);border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-text);border-radius:8px;width:100%;padding:.5rem .7rem;font-size:.88rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-orange);outline:none}.input.mono{font-family:var(--font-mono)}.textarea{resize:vertical;min-height:4.5rem}.cmdbar{align-items:center;gap:.8rem;margin-bottom:1.4rem;display:flex}.search{background:var(--color-panel);border:1px solid var(--color-line);color:var(--color-faint);border-radius:8px;flex:1;align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.88rem;display:flex}.search input{font-family:var(--font-ui);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.search input::placeholder{color:var(--color-faint)}.search kbd{font-family:var(--font-mono);border:1px solid var(--color-line);color:var(--color-muted);border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.kpis{grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.5rem;display:grid}.kpi{background:var(--color-panel);border:1px solid var(--color-line);border-radius:10px;padding:.9rem 1.1rem;box-shadow:0 1px 2px #23272e0d}.kpi .k{color:var(--color-muted);justify-content:space-between;font-size:.78rem;font-weight:500;display:flex}.kpi .k .dot{border-radius:50%;align-self:center;width:8px;height:8px}.kpi .v{font-family:var(--font-mono);letter-spacing:-.01em;margin-top:.35rem;font-size:1.5rem;font-weight:600}.kpi .s{color:var(--color-faint);margin-top:.2rem;font-size:.74rem}.kpi.due .v{color:var(--color-red)}.kpi.due .dot{background:var(--color-red)}.kpi.open .v{color:var(--color-orange)}.kpi.open .dot{background:var(--color-orange)}.kpi.paid .v{color:var(--color-green)}.kpi.paid .dot{background:var(--color-green)}.tablewrap{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #23272e0d}.tablehead{border-bottom:1px solid var(--color-line);align-items:center;gap:.8rem;padding:.85rem 1.1rem;display:flex}.tablehead h2{font-size:.95rem;font-weight:600}.filters{gap:.4rem;margin-left:auto;display:flex}.chipbtn{font-family:var(--font-ui);border:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:500}.chipbtn.on{color:var(--color-orange);border-color:var(--color-orange);background:var(--color-orange-dim)}.chipbtn:hover{color:var(--color-text)}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.1em;color:var(--color-faint);border-bottom:1px solid var(--color-line);padding:.6rem 1.1rem;font-size:.7rem;font-weight:600}th.num,td.num{text-align:right}td{border-bottom:1px solid var(--color-line);vertical-align:middle;padding:.7rem 1.1rem;font-size:.88rem}tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover{background:var(--color-panel-2)}tr.selected{background:var(--color-panel-2);box-shadow:inset 2px 0 0 var(--color-orange)}td .cust{font-weight:500}td .proj{color:var(--color-faint);margin-top:.1rem;font-size:.76rem;display:block}.docno{font-family:var(--font-mono);font-size:.82rem;font-weight:500}.amount{font-family:var(--font-mono);font-size:.88rem;font-weight:600}.date{color:var(--color-muted);white-space:nowrap;font-size:.82rem}.type{font-family:var(--font-mono);border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.type.q{color:var(--color-blue);background:var(--color-blue-dim)}.type.i{color:var(--color-orange);background:var(--color-orange-dim)}.type.t{color:var(--color-green);background:var(--color-green-dim)}.status{white-space:nowrap;border-radius:999px;padding:.18rem .6rem;font-size:.76rem;font-weight:600;display:inline-block}.status.draft{color:var(--color-muted);background:#6c748014}.status.sent{color:var(--color-blue);background:var(--color-blue-dim)}.status.billed{color:var(--color-orange);background:var(--color-orange-dim)}.status.overdue{color:var(--color-red);background:var(--color-red-dim)}.status.paid{color:var(--color-green);background:var(--color-green-dim)}.lineage{border-left:1px solid var(--color-line);background:var(--color-panel);flex-direction:column;padding:1.3rem 1.2rem;display:flex}.lineage h3{letter-spacing:.14em;color:var(--color-faint);margin-bottom:.3rem;font-size:.72rem;font-weight:600}.lineage .deal{margin-bottom:.2rem;font-size:.98rem;font-weight:600;line-height:1.4}.lineage .dealsub{color:var(--color-muted);margin-bottom:1.4rem;font-size:.78rem}.chain{margin-left:7px;position:relative}.chain:before{content:"";background:var(--color-line);width:2px;position:absolute;top:10px;bottom:12px;left:0}.node{padding:0 0 1.3rem 1.4rem;position:relative}.node:last-child{padding-bottom:0}.node:before{content:"";background:var(--color-panel);border:3px solid var(--color-faint);border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-5px}.node.done:before{border-color:var(--color-green);background:var(--color-green)}.node.now:before{border-color:var(--color-orange);background:var(--color-bg)}.node .nno{font-family:var(--font-mono);font-size:.84rem;font-weight:600}.node .nlabel{color:var(--color-text);font-size:.82rem;font-weight:500}.node .nmeta{color:var(--color-muted);margin-top:.15rem;font-size:.76rem;line-height:1.5}.node .namount{font-family:var(--font-mono);color:var(--color-text);font-size:.8rem}.node.next .nlabel,.node.next .nno{color:var(--color-faint)}.lineage .actions{flex-direction:column;gap:.55rem;margin-top:1.5rem;display:flex}.lineage .actions .btn{text-align:center;width:100%}.lineage .hint{color:var(--color-faint);margin-top:auto;padding-top:1.2rem;font-size:.73rem;line-height:1.7}.lineage .hint kbd{font-family:var(--font-mono);border:1px solid var(--color-line);border-radius:4px;padding:0 .35rem;font-size:.68rem}.lineage .empty{color:var(--color-faint);font-size:.85rem;line-height:1.6}.card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;padding:1.1rem 1.2rem}.card h3{letter-spacing:.12em;color:var(--color-faint);margin-bottom:.7rem;font-size:.72rem;font-weight:700}.actions-inline{justify-content:flex-end;gap:.4rem;display:flex}.empty-state{text-align:center;color:var(--color-faint);padding:3rem 1.5rem;font-size:.9rem;line-height:1.7}.loading-state{text-align:center;color:var(--color-muted);flex-direction:column;align-items:center;gap:.7rem;padding:3rem 1.5rem;font-size:.9rem;display:flex}.error-state{text-align:center;color:var(--color-red);padding:2rem 1.5rem;font-size:.9rem;line-height:1.7}.spinner{border:3px solid var(--color-line);border-top-color:var(--color-orange);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{z-index:200;flex-direction:column;gap:.6rem;display:flex;position:fixed;top:1.2rem;right:1.2rem}.toast{background:var(--color-text);color:#fff;border-radius:8px;align-items:flex-start;gap:.6rem;min-width:240px;max-width:360px;padding:.75rem 1rem;font-size:.85rem;display:flex;box-shadow:0 8px 24px #0000002e}.toast.error{background:var(--color-red)}.toast.success{background:var(--color-green)}.toast button{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.9rem;line-height:1}.modal-backdrop{z-index:100;background:#23272e66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--color-panel);border-radius:12px;flex-direction:column;width:100%;max-width:32rem;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000040}.modal-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:1rem 1.3rem;display:flex}.modal-header h2{font-size:1rem;font-weight:600}.modal-header button{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.2rem;line-height:1}.modal-body{flex-direction:column;gap:.9rem;padding:1.2rem 1.3rem;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-line);background:var(--color-panel-2);border-radius:0 0 12px 12px;justify-content:flex-end;gap:.6rem;padding:1rem 1.3rem;display:flex}.editor-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.editor-head .title{align-items:baseline;gap:.6rem;display:flex}.editor-head h1{font-size:1.25rem;font-weight:600}.editor-head .docno{color:var(--color-muted);font-size:1rem}.editor-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}.editor-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.2rem;display:grid}.editor-grid.two{grid-template-columns:repeat(2,1fr)}.items-table{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;margin-bottom:1.2rem;overflow:hidden}.items-table table{width:100%}.items-table td{vertical-align:top;padding:.4rem .6rem}.items-table input{width:100%;font-family:var(--font-ui);background:0 0;border:1px solid #0000;border-radius:5px;padding:.35rem .4rem;font-size:.85rem}.items-table input:hover{border-color:var(--color-line)}.items-table input:focus{border-color:var(--color-orange);background:var(--color-panel);outline:none}.items-table input.num{text-align:right;font-family:var(--font-mono)}.items-table .row-actions{justify-content:center;gap:.25rem;display:flex}.items-table .row-actions button{border:1px solid var(--color-line);cursor:pointer;width:22px;height:22px;color:var(--color-muted);background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:inline-flex}.items-table .row-actions button:hover{color:var(--color-text);border-color:var(--color-faint)}.items-table .row-actions button.active{color:var(--color-orange);border-color:var(--color-orange);background:var(--color-orange-dim)}.items-table .addrow{border-top:1px solid var(--color-line);padding:.6rem .8rem}.totals-footer{justify-content:flex-end;margin-bottom:1.4rem;display:flex}.totals-footer table{width:auto;min-width:18rem}.totals-footer td{border:none;padding:.4rem .9rem;font-size:.88rem}.totals-footer .lbl{color:var(--color-muted)}.totals-footer .val{text-align:right;font-family:var(--font-mono);font-weight:600}.totals-footer tr.grand .val{color:var(--color-orange);font-size:1.1rem}.app-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:14px;flex-direction:column;gap:1.5rem;width:100%;max-width:22rem;padding:2.3rem 2rem;display:flex;box-shadow:0 20px 60px #23272e1a}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.7rem;display:flex}.login-brand .mark{font-family:var(--font-mono);color:#fff;background:var(--color-orange);border-radius:10px;padding:.5rem .9rem;font-size:1.3rem;font-weight:700}.login-brand .name{letter-spacing:.02em;font-size:1.05rem;font-weight:600}.login-form{flex-direction:column;gap:1rem;display:flex}.login-error{color:var(--color-red);text-align:center;margin:0;font-size:.82rem}.login-submit{width:100%;margin-top:.2rem}.combobox{position:relative}.combobox-list{background:var(--color-panel);border:1px solid var(--color-line);z-index:50;border-radius:8px;max-height:14rem;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.combobox-list button{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;padding:.5rem .8rem;font-size:.85rem;display:block}.combobox-list button:hover,.combobox-list button.active{background:var(--color-panel-2)}.combobox-list .divider{border-top:1px solid var(--color-line)}.combobox-list .new-customer{color:var(--color-orange);font-weight:600}@media (width<=1180px){.app.with-rail{grid-template-columns:200px 1fr}.lineage{display:none}}@media (width<=860px){.app{grid-template-columns:1fr}.rail{border-right:none;border-bottom:1px solid var(--color-line);flex-direction:row;align-items:center;padding:.8rem 1rem;overflow-x:auto}.rail .sect,.rail .foot{display:none}.brand{padding:0 .8rem 0 0}.kpis{grid-template-columns:1fr}.main{padding:1rem}.editor-grid{grid-template-columns:1fr}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}