:root{color:#1f2328;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafbfb;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}:root{--bg:#fafbfb;--surface:#fff;--border:#eceeef;--border-strong:#dfe2e4;--text:#1f2328;--text-2:#4b5258;--muted:#8a9096;--brand:#8d6821;--brand-2:#99793f;--brand-dark:#5f440c;--gold:#b58f35;--gold-hover:#a07d2a;--cream:#fdf7df;--cream-border:#d9bd74;--green:#2e9b5f;--green-bg:#e6f6ec;--amber:#e49e40;--amber-bg:#fdf1df;--blue:#3d6ff2;--blue-bg:#ecf2fe;--red:#d43f25;--red-bg:#fdecea;--purple:#8a4fc7;--purple-bg:#f4ecfc;--slate:#5b6670;--slate-bg:#eef0f2;--mint:#5cc8a0;--radius:14px;--radius-sm:8px;--shadow:0 1px 2px #1118270a;--shadow-lg:0 12px 40px #11182729;--sidebar:244px;--topbar:80px}.boot{background:var(--bg);place-items:center;min-height:100vh;display:grid}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);background:var(--bg);min-height:100vh;color:var(--text);background:linear-gradient(to right, var(--brand) var(--sidebar), var(--bg) var(--sidebar));font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;display:grid}.app-shell *,.overlay *{box-sizing:border-box}.app-shell button{cursor:pointer;font-family:inherit}.app-shell button:disabled{cursor:not-allowed;opacity:.55}.app-shell :focus-visible,.overlay :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app-shell input,.app-shell select,.app-shell textarea,.overlay input,.overlay select,.overlay textarea{font:inherit;color:var(--text)}.app-shell h1,.app-shell h2,.app-shell h3,.overlay h2,.overlay h3,.app-shell p{margin:0}.sidebar-nav{background:var(--brand);color:#fff;z-index:30;flex-direction:column;height:100vh;padding:18px 20px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.wordmark{color:#fff;padding:2px 0 28px;font-family:Allura,Great Vibes,cursive;font-size:34px;line-height:1;text-decoration:none;display:block}.sidebar-nav nav{flex-direction:column;gap:4px;display:flex}.nav-group{border-radius:16px}.nav-group.expanded{color:var(--brand-dark);background:#fff;padding-bottom:8px}.nav-item{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:16px;font-weight:500;display:flex}.nav-item:hover{background:#ffffff14}.nav-group.expanded .nav-item:hover{background:0 0}.nav-chevron{opacity:.8;margin-left:auto}.nav-children{flex-direction:column;gap:2px;padding:0 6px 0 14px;display:flex}.nav-child{color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.nav-child:hover{background:#f6f2e6}.nav-child.active{color:var(--brand-dark);font-weight:600}.help-btn{background:var(--brand-2);color:#fff;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:12px 14px;font-weight:500;text-decoration:none;display:flex}.sidebar-scrim{display:none}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;height:var(--topbar);border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.menu-btn{display:none}.period-select{color:var(--text-2);align-items:center;display:flex;position:relative}.period-select select{appearance:none;color:var(--text);background:0 0;border:0;padding:8px 22px 8px 0;font-size:16px}.period-select svg{pointer-events:none;position:absolute;right:2px}.kpi-chips{scrollbar-width:none;flex:1;gap:12px;min-width:0;display:flex;overflow-x:auto}.kpi-chips::-webkit-scrollbar{display:none}.kpi-chip{white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:flex}.kpi-chip small{color:var(--text-2);font-size:12px;display:block}.kpi-chip strong{font-size:15px;font-weight:600;display:block}.chip-icon{background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.chip-green{background:#def3e9}.chip-green .chip-icon{color:var(--green)}.chip-blue{background:#d3e7fa}.chip-blue .chip-icon{color:var(--blue)}.chip-rose{background:#fae5e7}.chip-rose .chip-icon{color:#d6455d}.chip-lavender{background:#e5e4fb}.chip-lavender .chip-icon{color:#5b55d6}.chip-peach{background:#f7eadc}.chip-peach .chip-icon{color:#c4892f}.user-menu{flex-shrink:0;margin-left:auto;position:relative}.app-shell .user-chip{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:4px;display:flex}.app-shell .user-chip strong{font-size:16px;font-weight:600;display:block}.app-shell .user-chip small{color:var(--text-2);font-size:12px;display:block}.user-dropdown{min-width:220px;top:calc(100% + 6px);right:0}.menu-caption{color:var(--muted);padding:8px 12px 4px;font-size:12px}.app-content{padding:24px}.page{flex-direction:column;gap:24px;max-width:1480px;display:flex}.page-header{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.crumbs{color:var(--text-2);font-size:13px}.page-header-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.page-title{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.page-title h1{color:var(--brand-dark);letter-spacing:-.01em;font-size:26px;font-weight:600}.pills{flex-wrap:wrap;gap:8px;display:flex}.quick-pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 11px;font-size:14px;text-decoration:none;display:inline-flex}.qp-blue{color:var(--blue);background:var(--blue-bg);border-color:#bcd0fb}.qp-grey{color:var(--text);background:#f4f5f6;border-color:#c9cdd1}.qp-green{color:#2f8a3e;background:#eef8ef;border-color:#b8dfbf}.qp-red{color:#c43a2a;background:#fdeeec;border-color:#f2c0b9}.qp-mint{color:#43b28a;background:#effaf5;border-color:#bfe8d6}.qp-purple{color:var(--purple);background:var(--purple-bg);border-color:#dcc6f3}.page-actions{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.date-chip{border:1px solid var(--border-strong);background:#fff;border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:6px 12px;font-size:16px;display:flex}.badge-count{background:var(--red);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:grid}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--gold);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--gold-hover)}.btn-outline{border-color:var(--border-strong);color:var(--text);background:#fff}.btn-outline:hover:not(:disabled){background:#fafafa;border-color:#c8ccd0}.btn-ghost{color:var(--text-2);background:0 0}.btn-cream{background:var(--cream);border-color:var(--cream-border);color:var(--brand-dark);font-weight:600}.btn-danger{color:var(--red);background:#fff;border-color:#f2c0b9}.btn.wide{width:100%}.btn.grow{flex:1}.icon-btn{width:34px;height:34px;color:var(--text-2);background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:#f2f3f4}.icon-btn.danger{color:var(--red)}.icon-btn.tiny{width:20px;height:20px;margin-left:4px}.link{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card>h2,.card-head h2{color:var(--text);flex-wrap:wrap;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.card>h2{margin-bottom:16px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-sub{width:100%;color:var(--text-2);margin-top:2px;font-size:12px;font-weight:400;display:block}.card.narrow{max-width:720px}.hint-line{color:var(--muted);margin-top:8px;font-size:13px}.count-chip{background:#f1f2f3;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill-green{background:var(--green-bg);color:var(--green)}.pill-amber{background:var(--amber-bg);color:#b9741c}.pill-blue{background:var(--blue-bg);color:var(--blue)}.pill-red{background:var(--red-bg);color:var(--red)}.pill-purple{background:var(--purple-bg);color:var(--purple)}.pill-slate{background:var(--slate-bg);color:var(--slate)}.pill-solid.pill-green{color:#fff;background:#3e8e41}.pill-solid.pill-amber{background:var(--amber);color:#fff}.pill-solid.pill-blue{color:#fff;background:#5f96f1}.pill-solid.pill-red{background:var(--red);color:#fff}.pill-solid.pill-purple{background:var(--purple);color:#fff}.pill-solid.pill-slate{background:var(--slate);color:#fff}.status-dot{align-items:center;gap:6px;font-size:14px;display:inline-flex}.status-dot i{background:var(--slate);border-radius:50%;width:7px;height:7px}.dot-green i{background:#3cc48a}.dot-amber i{background:#f0b432}.dot-red i{background:#e2524a}.dot-blue i{background:var(--blue)}.dot-purple i{background:var(--purple)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--text);font-size:14px;font-weight:500}.field-hint{color:var(--muted);font-size:12px}.field-error{color:var(--red);font-size:13px}.field input,.field textarea,.discount-row input,.inline-input,.copy-row input{border:1px solid var(--border-strong);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:10px 14px}.field textarea{resize:vertical;min-height:88px}.field input::placeholder,.field textarea::placeholder,.search input::placeholder,.discount-row input::placeholder{color:#9aa0a6}.field input:focus,.field textarea:focus,.search:focus-within,.select:focus-within,.discount-row input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b58f3526}.readonly{color:var(--text-2);background:#f3f4f5!important}.select{align-items:center;min-width:0;display:flex;position:relative}.select select{appearance:none;border:1px solid var(--border-strong);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:10px 36px 10px 14px;font-size:15px}.select svg{pointer-events:none;color:var(--text-2);position:absolute;right:12px}.select.small select{min-height:38px;padding:6px 30px 6px 12px;font-size:14px}.select.small svg{right:10px}.select.inline{min-width:180px;display:inline-flex}.search{border:1px solid var(--border-strong);background:#fff;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 14px;display:flex}.search svg{color:var(--text-2);flex-shrink:0}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 0;font-size:16px}.search-clear{background:#f1f2f3;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.alert{background:var(--red-bg);color:#a3301c;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:14px;display:flex}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.kpi-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{flex-direction:column;gap:10px;display:flex}.kpi-top{color:var(--text-2);justify-content:space-between;align-items:flex-start;font-size:16px;display:flex}.kpi-card>strong{letter-spacing:-.01em;font-size:30px;font-weight:600}.kpi-icon{background:var(--cream);width:40px;height:40px;color:var(--gold);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.kpi-icon.square{color:var(--text);background:#f3f4f5;border-radius:8px;width:56px;height:56px}.change{align-items:center;gap:4px;font-size:12px;display:inline-flex}.change.up{color:var(--green)}.change.down{color:var(--red)}.change.neutral{color:var(--muted)}.add-tile{color:var(--text);background:#fffdf5;border:1px solid #f1e4bd;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:16px;font-weight:500;display:flex}.add-circle{width:40px;height:40px;color:var(--brand-dark);background:#f9eabf;border-radius:50%;place-items:center;display:grid}.chart-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(280px,.95fr);gap:24px;display:grid}.chart-card .card-head{align-items:flex-start;margin-bottom:4px}.chart{width:100%;height:auto;display:block}.chart-grid{stroke:#e5e7ea;stroke-dasharray:3 4}.chart-axis{fill:var(--text-2);font-family:inherit;font-size:10px}.legend{color:var(--text-2);gap:10px;width:100%;font-size:11px;display:flex}.legend span:before{content:"";vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.lg-mint:before{background:var(--mint)}.lg-blue:before{background:var(--blue)}.stack{flex-direction:column;gap:24px;display:flex}.payment-card>h2,.conversion-card>h2{color:var(--text-2);font-size:16px;font-weight:500}.payment-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.payment-tile{color:var(--text-2);background:#f7f8f8;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;font-size:15px;display:flex}.payment-tile strong{color:var(--text);font-size:26px;font-weight:600}.conversion{align-items:center;gap:16px;display:flex}.conversion strong{font-size:28px;font-weight:600;display:block}.app-shell .table-card{padding:20px 24px}.table-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.table-tools .search{background:#f3f4f5;border-color:#0000;min-width:240px}.filter-row{gap:12px;max-width:320px;margin-bottom:12px;display:flex}.table-scroll{border-top:1px solid var(--border);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:15px}.data-table th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);white-space:nowrap;background:#f7f8f8;padding:12px 14px;font-size:14px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);white-space:nowrap;padding:12px 14px}.data-table td strong{font-weight:500;display:block}.data-table td small{color:var(--text-2);margin-top:2px;font-size:12px;display:block}.data-table tr:hover td{background:#fcfcfc}.data-table td.warn{color:var(--red);font-weight:600}.row-actions{gap:4px;display:flex}.with-avatar,.with-thumb{align-items:center;gap:10px;display:inline-flex}.pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:18px;display:flex}.page-step{color:var(--text-2);background:0 0;border:0;align-items:center;gap:8px;font-size:14px;display:inline-flex}.page-numbers{align-items:center;gap:4px;display:flex}.page-numbers button{min-width:38px;height:38px;color:var(--text-2);background:0 0;border:0;border-radius:8px;font-size:14px}.page-numbers button.active{color:var(--text);background:#f3f4f5;font-weight:600}.page-numbers span{color:var(--muted);padding:0 6px}.leader-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.leader-card .card-head h2{font-size:26px}.leader-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.leader-line:last-child{border-bottom:0}.leader-line strong{font-weight:500;display:block}.leader-line small{color:var(--text-2);font-size:14px;display:block}.avatar{border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:inline-grid}.menu{position:relative}.menu-list{z-index:40;border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow-lg);background:#fff;border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu-list button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.menu-list button:hover{background:#f5f5f6}.overlay{z-index:60;color:var(--text);background:#241e1252;justify-content:flex-end;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;inset:0}.overlay-center{justify-content:center;align-items:flex-start;padding:8vh 16px 16px;overflow-y:auto}.drawer{width:min(472px,100%);height:100%;box-shadow:var(--shadow-lg);background:#fff;padding:36px 24px 24px;position:relative;overflow-y:auto}.drawer-close{position:absolute;top:8px;right:8px}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:18px;display:flex}.drawer-head h2{font-size:26px;font-weight:600}.drawer-head p{color:var(--text-2);margin-top:4px;font-size:16px}.drawer-section{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:18px 0;display:flex}.drawer-section h3{font-size:18px;font-weight:600}.info-line{color:var(--text);align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.info-line a{color:inherit;text-decoration:none}.underline{text-decoration:underline}.kv{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;padding-left:12px;font-size:16px;display:flex}.kv strong{color:var(--text);font-weight:500}.kv .inline-input{max-width:200px;min-height:36px;padding:6px 10px}.link-blue{color:var(--blue)!important}.drawer-actions{grid-template-columns:1fr 1fr;gap:20px;padding-top:20px;display:grid}.modal{width:100%;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;padding:22px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h2{font-size:20px;font-weight:600}.done-sheet{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.done-icon{color:var(--green)}.done-sheet h3{font-size:22px}.done-sheet .form-actions{justify-content:center;margin-top:12px}.toast{z-index:80;color:#fff;max-width:420px;box-shadow:var(--shadow-lg);background:#1f2328;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px}.toast-error{background:#9c2b18}.empty{text-align:center;color:var(--text-2);flex-direction:column;grid-column:1/-1;align-items:center;gap:6px;padding:28px 12px;display:flex}.empty strong{color:var(--text);font-size:16px;font-weight:600}.empty p{max-width:360px;font-size:14px}.empty-icon{background:var(--cream);width:48px;height:48px;color:var(--gold);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.spinner{color:var(--text-2);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.spinner span{border:2px solid #e6dcc0;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pos-layout,.form-layout{grid-template-columns:minmax(0,1fr) minmax(340px,424px);align-items:start;gap:24px;display:grid}.pos-main,.form-main,.pos-side{flex-direction:column;gap:24px;min-width:0;display:flex}.mode-tabs{flex-wrap:wrap;gap:22px;margin-bottom:18px;display:flex}.radio{cursor:pointer;align-items:center;gap:8px;font-size:16px;display:inline-flex}.radio input{opacity:0;pointer-events:none;position:absolute}.radio-dot{border:1.5px solid #8a9096;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.radio.checked .radio-dot{border-color:var(--brand-dark)}.radio.checked .radio-dot:after{content:"";background:var(--brand);border-radius:50%;width:9px;height:9px}.radio:focus-within .radio-dot{outline:2px solid var(--gold);outline-offset:2px}.invoice-no{margin-bottom:18px;font-size:20px;font-weight:600}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.filter-grid .select select{border-color:var(--border);background:#f7f8f8;padding-left:12px;padding-right:30px;font-size:14px;font-weight:500}.filter-grid .select svg{right:10px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;display:grid}.product-card{text-align:left;color:var(--text);background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.product-image{aspect-ratio:150/140;border:1px solid var(--border);color:#d0b064;background:#fff;border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-card:hover .product-image{border-color:var(--cream-border);transform:translateY(-1px);box-shadow:0 6px 18px #8d68211f}.product-image{transition:transform .15s,box-shadow .15s}.points-badge{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:500;position:absolute;top:4px;right:4px}.stock-badge{background:var(--red-bg);color:var(--red);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;bottom:6px;left:6px}.product-card.sold-out{opacity:.6}.product-name{font-size:16px;font-weight:500;line-height:1.4}.product-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.product-meta i{background:#c4c8cc;border-radius:50%;width:4px;height:4px}.product-add{aspect-ratio:150/252;border:1px solid var(--cream-border);background:var(--cream);color:var(--brand-dark);border-radius:4px;min-height:200px;font-weight:600}.accordion-head{width:100%;color:var(--text);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.accordion-head h2{font-size:20px;font-weight:600}.draft-list{flex-direction:column;margin-top:12px;display:flex}.draft-row{border-top:1px solid var(--border);grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.draft-row strong{font-weight:500;display:block}.draft-row small{color:var(--text-2);font-size:13px}.picker{position:relative}.picker .search{border-color:var(--border);background:#f7f8f8}.picker-results{z-index:25;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.picker-results button{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.picker-results button:hover{background:#f8f6ef}.picker-results strong{font-weight:500;display:block}.picker-results small{color:var(--text-2);font-size:12px}.chips{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.chip{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 6px 3px 3px;font-size:16px;font-weight:500;display:inline-flex}.chip small{color:var(--muted);font-size:11px;font-weight:400}.chip button{color:var(--text-2);background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.chip button:hover{background:#f1f2f3}.cart-line{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px;display:flex}.cart-line-top{align-items:flex-start;gap:10px;display:flex}.thumb{border:1px solid var(--border);color:#c9a85a;background:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.blue{background:var(--blue-bg);color:var(--blue);border-color:#cbdaf8}.thumb.gold{background:var(--cream);color:var(--gold);border-color:#ecdca9}.cart-name{flex:1;min-width:0}.cart-name strong{font-size:16px;font-weight:500;display:block}.cart-name small{color:var(--text-2);margin-top:2px;font-size:14px;display:block}.cart-line-mid{justify-content:space-between;align-items:center;display:flex}.line-total{font-size:20px;font-weight:600}.stepper{align-items:center;gap:10px;display:flex}.stepper button{border:1px solid var(--border);width:36px;height:36px;color:var(--text);background:#fff;border-radius:6px;place-items:center;display:grid}.stepper span{text-align:center;min-width:28px;font-size:16px}.discount-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.discount-row input{border-color:var(--border);background:#f7f8f8;min-height:40px}.totals{flex-direction:column;gap:10px;margin-top:4px;display:flex}.kv-line{color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:16px;display:flex}.kv-line small{color:var(--text-2);font-size:12px;display:block}.kv-line.muted{color:var(--text-2)}.kv-total{border-top:1px solid var(--border);padding-top:10px;font-size:18px;font-weight:600}.kv-due{color:#b9741c;font-weight:600}.kv-paid{color:var(--green);font-weight:600}.divider{border-top:1px solid var(--border)}.payment-line span:last-child{align-items:center;display:inline-flex}.payment-form{flex-direction:column;gap:16px;display:flex}.method-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.method{border:1px solid var(--border-strong);min-height:48px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:16px;display:flex}.method.selected{background:var(--cream);border-color:var(--cream-border)}.amount-input{border:1px solid var(--border);background:#fff;border-radius:6px;align-items:center;gap:6px;min-height:44px;padding:0 8px 0 14px;display:flex}.amount-input>span{color:var(--muted)}.amount-input input{background:0 0;border:0;outline:0;flex:1;min-width:60px;padding:10px 0;font-size:16px}.quick-amounts{gap:4px;display:flex}.quick-amounts button{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:3px;padding:2px 5px;font-size:12px}.quick-amounts button:hover{border-color:var(--cream-border);color:var(--brand-dark)}.payment-actions{gap:20px;display:flex}.seller-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.seller-card h2{margin:0!important}.seller-select{align-items:center;gap:8px;display:flex;position:relative}.seller-select select{appearance:none;background:0 0;border:0;max-width:200px;padding:6px 22px 6px 0;font-size:16px;font-weight:600}.seller-select svg{pointer-events:none;position:absolute;right:0}.board-card{padding:20px}.board-title{margin-bottom:20px;font-size:20px;font-weight:600}.board-filters{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:24px;display:grid}.board-filters.single{grid-template-columns:minmax(0,1fr)}.board-filters .search,.board-filters .select select{border-color:var(--border);background:#f7f8f8}.order-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px 20px;display:grid}.order-add{border:1px solid var(--cream-border);background:var(--cream);min-height:300px;color:var(--brand-dark);border-radius:4px;font-weight:600}.order-card{border:1px solid var(--border);background:#fff;border-radius:4px;flex-direction:column;gap:14px;padding:16px;display:flex}.order-card header{align-items:flex-start;gap:10px;display:flex}.order-icon{border-radius:4px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.order-icon.blue{background:var(--blue-bg);color:var(--blue);border:1px solid #cbdaf8}.order-icon.gold{background:var(--cream);color:var(--gold);border:1px solid #ecdca9}.order-id{flex:1;min-width:0}.order-id strong{font-size:18px;font-weight:600;display:block}.order-id span{color:var(--text-2);margin-top:4px;font-size:16px;display:block}.order-card ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.order-card li{color:var(--text-2);align-items:center;gap:8px;font-size:16px;display:flex}.order-card li strong{color:var(--text);font-weight:500}.order-card li svg{color:var(--text);flex-shrink:0}.price-tag{color:var(--blue);margin-left:auto;font-size:14px}.order-card li:last-child .price-tag:only-of-type{margin-left:0}.design-thumbs,.upload-thumbs{flex-wrap:wrap;gap:10px;display:flex}.design-thumbs img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:72px;height:72px}.dropzone{border:1px solid var(--border);width:100%;color:var(--text-2);background:#f7f8f8;border-radius:8px;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;padding:22px;font-size:14px;display:flex}.dropzone b{color:var(--gold)}.dropzone small{font-size:12px}.upload-thumb{border:1px solid var(--border);background:#fff;border-radius:4px;width:120px;height:120px;position:relative;overflow:hidden}.upload-thumb img{object-fit:contain;width:100%;height:100%}.upload-thumb .icon-btn{background:#ffffffe6;width:28px;height:28px;position:absolute;top:4px;right:4px}.preview-price{min-height:44px;color:var(--text-2);background:#f3f4f5;border-radius:8px;align-self:end;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.preview-price strong{color:var(--gold);font-size:15px}.preview-price small{margin-left:auto}.preview-card dl{gap:4px;margin:0;display:grid}.preview-card dt{color:var(--text-2);margin-top:10px;font-size:13px}.preview-card dd{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:500}.preview-card dd.gold{color:var(--gold)}.image-empty{border:1.5px dashed var(--border-strong);color:var(--text-2);border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:26px;display:flex}.upload-thumbs+.btn{margin-top:12px}.alert-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.alert-card{text-align:left;color:var(--text);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.alert-card strong{font-size:26px;font-weight:600}.alert-card span:last-child{color:var(--text-2);font-size:14px}.tone-red .kpi-icon{background:var(--red-bg);color:var(--red)}.tone-amber .kpi-icon{background:var(--amber-bg);color:#b9741c}.tone-blue .kpi-icon{background:var(--blue-bg);color:var(--blue)}.tone-green .kpi-icon{background:var(--green-bg);color:var(--green)}.quick-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.quick-action{color:var(--brand-dark);align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:500;display:flex}.quick-action svg{color:var(--gold)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.invite-link{background:var(--cream);border-radius:10px;flex-direction:column;gap:10px;margin-top:16px;padding:14px;font-size:14px;display:flex}.copy-row{gap:10px;display:flex}.planned-list{text-align:left;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.planned-list li{color:var(--text);align-items:center;gap:8px;display:flex}.planned-list svg{color:var(--green)}.tab-row{border-bottom:1px solid var(--border);gap:4px;margin:-4px 0 18px;display:flex}.tab-row button{color:var(--text-2);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:15px;font-weight:500;display:inline-flex}.tab-row button.active{color:var(--brand-dark);border-bottom-color:var(--gold)}.toggle{cursor:pointer;white-space:nowrap;align-items:center;gap:10px;font-size:15px;display:inline-flex}.toggle input{opacity:0;position:absolute}.toggle span{background:#d9dcdf;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .15s;position:relative}.toggle span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:var(--gold)}.toggle input:checked+span:after{left:21px}.toggle input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.data-table tr.clickable{cursor:pointer}.data-table.compact td,.data-table.compact th{padding:9px 12px}.reminder-hint{margin:0 0 14px}.reminder-list{flex-direction:column;display:flex}.reminder-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.reminder-main{flex-direction:column;flex:1;gap:6px;min-width:260px;display:flex}.reminder-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reminder-text{color:var(--text);background:#f7f8f8;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.45}.reminder-actions{flex-wrap:wrap;gap:8px;display:flex}.link.plain{color:var(--brand-dark);text-decoration:none}.schedule-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:14px}.schedule-table th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);padding:6px 4px;font-weight:500}.schedule-table td{border-bottom:1px solid var(--border);padding:7px 4px}.sched{background:var(--slate-bg);color:var(--slate);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.sched-paid{background:var(--green-bg);color:var(--green)}.sched-late{background:var(--red-bg);color:var(--red)}.sched-partial,.sched-due{background:var(--amber-bg);color:#b9741c}.payment-history{flex-direction:column;gap:6px;margin-top:8px;display:flex}.rules-box{background:var(--cream);color:var(--brand-dark);border:1px solid #ecdca9;border-radius:10px;padding:12px 14px;font-size:13px}.rules-box ul{color:var(--text);margin:6px 0 0;padding-left:18px}.rules-box li{margin-bottom:3px}.rules-box p{margin-top:6px}.timeline{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.timeline li{gap:10px;display:flex}.timeline strong{font-size:14px;font-weight:500;display:block}.timeline small{color:var(--muted);font-size:12px}.tl-dot{background:var(--slate);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.tl-payment{background:var(--green)}.tl-reminder{background:var(--blue)}.tl-cancelled{background:var(--red)}.tl-picked_up{background:var(--gold)}.tl-created{background:var(--brand)}.layaway-btn{margin-top:12px}.layaway-lines{margin-top:14px}.layaway-panel .layaway-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.layaway-stats div{background:#f7f8f8;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.layaway-stats span{color:var(--text-2);font-size:13px}.layaway-stats strong{font-size:20px;font-weight:600}.layaway-stats .warn strong{color:var(--red)}.form-section{border-top:1px solid var(--border);padding-top:12px;font-size:16px;font-weight:600;margin-top:8px!important}@media (width<=900px){.layaway-panel .layaway-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1280px){.chart-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-row .stack{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.pos-layout,.form-layout{grid-template-columns:minmax(0,1fr)}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.leader-row,.two-col{grid-template-columns:minmax(0,1fr)}.alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.board-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.board-filters .search{grid-column:1/-1}}@media (width<=900px){.app-shell{background:var(--bg);grid-template-columns:minmax(0,1fr)}.sidebar-nav{width:280px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-nav.open{transform:none}.sidebar-scrim{z-index:25;background:#00000059;display:block;position:fixed;inset:0}.menu-btn{display:inline-grid}.topbar{padding:0 12px}.app-shell .user-chip span{display:none}}@media (width<=640px){.app-content{padding:16px}.page{gap:16px}.kpi-row,.kpi-row.three,.chart-row,.chart-row .stack,.alert-grid{grid-template-columns:minmax(0,1fr)}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.form-grid.three{grid-template-columns:minmax(0,1fr)}.span-2,.span-3{grid-column:auto}.filter-grid,.board-filters{grid-template-columns:minmax(0,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-actions{width:100%;margin-left:0}.page-actions .btn{flex:1}.table-tools .search{min-width:0}.drawer-actions{grid-template-columns:minmax(0,1fr)}.date-chip{margin-left:0}}@media print{.sidebar-nav,.topbar,.page-actions,.pills,.table-tools,.pagination,.row-actions,.menu{display:none!important}.app-shell{background:#fff;display:block}.card{box-shadow:none;break-inside:avoid}}.acct{color:#1f2328;background:#fafbfb;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:grid}.acct *,.acct :before,.acct :after{box-sizing:border-box}.acct h1,.acct h2,.acct h3,.acct p{margin:0}.acct-brand{color:#fdf7df;background:radial-gradient(120% 90% at 0 0,#b58f35 0%,#8d6821 45%,#5f440c 100%);flex-direction:column;justify-content:space-between;gap:32px;padding:40px 44px;display:flex;position:relative;overflow:hidden}.acct-brand:after{content:"";border:1px solid #fdf7df40;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-120px;right:-120px;box-shadow:0 0 0 40px #fdf7df0d,0 0 0 90px #fdf7df08}.acct-wordmark{color:#fff;font-family:Allura,cursive;font-size:42px;text-decoration:none}.acct-pitch{z-index:1;flex-direction:column;gap:14px;max-width:440px;display:flex;position:relative}.acct-pitch h1{color:#fff;font-size:34px;font-weight:600;line-height:1.15}.acct-pitch p{color:#fdf7dfeb;font-size:16px;line-height:1.55}.acct-points{flex-direction:column;gap:10px;margin-top:8px;display:flex}.acct-points span{align-items:center;gap:10px;font-size:15px;display:flex}.acct-points i{background:#ffffff2e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;display:grid}.acct-foot{z-index:1;color:#fdf7dfcc;font-size:13px;position:relative}.acct-foot a{color:#fff}.acct-main{justify-content:center;align-items:flex-start;padding:48px 24px;display:flex;overflow-y:auto}.acct-card{flex-direction:column;gap:20px;width:100%;max-width:560px;display:flex}.acct-card.wide{max-width:760px}.acct-kicker{letter-spacing:.06em;text-transform:uppercase;color:#8d6821;font-size:13px;font-weight:600}.acct-card h2{color:#5f440c;font-size:28px;font-weight:600}.acct-sub{color:#4b5258;font-size:15px;line-height:1.5}.acct-form{flex-direction:column;gap:16px;display:flex}.acct-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.acct-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.acct .field input,.acct .field select,.acct .field textarea{width:100%;min-height:46px;font:inherit;color:inherit;background:#fff;border:1px solid #dfe2e4;border-radius:8px;padding:10px 14px}.acct .field select{appearance:none}.acct .field input:focus,.acct .field select:focus,.acct .field textarea:focus{border-color:#b58f35;outline:none;box-shadow:0 0 0 3px #b58f3526}.acct .btn{min-height:46px}.acct-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.acct-actions .btn-primary{min-width:160px}.acct-links{color:#4b5258;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;display:flex}.acct-links a,.acct-link{color:#8d6821;cursor:pointer;font-weight:600;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.acct-links a:hover,.acct-link:hover{text-decoration:underline}.acct-steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.acct-steps li{color:#8a9096;flex-direction:column;flex:1;gap:6px;font-size:13px;display:flex}.acct-steps li:before{content:"";background:#e6e8ea;border-radius:4px;height:4px}.acct-steps li.done:before,.acct-steps li.current:before{background:#b58f35}.acct-steps li.current{color:#5f440c;font-weight:600}.plan-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.plan-option{text-align:left;cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #dfe2e4;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.plan-option.selected{background:#fdf7df;border-color:#b58f35;box-shadow:0 0 0 2px #b58f3540}.plan-option strong{color:#5f440c;font-size:18px}.plan-option small{color:#4b5258;font-size:13px;line-height:1.4}.plan-price{font-size:15px;font-weight:600}.plan-option small.plan-save{color:#1f6b41;font-weight:600}.billing-toggle{border:1px solid #dfe2e4;border-radius:999px;display:inline-flex;overflow:hidden}.billing-toggle button{font:inherit;cursor:pointer;background:#fff;border:0;padding:6px 14px}.billing-toggle button.active{color:#fff;background:#8d6821}.policy-list{flex-direction:column;gap:10px;display:flex}.policy-check{background:#fff;border:1px solid #eceeef;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.policy-check input{accent-color:#8d6821;width:18px;height:18px;margin-top:3px}.policy-check small{color:#8a9096;display:block}.acct-note{color:#5f440c;background:#fdf7df;border:1px solid #ecdca9;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.acct-note.warn{color:#8a5a12;background:#fdf1df;border-color:#f2d3a3}.acct-note.danger{color:#a3301c;background:#fdecea;border-color:#f2c0b9}.acct-note.ok{color:#1f6b41;background:#e6f6ec;border-color:#b8dfc6}.acct-done{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 0;display:flex}.acct-done .done-mark{color:#2e9b5f;background:#e6f6ec;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.status-track{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.status-track li{grid-template-columns:28px 1fr;gap:12px;padding-bottom:18px;display:grid;position:relative}.status-track li:before{content:"";background:#e6e8ea;width:2px;position:absolute;top:26px;bottom:0;left:13px}.status-track li:last-child:before{display:none}.status-track .dot{color:#8a9096;z-index:1;background:#e6e8ea;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid;position:relative}.status-track li.done .dot{color:#fff;background:#2e9b5f}.status-track li.current .dot{color:#fff;background:#b58f35}.status-track strong{font-size:15px;display:block}.status-track small{color:#4b5258;font-size:13px}.acct-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.acct-history{flex-direction:column;gap:8px;font-size:14px;display:flex}.acct-history div{border-bottom:1px solid #eceeef;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.acct-history small{color:#8a9096;white-space:nowrap}.checklist{flex-direction:column;gap:8px;display:flex}.checklist a{color:inherit;background:#fff;border:1px solid #eceeef;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.checklist a.done{color:#8a9096;text-decoration:line-through}.checklist i{border:2px solid #c9cdd1;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid}.checklist a.done i{color:#fff;background:#2e9b5f;border-color:#2e9b5f}@media (width<=960px){.acct{grid-template-columns:minmax(0,1fr)}.acct-brand{gap:16px;padding:24px}.acct-pitch h1{font-size:24px}.acct-points,.acct-foot{display:none}.acct-main{padding:28px 16px}}@media (width<=560px){.acct-row,.acct-row.three{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.acct *{transition:none!important;animation:none!important}}