:root{--brand: #087783;--brand-dark: #075e68;--danger: #a5332d;--danger-bg: #fff1f0;--success: #20713c;--text: #18232f;--text-muted: #5b6872;--text-soft: #60717a;--surface: #ffffff;--bg: #ffffff;--border: #d7e3de;--border-strong: #cddbd6;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body.modal-open{overflow:hidden}.dashboard-page{display:grid;gap:20px}.dashboard-page .page-header{margin-bottom:0}.dashboard-filters{display:flex;align-items:end;gap:12px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.dashboard-filters label{display:grid;min-width:160px;gap:6px;color:var(--text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboard-filters input,.dashboard-filters select{min-height:40px;border:1px solid var(--border-strong);border-radius:7px;padding:8px 10px;background:#fff;color:var(--text);text-transform:none}.dashboard-loading{display:grid;min-height:280px;place-items:center;color:var(--text-muted)}.dashboard-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:-8px}.dashboard-section-title h2,.dashboard-panel h2{margin:0;font-size:1rem}.dashboard-section-title span{color:var(--text-muted);font-size:.82rem}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-metric{display:flex;min-width:0;align-items:center;gap:13px;border:1px solid var(--border);border-radius:10px;padding:18px;background:var(--surface)}.dashboard-metric-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:9px;background:#e4f4f3;color:var(--brand-dark)}.dashboard-metric span:not(.dashboard-metric-icon){display:block;color:var(--text-muted);font-size:.78rem}.dashboard-metric strong{display:block;overflow:hidden;margin-top:5px;font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-metric.success .dashboard-metric-icon{background:#e8f5ec;color:var(--success)}.dashboard-metric.danger .dashboard-metric-icon{background:var(--danger-bg);color:var(--danger)}.dashboard-metric.warning .dashboard-metric-icon{background:#fff5df;color:#91620c}.dashboard-grid{display:grid;gap:18px}.dashboard-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panel{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.dashboard-panel-head{display:flex;min-height:56px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:14px 18px}.dashboard-panel-head a{color:var(--brand-dark);font-size:.82rem;font-weight:700}.payment-list{display:grid;padding:4px 18px}.payment-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f0;padding:13px 0}.payment-list>div:last-child{border:0}.payment-list span{display:inline-flex;align-items:center;gap:9px;color:var(--text-muted)}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr}.snapshot-grid div{min-height:92px;padding:18px;border-right:1px solid #edf2f0;border-bottom:1px solid #edf2f0}.snapshot-grid div:nth-child(2n){border-right:0}.snapshot-grid div:nth-last-child(-n+2){border-bottom:0}.snapshot-grid span,.snapshot-grid strong{display:block}.snapshot-grid span{color:var(--text-muted);font-size:.8rem}.snapshot-grid strong{margin-top:8px;font-size:1.35rem}.dashboard-table{border:0;border-radius:0;box-shadow:none}.dashboard-table table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:12px 16px;text-align:left;white-space:nowrap}.dashboard-table th{background:#f7faf9;color:var(--text-muted);font-size:.74rem;text-transform:uppercase}.dashboard-table td{border-top:1px solid #edf2f0;font-size:.86rem}.dashboard-table td small{display:block;margin-top:3px;color:var(--text-muted)}.dashboard-empty{padding:28px!important;color:var(--text-muted);text-align:center!important}.activity-list{display:grid;padding:4px 18px}.activity-list>a,.activity-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf2f0;padding:13px 0}.activity-list>:last-child{border:0}.activity-list span:last-child{text-align:right}.activity-list strong,.activity-list small{display:block}.activity-list small{margin-top:4px;color:var(--text-muted);font-size:.76rem}.dashboard-page .error-box{display:flex;align-items:center;justify-content:space-between;margin:0}.dashboard-page .error-box button{border:0;background:transparent;color:inherit;font-weight:800}@media(max-width:1200px){.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.dashboard-grid.two{grid-template-columns:1fr}.dashboard-filters{align-items:stretch;flex-direction:column}.dashboard-filters label{width:100%}}@media(max-width:560px){.dashboard-metric-grid{grid-template-columns:1fr}.dashboard-metric{padding:14px}}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.boot-screen,.not-found{display:grid;min-height:100vh;place-content:center;gap:18px;text-align:center}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(120deg,#0d5f6b1f,#357e581a),var(--bg)}.login-panel{width:min(420px,100%);border:1px solid #d6e2dc;border-radius:8px;background:var(--surface);padding:28px;box-shadow:0 22px 55px #142a301f}.login-brand,.brand{display:flex;align-items:center;gap:12px}.login-brand{margin-bottom:28px}.login-brand h1{margin:0;font-size:1.7rem}.login-brand p,.page-header p{margin:4px 0 0;color:var(--text-muted)}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--brand);color:var(--surface);font-weight:800}.brand-mark.large{width:54px;height:54px}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px 1fr}.app-shell.pos-shell{grid-template-columns:1fr;background:var(--surface)}.sidebar{display:flex;position:sticky;top:0;height:100vh;flex-direction:column;border-right:1px solid #d8e4df;background:var(--surface);padding:22px}.brand{padding-bottom:24px}.brand strong,.user-chip strong{display:block}.brand small,.user-chip span{display:block;margin-top:2px;color:var(--text-soft);font-size:.84rem}.nav-list{display:grid;gap:8px}.nav-list a,.ghost-button,.secondary-button,.danger-button,.primary-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;padding:9px 13px;font-weight:700}.nav-list a{justify-content:flex-start;color:#45545d}.nav-list a.active{background:#e4f4f3;color:var(--brand-dark)}.sidebar-footer{display:grid;gap:12px;margin-top:auto}.user-chip{border:1px solid #dbe6e2;border-radius:8px;padding:12px;background:#f8fbfa}.main-panel{width:100%;min-width:0;padding:30px}.main-panel.pos-main-panel{min-height:100vh;padding:0;background:var(--surface)}.notice,.error-box,.success-box{margin-bottom:16px;border-radius:8px;padding:12px 14px}.notice{border:1px solid #bddde1;background:#e9f8f9;color:var(--brand-dark)}.notice.compact{margin-bottom:12px;padding:10px 12px}.error-box{border:1px solid #f0b6b4;background:var(--danger-bg);color:var(--danger)}.success-box{border:1px solid #acd8bd;background:#edf8f1;color:var(--success)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.page-header h1{margin:0;font-size:1.8rem}.primary-button{background:var(--brand);color:var(--surface)}.secondary-button{border-color:#cad9d4;background:var(--surface);color:#23333e}.ghost-button{background:transparent;color:#40525d}.danger-button{border-color:#f1c4c1;background:#fff5f4;color:var(--danger)}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid #d4e0dc;border-radius:8px;background:var(--surface);color:#40525d}.full{width:100%}.filter-panel{display:grid;gap:14px;margin-bottom:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px}.filter-topline{display:flex;align-items:center;gap:10px}.search-field{display:flex;flex:1 1 260px;min-height:42px;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:8px;background:#f9fcfb;padding:0 12px}.search-field input{width:100%;border:0;background:transparent;outline:0}.filter-row{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:start;gap:12px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.filter-label{padding-top:8px;color:var(--text-soft);font-size:.82rem;font-weight:800;text-transform:uppercase}.segmented-control,.chip-list{display:flex;flex-wrap:wrap;gap:8px}.segmented-control{width:fit-content;border:1px solid var(--border-strong);border-radius:8px;background:#f5f9f7;padding:4px}.segmented-control button,.filter-chip{min-height:34px;border:0;border-radius:7px;background:transparent;color:#465861;padding:7px 12px;font-weight:800}.segmented-control button.active,.filter-chip.active{background:var(--brand);color:var(--surface);box-shadow:0 5px 14px #0877832e}.filter-chip{border:1px solid var(--border-strong);background:#f9fcfb}input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 11px}select{min-height:42px}textarea{resize:vertical}label{display:grid;gap:7px;color:#40525d;font-size:.9rem;font-weight:700}.form-stack{display:grid;gap:16px}.editor-panel{margin-bottom:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:18px}.editor-panel.narrow{max-width:680px}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.editor-header h2{margin:0;font-size:1.15rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.form-grid.single{grid-template-columns:1fr}.span-2{grid-column:span 2}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-grid button{display:grid;min-height:74px;align-content:center;gap:4px;border:1px solid var(--border-strong);border-radius:8px;background:#f9fcfb;color:#23333e;padding:12px;text-align:left;font-weight:800}.choice-grid button span{color:#68777f;font-size:.82rem;font-weight:600}.choice-grid button.active{border-color:var(--brand);background:#e5f5f4;color:var(--brand-dark)}.modal-backdrop{display:grid;position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;place-items:center;overflow-y:auto;background:#0e1c227a;padding:28px}.modal-panel{width:min(760px,100%);max-height:min(820px,calc(100vh - 56px));overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 26px 80px #0e1c224d}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.modal-header{border-bottom:1px solid #edf2ef}.modal-header h2{margin:0;font-size:1.18rem}.modal-body{max-height:calc(100vh - 220px);overflow-y:auto;padding:18px}.modal-footer{justify-content:flex-end;border-top:1px solid #edf2ef;background:#f8fbfa}.confirm-content{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px}.confirm-content p{margin:0;color:#40525d;line-height:1.5}.confirm-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:var(--danger-bg);color:var(--danger)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.table-wrap.simple table{min-width:620px}table{width:100%;min-width:900px;border-collapse:collapse}th,td{border-bottom:1px solid #edf2ef;padding:13px 14px;text-align:left;vertical-align:middle}th{background:#f8fbfa;color:#53646d;font-size:.82rem;text-transform:uppercase}td small{display:block;margin-top:3px;color:#65747d}.product-cell{display:flex;align-items:center;gap:11px}.product-thumb,.image-preview img{width:46px;height:46px;border-radius:8px;object-fit:cover}.product-thumb{flex:0 0 46px;border:1px solid #d9e5e0;background:#f4f8f6}.product-thumb.placeholder{display:grid;place-items:center;color:#6a7b84}.image-preview{display:flex;align-items:end}.image-preview img{width:78px;height:78px;border:1px solid #d9e5e0}tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbfa}.actions-cell{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-pill{display:inline-flex;min-width:82px;justify-content:center;border-radius:999px;padding:5px 9px;background:#e8eef0;color:#465861;font-size:.78rem;font-weight:800}.status-pill.active{background:#e8f6ef;color:var(--success)}.status-pill.inactive{background:#f3e8e7;color:#9a382f}.status-pill.draft{background:#e8eef0;color:#465861}.status-pill.dispatched{background:#e7f0ff;color:#1d5ead}.status-pill.completed,.status-pill.paid{background:#e8f6ef;color:var(--success)}.status-pill.cancelled,.status-pill.unpaid{background:var(--danger-bg);color:var(--danger)}.status-pill.partial{background:#fff7df;color:#8a5b00}.status-pill.low,.status-pill.out{background:var(--danger-bg);color:var(--danger)}.status-pill.ok,.status-pill.in{background:#e8f6ef;color:var(--success)}.number-cell{font-weight:800;font-variant-numeric:tabular-nums}.pos-layout,.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px}.pos-screen{display:grid;width:100%;max-width:1440px;height:100vh;height:100dvh;grid-template-rows:auto auto minmax(0,1fr);margin:0 auto;padding:14px 16px}.pos-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.pos-header h1{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:1.32rem}.pos-brand{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;padding:0;text-align:left;border-radius:10px;transition:opacity .15s ease}.pos-brand:hover{opacity:.82}.pos-tag{display:inline-flex;margin-left:8px;border-radius:999px;background:#e4f4f3;color:var(--brand-dark);padding:4px 9px;font-size:.8rem;font-weight:800}.pos-header-actions{display:flex;align-items:center;gap:10px}.pos-header-actions select{width:220px}.pos-workspace{display:grid;min-height:0;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:12px;align-items:stretch}.pos-products-panel,.pos-cart-panel>*{border:1px solid #d5d9dd;border-radius:8px;background:var(--surface)}.pos-products-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;padding:14px}.pos-panel-head{display:grid;grid-template-columns:auto minmax(240px,1fr);align-items:center;gap:12px;margin-bottom:12px}.pos-panel-head h2,.pos-cart-box h2{margin:0;font-size:1.05rem}.pos-search{display:flex;min-height:34px;align-items:center;gap:8px;border-radius:8px;background:#f0f0f1;padding:0 11px}.pos-search input{border:0;background:transparent;outline:0;padding:7px 0}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:10px;overflow-y:auto;padding:2px 8px 2px 0}.pos-product-card{display:grid;min-height:154px;grid-template-rows:92px auto auto;gap:5px;border:1px solid #d1d7dc;border-radius:8px;background:var(--surface);padding:6px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pos-product-card:hover{border-color:var(--brand);box-shadow:0 8px 22px #08778324;transform:translateY(-1px)}.pos-product-media{display:grid;position:relative;overflow:hidden;place-items:center;border-radius:7px;background:#f7faf9}.pos-product-media img{width:100%;height:100%;object-fit:contain}.pos-product-media span{display:grid;width:100%;height:100%;place-items:center;color:#6d7c85}.pos-product-media em{position:absolute;top:8px;left:8px;border-radius:999px;background:#006cae;color:#fff200;padding:3px 7px;font-size:.68rem;font-style:normal;font-weight:900}.pos-product-card strong{overflow:hidden;color:#354550;font-size:.8rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.pos-product-card>span{color:#27323a;font-size:.88rem;font-weight:900}.pos-cart-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0}.pos-customer-box{display:grid;gap:8px;padding:12px}.pos-customer-box small{color:var(--text-soft);font-size:.78rem;font-weight:700}.pos-cart-box{display:grid;min-height:0;grid-template-rows:auto minmax(140px,1fr) auto auto auto auto;gap:10px;padding:12px}.pos-cart-list{display:grid;align-content:start;gap:10px;overflow-y:auto;border-radius:8px;background:#f1f1f2;padding:10px}.pos-empty-cart{display:grid;min-height:180px;place-items:center;color:#3d4a52;font-weight:700}.pos-cart-line{display:grid;grid-template-columns:38px minmax(0,1fr) 96px 78px 34px;align-items:center;gap:6px;border:1px solid #d9e1dd;border-radius:8px;background:var(--surface);padding:7px}.pos-cart-thumb{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border-radius:6px;background:#f0f0f1;color:#6d7c85}.pos-cart-thumb img{width:100%;height:100%;object-fit:cover}.pos-cart-line strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-cart-line span{display:block;margin-top:2px;color:var(--text-soft);font-size:.78rem}.quantity-stepper.compact{width:96px;grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.quantity-stepper.compact input{padding:7px 2px}.danger-icon{color:var(--danger)}.pos-payment-row{display:grid}.pos-totals{display:grid;gap:6px;margin:0}.pos-totals div{display:flex;justify-content:space-between;gap:12px}.pos-totals dt{color:#3e4a52;font-size:.88rem;font-weight:700}.pos-totals dd{margin:0;font-size:.88rem;font-weight:800}.pos-totals .grand-total{margin-top:4px;padding-top:8px;border-top:1px dashed var(--border-strong);font-size:1.05rem}.pos-totals .grand-total dt{color:var(--text)}.pos-totals .grand-total dd{color:var(--brand-dark);font-size:1.2rem;font-weight:900}.pos-customer-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--text-soft);font-size:.78rem;font-weight:700}.pos-customer-meta strong{color:var(--text)}.pos-hint{color:var(--text-soft);font-size:.78rem;font-weight:700}.pos-warn{color:var(--danger);font-size:.78rem;font-weight:800}.checkout-button{background:linear-gradient(135deg,var(--brand),var(--brand-dark));border:0;font-size:1.02rem;letter-spacing:.01em;box-shadow:0 10px 24px #08778338}.checkout-button:hover:not(:disabled){filter:brightness(1.05)}.pos-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pos-main{display:grid;gap:18px;min-width:0}.summary-panel{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:18px}.summary-panel h2{margin:0;font-size:1.15rem}.summary-panel p{margin:0;color:var(--text-soft)}.summary-panel dl,.detail-list{display:grid;gap:10px;margin:0}.summary-panel dl div,.detail-list div{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-panel dt,.detail-list dt{color:var(--text-soft);font-weight:700}.summary-panel dd,.detail-list dd{margin:0;text-align:right;font-weight:800}.summary-total{border-top:1px solid #edf2ef;padding-top:10px}.cart-add-row{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:10px;margin-bottom:16px}.quantity-stepper{display:grid;width:150px;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.quantity-stepper button{display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}.quantity-stepper input{text-align:center}.empty-state.compact{padding:22px}.order-status-row,.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.order-status-row span:not(.status-pill){color:var(--text-soft);font-weight:800}.modal-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.modal-subhead h3{margin:0;font-size:1rem}.edit-lines{display:grid;gap:10px}.edit-line{display:grid;grid-template-columns:minmax(0,1fr) 90px 110px auto;align-items:center;gap:10px}.loading-row,.empty-state{padding:34px;text-align:center}.empty-state h3{margin:0 0 6px}.empty-state p{margin:0;color:#64737c}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#53646d}.pagination div{display:flex;gap:8px}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.main-panel{padding:18px}.page-header{flex-direction:column}.filter-topline,.filter-row,.filter-grid,.pos-layout,.pos-workspace,.detail-grid{grid-template-columns:1fr}.pos-screen{width:min(100%,calc(100vw - 24px));padding:14px 0}.pos-products-panel,.pos-cart-panel{min-height:auto}.pos-panel-head,.pos-header{grid-template-columns:1fr;align-items:stretch}.pos-header{display:grid}.pos-header-actions{align-items:stretch;flex-direction:column}.pos-header-actions select{width:100%}.filter-topline{align-items:stretch}.filter-label{padding-top:0}.form-grid,.cart-add-row,.edit-line{grid-template-columns:1fr}.span-2{grid-column:auto}}@media(max-width:560px){.nav-list{grid-template-columns:1fr}.segmented-control,.choice-grid{grid-template-columns:1fr;width:100%}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-cart-line{grid-template-columns:1fr}.segmented-control button,.filter-chip{flex:1 1 auto}.modal-backdrop{padding:12px}.modal-panel{max-height:calc(100vh - 24px)}.pagination{align-items:stretch;flex-direction:column}.pagination div{width:100%}.pagination button{flex:1}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.req{color:var(--danger);margin-left:2px;font-weight:800}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0877831f}.segmented-control button:hover:not(.active),.filter-chip:hover:not(.active){background:#e4f4f3;color:var(--brand-dark)}.filter-chip{transition:background .14s ease,color .14s ease,border-color .14s ease}.detail-page{display:grid;gap:16px}.link-back{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:0;background:transparent;padding:0;color:var(--text-soft);font-weight:700}.link-back:hover{color:var(--brand-dark)}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-head h1{margin:0}.detail-head p{margin:4px 0 0;color:var(--text-soft);font-weight:600}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat-card{display:grid;gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px 16px}.stat-card span{color:var(--text-soft);font-size:.82rem;font-weight:700}.stat-card strong{font-size:1.32rem;font-weight:800}.stat-card.stat-warn{border-color:var(--danger);background:var(--danger-bg)}.stat-card.stat-warn strong{color:var(--danger)}.detail-columns{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.info-list{display:grid;gap:10px;margin:0}.info-list>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px}.info-list dt{color:var(--text-soft);font-size:.85rem;font-weight:700}.info-list dd{margin:0;font-weight:600;word-break:break-word}.table-wrap.flush{border:0;border-radius:0}.table-wrap.flush table{min-width:540px}@media(max-width:900px){.detail-columns{grid-template-columns:1fr}}.pos-customer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pos-customer-head>span{color:var(--text);font-size:.9rem;font-weight:800}.link-add,.link-clear{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:0;color:var(--brand-dark);font-size:.82rem;font-weight:700}.link-clear{color:var(--text-soft)}.link-add:disabled{color:var(--text-soft);opacity:.6}.link-add:hover:not(:disabled),.link-clear:hover{text-decoration:underline}.pos-combobox{position:relative}.pos-combobox-list{display:grid;position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;max-height:244px;gap:2px;overflow-y:auto;margin:0;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:6px;list-style:none;box-shadow:0 16px 40px #142a3029}.pos-combobox-list li{list-style:none}.pos-combobox-list li.muted{padding:8px 10px;color:var(--text-soft);font-size:.82rem;font-weight:600}.pos-combobox-list li>button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:6px;background:transparent;padding:8px 10px;text-align:left}.pos-combobox-list li>button:hover{background:#e4f4f3}.pos-combobox-list li>button strong{font-size:.88rem;font-weight:700}.pos-combobox-list li>button span{color:var(--text-soft);font-size:.8rem}.pos-combobox-list li.add-new{margin-top:2px;border-top:1px solid var(--border);padding-top:2px}.pos-combobox-list li.add-new>button{justify-content:flex-start;gap:6px;color:var(--brand-dark);font-weight:800}.pos-selected-customer{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border-strong);border-radius:8px;background:#f5f9f7;padding:8px 11px}.pos-selected-customer strong{display:block;font-size:.92rem}.pos-selected-customer span{color:var(--text-soft);font-size:.8rem}.pos-choose-hint{border:1px solid #f0b6b4;border-radius:8px;background:var(--danger-bg);color:var(--danger);padding:8px 11px;font-size:.82rem;font-weight:800}.pos-need-customer{outline:2px solid var(--danger);outline-offset:2px}.checkout-body{display:grid;gap:14px}.checkout-total{display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:#e4f4f3;padding:12px 14px}.checkout-total span{color:var(--brand-dark);font-weight:700}.checkout-total strong{color:var(--brand-dark);font-size:1.5rem;font-weight:900}.checkout-field-label{color:var(--text);font-size:.9rem;font-weight:700}.checkout-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.method-chip{min-height:40px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700}.method-chip:hover:not(.active){background:#e4f4f3;color:var(--brand-dark)}.method-chip.active{border-color:var(--brand);background:var(--brand);color:var(--surface);box-shadow:0 5px 14px #0877832e}.checkout-fixed{border-radius:8px;background:#f5f9f7;padding:10px 12px;font-weight:600}.checkout-summary{display:grid;gap:6px;margin:0;border-top:1px dashed var(--border-strong);padding-top:10px}.checkout-summary div{display:flex;align-items:center;justify-content:space-between}.checkout-summary dt{color:var(--text-soft);font-weight:700}.checkout-summary dd{margin:0;font-weight:800}.checkout-summary .checkout-owing dd{color:var(--danger)}.checkout-grid{display:grid;min-height:0;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:12px;align-items:stretch}.checkout-order-panel,.checkout-pay-panel{display:grid;min-height:0;border:1px solid #d5d9dd;border-radius:8px;background:var(--surface);padding:16px}.checkout-order-panel{grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;overflow:hidden}.checkout-order-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.checkout-order-head h2{margin:0;font-size:1.15rem}.checkout-order-head span{color:var(--text-soft);font-size:.84rem;font-weight:700}.checkout-lines{display:grid;align-content:start;gap:8px;overflow-y:auto;border-radius:8px;background:#f7faf9;padding:10px}.checkout-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding-bottom:8px}.checkout-line:last-child{border-bottom:0;padding-bottom:0}.checkout-line strong{display:block;font-size:.9rem}.checkout-line span{color:var(--text-soft);font-size:.8rem}.checkout-pay-panel{align-content:start;gap:12px;overflow-y:auto}.invoice-page{min-height:100vh;min-height:100dvh;overflow-y:auto;background:var(--bg);padding:20px}.invoice-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(820px,100%);margin:0 auto 16px}.invoice-actions-right{display:flex;gap:8px}.invoice-sheet{width:min(820px,100%);margin:0 auto;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:34px;box-shadow:0 18px 45px #142a301a}.invoice-page .muted{color:var(--text-soft)}.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:2px solid var(--brand);padding-bottom:16px}.invoice-head h1{margin:0;color:var(--brand);font-size:1.5rem}.invoice-head-right{display:grid;justify-items:end;gap:3px;text-align:right}.invoice-title{font-size:1.3rem;font-weight:900;letter-spacing:.06em}.invoice-number{font-weight:700}.invoice-parties{display:flex;justify-content:space-between;gap:20px;margin:20px 0}.invoice-parties span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.invoice-parties strong{display:block;margin:2px 0;font-size:1.02rem}.invoice-items{width:100%;min-width:0;border-collapse:collapse;margin-top:8px}.invoice-items th{border-bottom:2px solid var(--border-strong);padding:8px 6px;color:var(--text-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;text-align:left}.invoice-items td{border-bottom:1px solid var(--border);padding:9px 6px}.invoice-items .right,.invoice-parties .right{text-align:right}.invoice-totals-wrap{display:flex;justify-content:flex-end;margin-top:16px}.invoice-totals{display:grid;gap:5px;width:min(320px,100%);margin:0}.invoice-totals div{display:flex;align-items:center;justify-content:space-between}.invoice-totals dt{color:var(--text-soft);font-weight:600}.invoice-totals dd{margin:0;font-weight:700}.invoice-totals .invoice-grand{margin:4px 0;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);padding:6px 0}.invoice-totals .invoice-grand dt,.invoice-totals .invoice-grand dd{color:var(--brand-dark);font-size:1.12rem;font-weight:900}.invoice-totals .invoice-owing dd{color:var(--danger)}.invoice-footer{margin-top:26px;text-align:center}@media print{html,body{background:#fff}.no-print{display:none!important}.invoice-page{min-height:0;padding:0;background:#fff}.invoice-sheet{width:auto;margin:0;border:0;border-radius:0;padding:0;box-shadow:none}}.pos-stock-badge{position:absolute;right:6px;bottom:6px;border-radius:999px;background:#18232fd1;color:#fff;padding:2px 7px;font-size:.66rem;font-style:normal;font-weight:800}.pos-stock-badge.out{background:var(--danger)}.owing-amount{color:var(--danger)}.muted-note{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--text-soft);font-size:.82rem}.dashboard-metric.clickable{color:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.dashboard-metric.clickable:hover{border-color:var(--brand);box-shadow:0 8px 20px #0877831f;transform:translateY(-1px)}.balances-page{display:grid;gap:18px}.balances-summary{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px}.balances-hero{display:flex;align-items:center;gap:16px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));padding:22px 24px;color:#fff;box-shadow:0 14px 34px #0877833d}.balances-hero-icon{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border-radius:12px;background:#ffffff2e}.balances-hero>div{display:grid;gap:2px}.balances-hero span{font-size:.82rem;font-weight:700;opacity:.9}.balances-hero strong{font-size:2rem;font-weight:900;line-height:1.1}.balances-hero small{font-size:.82rem;opacity:.9}.balances-mini-card{display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:20px}.balances-mini-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:10px;background:var(--danger-bg);color:var(--danger)}.balances-mini-icon.prepaid{background:#e4f4f3;color:var(--brand-dark)}.balances-mini-card span{color:var(--text-soft);font-size:.8rem;font-weight:700}.balances-mini-card strong{display:block;margin-top:3px;font-size:1.35rem;font-weight:800}.balances-toolbar{display:flex;align-items:center;gap:10px}.balances-toolbar .search-field{flex:1 1 auto}.balances-toolbar select{width:auto;min-width:180px}.balances-table td small{display:block;margin-top:2px;color:var(--text-soft);font-size:.8rem}.balances-table .right{text-align:right}.owing-cell{display:inline-grid;justify-items:end;gap:5px;min-width:120px}.owing-cell .owing-amount{font-size:1rem;font-weight:800;color:var(--danger)}.owing-bar{display:block;height:5px;min-width:8px;border-radius:999px;background:var(--danger);opacity:.55}@media(max-width:820px){.balances-summary{grid-template-columns:1fr}}.detail-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.record-payment-context{margin-bottom:14px;border-radius:8px;background:#f5f9f7;padding:10px 12px}.record-payment-context span{display:block;font-weight:800}.record-payment-context small{color:var(--text-soft)}td.right,th.right{text-align:right}.pos-menu{position:relative}.pos-menu-panel{position:absolute;z-index:40;top:calc(100% + 6px);right:0;width:280px;max-height:70vh;overflow-y:auto;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);padding:8px;box-shadow:0 18px 45px #142a302e}.pos-menu-section{padding:4px 0}.pos-menu-section+.pos-menu-section{margin-top:4px;border-top:1px solid var(--border)}.pos-menu-title{padding:6px 8px;color:var(--text-soft);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pos-menu-empty{padding:6px 8px;color:var(--text-soft);font-size:.82rem}.pos-menu-item{display:grid;gap:1px;width:100%;border:0;border-radius:7px;background:transparent;padding:7px 8px;text-align:left}.pos-menu-item:hover{background:#e4f4f3}.pos-menu-item strong{font-size:.85rem}.pos-menu-item span{color:var(--text-soft);font-size:.78rem}.pos-menu-all{width:100%;margin-top:4px;border:0;border-top:1px solid var(--border);background:transparent;padding:9px 8px;color:var(--brand-dark);font-weight:700}.pos-menu-all:hover{background:#e4f4f3}.pos-customer-actions{display:flex;gap:16px;margin-top:2px}.balances-hero.prepaid-hero{background:linear-gradient(135deg,#0f8a6f,#0b6f68);box-shadow:0 14px 34px #0b6f683d}.prepaid-create{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px 18px}.prepaid-create strong{display:block;font-size:.98rem}.prepaid-create small{color:var(--text-soft);font-size:.82rem}.prepaid-amount{font-size:1rem;font-weight:800;color:var(--brand-dark)}@media(max-width:720px){.prepaid-create{grid-template-columns:1fr}}.pos-menu-link{display:block;width:100%;border:0;border-radius:7px;background:#e4f4f3;padding:9px 10px;color:var(--brand-dark);font-size:.85rem;font-weight:800;text-align:left}.pos-menu-link:hover{filter:brightness(.97)}.pos-menu-outstanding strong{color:var(--danger);font-size:1.05rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:12px 14px}.toolbar .search-field{flex:1 1 240px;min-height:42px}.toolbar select{width:auto;min-width:150px}.toolbar-reset{margin-left:auto}.dashboard-metric{padding:20px}.dashboard-metric strong{font-size:1.45rem}.dashboard-metric-grid.sales .dashboard-metric strong{font-size:1.8rem}.dashboard-metric-icon{width:46px;height:46px}.pos-gate{display:grid;flex:1;min-height:420px;place-items:center;padding:32px}.pos-gate-card{display:grid;max-width:460px;justify-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:34px 30px;background:var(--surface);text-align:center}.pos-gate-card h2{margin:4px 0 0;font-size:1.15rem}.pos-gate-card p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.pos-gate-card button{margin-top:8px}.pos-gate-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:12px;background:#e4f4f3;color:var(--brand-dark)}.pos-gate-card.danger .pos-gate-icon{background:var(--danger-bg);color:var(--danger)}.pos-gate-meta{font-size:.82rem!important}.pos-session-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--border-strong);border-radius:8px;padding:6px 12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.pos-session-chip:hover{border-color:var(--brand)}.pos-session-chip strong{display:block;font-size:.82rem}.pos-session-chip small{display:block;color:var(--text-muted);font-size:.7rem}.pos-session-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--success)}.session-page{display:grid;gap:18px}.session-page .page-header{margin-bottom:0}.session-page select{min-height:40px;border:1px solid var(--border-strong);border-radius:7px;padding:8px 10px;background:#fff}.session-panel{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.session-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:14px 18px}.session-panel-head h2{margin:0;font-size:1rem}.session-panel .notice,.session-panel .table-wrap{margin:16px 18px}.session-panel .table-wrap{border-radius:8px}.session-empty{display:grid;justify-items:center;gap:10px;padding:40px 24px;text-align:center}.session-empty h2{margin:4px 0 0;font-size:1.1rem}.session-empty p{margin:0;color:var(--text-muted);font-size:.9rem}.session-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.session-info{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.session-info div{padding:16px 18px;border-right:1px solid #edf2f0}.session-info div:last-child{border-right:0}.session-info dt{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.session-info dd{margin:7px 0 0;font-size:.95rem;font-weight:600}.session-rows{margin:0;padding:4px 18px;list-style:none}.session-rows li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf2f0;padding:12px 0}.session-rows li:last-child{border-bottom:0}.session-rows span{color:var(--text-muted);font-size:.88rem}.session-rows small{display:block;margin-top:2px;font-size:.72rem}.session-rows strong{font-size:.98rem}.session-rows .session-row-cash strong{color:var(--brand-dark)}.session-rows .session-row-total{border-top:1px solid var(--border)}.session-rows .session-row-total strong{font-size:1.1rem}.session-close-form{display:grid;gap:18px}.session-close-form .snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border)}.session-close-form .snapshot-grid div:nth-child(2n){border-right:1px solid #edf2f0}.session-close-form .snapshot-grid div:last-child{border-right:0}.session-close-form .form-stack,.session-close-form .notice,.session-close-form .action-bar{margin:0 18px}.session-close-form .action-bar{align-items:center;margin-bottom:18px;gap:14px}.variance{color:var(--danger)}@media(max-width:900px){.session-columns{grid-template-columns:1fr}.session-info{grid-template-columns:repeat(2,minmax(0,1fr))}.session-info div{border-bottom:1px solid #edf2f0}.session-close-form .snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-session-chip small{display:none}}.pos-menu-session{display:flex;align-items:center;gap:9px;padding:8px 0 10px}.pos-menu-session strong{display:block;font-size:.84rem}.pos-menu-session span{display:block;color:var(--text-muted);font-size:.74rem}.session-cash-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border)}.session-cash-grid div:nth-child(2n){border-right:1px solid #edf2f0}.session-cash-grid div:last-child{border-right:0}.session-page .session-info div small,.session-page td small{display:block;margin-top:3px;color:var(--text-muted);font-size:.74rem}@media(max-width:900px){.session-cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-metric{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.dashboard-metric.clickable{cursor:pointer;text-decoration:none;color:inherit}.dashboard-metric.clickable:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 10px 22px -14px #08778380}.dashboard-metric strong{font-size:1.4rem;letter-spacing:-.01em}.dashboard-metric-grid.sales .dashboard-metric{background:linear-gradient(160deg,#f3faf9,#fff 62%);border-color:#d0e6e2}.dashboard-metric-grid.sales .dashboard-metric strong{color:var(--brand-dark);font-size:1.5rem}.dashboard-metric-grid.sales .dashboard-metric:first-child{background:linear-gradient(150deg,var(--brand),var(--brand-dark));border-color:transparent;box-shadow:0 12px 26px -16px #087783b3}.dashboard-metric-grid.sales .dashboard-metric:first-child span,.dashboard-metric-grid.sales .dashboard-metric:first-child strong{color:#fff}.dashboard-metric-grid.sales .dashboard-metric:first-child .dashboard-metric-icon{background:#ffffff2e;color:#fff}.dashboard-panel{box-shadow:0 1px 2px #1028220d}.dashboard-section-title h2{font-size:1.05rem;letter-spacing:-.01em}.dashboard-section-title{padding-top:2px}.payment-list>div{transition:background .15s ease;border-radius:8px;padding-inline:8px;margin-inline:-8px}.payment-list>div:hover{background:#f5faf9}.payment-list>div span svg{color:var(--brand)}.dashboard-table tbody tr{transition:background .15s ease}.dashboard-table tbody tr:hover td{background:#f7fbfa}