body{-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}:root{--primary:#8e1f5c;--accent:#ff8a00;--bg:#f3f3f4;--card:#fff;--border:#e8e0e6;--text:#1a1a1a;--muted:#777;--header-h:56px;--footer-h:92px}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f3f3f4;background:var(--bg);color:#1a1a1a;color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}.page{background:#f3f3f4;background:var(--bg);flex-direction:column;height:100vh}.page,.page main{display:flex;overflow:hidden}.page main{flex:1 1 auto;flex-direction:column}.app-header{align-items:center;background:#8e1f5c;background:var(--primary);color:#fff;display:flex;flex-shrink:0;height:56px;height:var(--header-h);justify-content:space-between;min-height:56px;min-height:var(--header-h);padding:0 14px}.header-left,.header-right{align-items:center;display:flex;justify-content:center;width:36px}.header-left button,.header-right button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:6px}.header-title{color:#fff;flex:1 1;font-size:15px;font-weight:700;text-align:center}.footer-nav{background:#8e1f5c;background:var(--primary);border-radius:14px 14px 0 0;flex-shrink:0;height:92px;height:var(--footer-h);justify-content:space-around;min-height:92px;min-height:var(--footer-h)}.footer-nav,.nav-item{align-items:center;display:flex}.nav-item{color:#ffffffeb;flex-direction:column;font-size:10px;font-weight:500;gap:4px}.nav-item img{filter:brightness(0) invert(1);height:22px;width:22px}.powered-text{background:#8e1f5c;background:var(--primary);color:#777;color:var(--muted);color:#ffffffb3;flex-shrink:0;font-size:9px;padding:4px 0 6px;text-align:center}.powered-text--light{background:#0000;color:#ffffffd9;flex-shrink:0;font-size:9px;padding:8px 0 6px}.scroll-area{-webkit-overflow-scrolling:touch;flex:1 1;gap:14px;overflow-y:auto;padding:14px 12px;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.home-card{background:#fff;background:var(--card);border-radius:18px;gap:12px;padding:28px 20px}.home-card,.home-scroll-area{display:flex;flex-direction:column}.home-scroll-area{align-items:center;justify-content:center}.home-scroll-area .home-card,.home-scroll-area .salesrep-dropdown{width:100%}.logo-area{flex-shrink:0;padding:32px 12px 0;text-align:center}.logo-area img{height:auto;width:150px}.salesrep-dropdown{margin:0 2px;position:relative}.rep-trigger{align-items:center;background:#fff;background:var(--card);border:1px solid #e8e0e6;border:1px solid var(--border);border-radius:12px;color:#777;color:var(--muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;justify-content:space-between;padding:12px 14px;text-align:left;width:100%}.rep-trigger:focus,.rep-trigger[aria-expanded=true]{border-color:#8e1f5c;border-color:var(--primary);outline:none}.rep-trigger:disabled{cursor:not-allowed;opacity:.7}.rep-listbox{background:#fff;background:var(--card);border:1px solid #e8e0e6;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.rep-option{border-radius:8px;color:#1a1a1a;color:var(--text);cursor:pointer;font-size:13px;padding:10px 12px}.rep-option:hover{background:#f3f3f4;background:var(--bg)}.rep-option--placeholder{color:#777;color:var(--muted)}.rep-option--selected{background:#8e1f5c14;color:#8e1f5c;color:var(--primary);font-weight:600}.create-invoice-block{align-items:center;gap:6px;text-align:center}.create-invoice-block img{height:64px;margin-bottom:4px;width:64px}.create-invoice-block h3{color:#1a1a1a;color:var(--text);font-size:17px;font-weight:800;margin:0}.create-invoice-block p{color:#777;color:var(--muted);font-size:12px;line-height:1.5;margin:0;max-width:240px;text-align:center}.create-invoice-block button{background:#8e1f5c;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:8px;padding:14px 0;width:100%}.create-invoice-block button:disabled{background:#8e1f5c;background:var(--primary);cursor:not-allowed;opacity:.45}.create-invoice-page main{display:flex;flex-direction:column;overflow:hidden}.create-invoice{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:14px 12px;scrollbar-width:none}.create-invoice::-webkit-scrollbar{display:none}.invoice-card{background:#fff;background:var(--card);border-radius:16px;flex-shrink:0;padding:16px}.invoice-card--items{display:flex;flex:1 1;flex-direction:column;min-height:0}.invoice-card--summary{display:flex;flex-direction:column}.customer-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.customer-row .label{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:700}.rep-badge{background:#fff;background:var(--card);border:1px solid #e8e0e6;border:1px solid var(--border);border-radius:10px;color:#8e1f5c;color:var(--primary);font-size:12px;font-weight:600;padding:5px 10px}.form-row{margin-bottom:12px}.form-row input{background:#fafafa;border:1px solid #e8e0e6;border:1px solid var(--border);border-radius:10px;color:#1a1a1a;color:var(--text);font-size:13px;outline:none;padding:10px 12px;width:100%}.form-row input:focus{border-color:#8e1f5c;border-color:var(--primary)}.error{color:#e03c3c;font-size:11px;margin-top:4px}.items{display:flex;flex:1 1;flex-direction:column;min-height:0}.items-label{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:700;margin-bottom:8px}.table-head{grid-gap:6px;background:#8e1f5c;background:var(--primary);border-radius:8px;color:#fff;display:grid;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;grid-template-columns:2fr 1fr 1.1fr 32px;padding:9px 10px}.table-head div{text-align:center}.table-head>div:nth-child(3){grid-column:3/span 2}.items-scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:none}.items-scroll::-webkit-scrollbar{display:none}.item-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:2fr 1fr 1.1fr 32px;margin-top:6px}.item-row .field-col{display:flex;flex-direction:column}.item-row .field-col input.input-error{border-color:#e03c3c;box-shadow:0 0 0 4px #e03c3c0f}.toast-root{align-items:center;justify-content:center;left:0;pointer-events:none;right:0;top:24px;z-index:9999}.toast-root .toast{background:#000000d9;border-radius:8px;box-shadow:0 6px 18px #0000001f;color:#fff;font-size:13px;max-width:calc(100% - 40px);padding:10px 14px;pointer-events:auto}.item-row input{background:#fff;background:var(--card);border:1px solid #e8e0e6;border:1px solid var(--border);border-radius:8px;color:#1a1a1a;color:var(--text);font-size:12px;outline:none;padding:7px 6px;width:100%}.item-row input:focus{border-color:#8e1f5c;border-color:var(--primary)}.item-row input[type=number]{text-align:center}.remove-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:4px}.remove-btn:hover{color:#e03c3c}.add-item{background:#0000;border:2px solid #8e1f5c;border:2px solid var(--primary);border-radius:10px;color:#8e1f5c;color:var(--primary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;margin-top:10px;padding:10px;width:100%}.add-item:hover{background:#8e1f5c0a}.summary{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.summary>div{color:#1a1a1a;color:var(--text);display:flex;font-size:13px;justify-content:space-between;padding:2px 0}.summary .total{color:#8e1f5c;color:var(--primary);font-size:15px;font-weight:700;padding-top:4px}.page-footer{background:#8e1f5c;background:var(--primary);border-radius:14px 14px 0 0;flex-shrink:0;padding:12px 12px 0}.actions{display:flex;flex-shrink:0;gap:8px;margin-top:0}.actions button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:12px 6px}.btn-sales-order{background:#0000!important;border:2px solid #fff!important;color:#fff!important}.actions .wa{background:#ff8a00;background:var(--accent);color:#fff;gap:6px}.actions .wa,.confirm-backdrop{align-items:center;display:flex;justify-content:center}.confirm-backdrop{background:#00000073;inset:0;position:fixed;z-index:2000}.confirm-dialog{background:#fff;background:var(--card);border-radius:14px;box-shadow:0 8px 32px #0000002e;padding:20px;width:290px}.confirm-dialog h4{color:#1a1a1a;color:var(--text);font-size:15px;font-weight:700;margin:0 0 8px}.confirm-dialog p{color:#777;color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 16px}.confirm-dialog .dialog-actions{display:flex;gap:10px;justify-content:stretch}.confirm-dialog .dialog-actions button{border:1px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:11px 16px}.confirm-dialog .btn-cancel{background:#f3f3f4;background:var(--bg);border-color:#e8e0e6;border-color:var(--border);color:#1a1a1a;color:var(--text)}.confirm-dialog .btn-confirm{background:#8e1f5c;background:var(--primary);color:#fff}.invoice-preview .scroll-area{padding:14px 12px}.invoice-container{background:#fff;background:var(--card);border-radius:16px;padding:18px 16px}.invoice-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}.invoice-logo-mark{height:auto;width:56px}.invoice-datetime{color:#1a1a1a;color:var(--text);font-size:11px;line-height:1.6;text-align:right}.invoice-meta{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.invoice-meta .bill-side{flex:1 1}.invoice-meta .bill-label{color:#1a1a1a;color:var(--text);font-size:12px;font-weight:700}.invoice-meta .bill-name{color:#8e1f5c;color:var(--primary);font-size:12px;font-weight:600;margin-top:3px}.invoice-meta .rep-side{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.invoice-meta .rep-pill{background:#8e1f5c;background:var(--primary);border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:5px 11px;white-space:nowrap}.items-table{border-collapse:collapse;margin-top:4px;table-layout:fixed;width:100%}.items-table col.col-model{width:40%}.items-table col.col-price,.items-table col.col-qty,.items-table col.col-total{width:20%}.items-table thead tr{background:#8e1f5c;background:var(--primary);color:#fff}.items-table thead th{font-size:11px;font-weight:600;padding:8px;text-align:left}.items-table thead th:nth-child(2){text-align:center}.items-table thead th:nth-child(3),.items-table thead th:nth-child(4){text-align:right}.items-table thead th:first-child{border-radius:6px 0 0 6px}.items-table thead th:last-child{border-radius:0 6px 6px 0}.items-table tbody td{border-bottom:1px solid #f2f2f2;color:#1a1a1a;color:var(--text);font-size:12px;padding:8px}.items-table tbody td:nth-child(2){text-align:center}.items-table tbody td:nth-child(3),.items-table tbody td:nth-child(4){text-align:right}.invoice-total{align-items:center;background:#f3f3f4;background:var(--bg);border-radius:8px;display:grid;grid-template-columns:40% 20% 20% 20%;margin-top:4px;padding:10px 8px}.invoice-total .total-label{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:700}.invoice-total .total-qty{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:600;text-align:center}.invoice-total .total-value{color:#8e1f5c;color:var(--primary);font-size:14px;font-weight:800;grid-column:3/span 2;text-align:right}.payment-status-bar{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin-top:10px;padding:12px 14px}.payment-status-bar--paid{background:#ff8a00;background:var(--accent)}.payment-status-bar--pending{background:#777;background:var(--muted)}.preview-actions{display:flex;gap:8px;margin-top:12px}.preview-actions button{background:#8e1f5c;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:12px}.toast-root{bottom:88px;display:flex;flex-direction:column;gap:8px;left:16px;position:fixed;z-index:3000}.toast{background:#000000d1;border-radius:8px;color:#fff;font-size:13px;padding:9px 14px}@media (min-width:600px){.page{margin:0 auto;max-width:420px}}
/*# sourceMappingURL=main.03fc54f9.css.map*/