:root{--ink:#202a25;--muted:#87918b;--line:#e9ece8;--paper:#fff;--canvas:#f6f7f4;--green:#176a4a;--green-dark:#164f3a;--mint:#e8f4ed;--orange:#d78b47;--rose:#a95348;--soft-shadow:0 5px 25px rgba(24,42,32,.045);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas)}body{font-size:13px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #9dcdb2;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}.hidden{display:none!important}.muted{color:var(--muted)}.align-right{text-align:right!important}.eyebrow{color:#86918a;font-size:10px;letter-spacing:1.35px;font-weight:700}.btn{border:0;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:12px;transition:transform .15s,background .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#176a4a;color:#fff}.btn-primary:hover{background:#14583d}.btn-dark{background:#202b25;color:#fff}.btn-dark:hover{background:#111b16}.btn-outline{background:#fff;border:1px solid #dfe4df;color:#35423a}.btn-danger-soft{background:#fff1ee;color:#a5493d}.btn-full{width:100%}.btn-plus{font-size:17px;line-height:12px;font-weight:400}.btn-count{padding:2px 6px;border-radius:10px;background:#ffffff24;font-size:10px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:#59645d}.text-action{background:none;border:0;color:var(--green);font-size:11px;font-weight:700;padding:5px 0}.text-action:hover{text-decoration:underline}.panel{background:#fff;border:1px solid #e9ede9;border-radius:14px;box-shadow:var(--soft-shadow)}

/* Shared brand */
.brand{display:flex;align-items:center;gap:10px;color:#202b25}.brand-mark{width:39px;height:39px;background:#1a6b4b;color:white;border-radius:12px;display:grid;place-items:center;font-family:'Manrope',sans-serif;font-size:20px;font-weight:800;box-shadow:inset 0 -2px 0 #ffffff21}.brand strong{display:block;font-family:'Manrope',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.8px;line-height:18px}.brand strong span{color:#24885e}.brand small{display:block;font-size:8px;color:#87918b;font-weight:700;letter-spacing:1.1px;margin-top:4px}

/* Sign in and installer */
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,43%) 1fr;background:#fff}.login-aside{background:#1d382d;color:#fff;padding:34px 52px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-aside:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff0b;border-radius:50%;right:-320px;top:22%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.login-aside:after{content:"";position:absolute;width:330px;height:330px;background:radial-gradient(circle,#528e6e33,transparent 72%);left:-140px;bottom:-90px;pointer-events:none}.brand-light{color:#fff;position:relative;z-index:1}.brand-light strong span{color:#82c5a0}.brand-light small{color:#b0c2b7}.brand-light .brand-mark{background:#246448}.login-copy{position:relative;z-index:1;margin:0 auto;max-width:465px;padding:30px 0}.login-copy .eyebrow{color:#9bc3ac}.login-copy h1{font-family:'Manrope',sans-serif;font-size:clamp(32px,4vw,53px);line-height:1.13;letter-spacing:-2.3px;margin:17px 0;color:#f7f8f3}.login-copy p{color:#c6d2ca;font-size:14px;line-height:1.7;max-width:350px;margin:17px 0 28px}.login-feature-list{display:grid;gap:14px;color:#e0e9e2;font-size:12px}.login-feature-list i{font-style:normal;border:1px solid #ffffff38;color:#9fdbb4;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;margin-right:9px}.aside-bottom{position:relative;z-index:1;color:#aabbb0;font-size:9px;letter-spacing:1.4px;font-weight:700}.aside-bottom span{color:#68ae87;margin:0 5px}.login-main{display:grid;place-items:center;padding:48px 32px}.login-card{width:min(100%,374px)}.login-card h2,.setup-card h1{font-family:'Manrope',sans-serif;letter-spacing:-.8px;font-size:27px;margin:9px 0 7px}.login-card .muted,.setup-card>p{font-size:12px;line-height:1.6;margin:0 0 28px}.login-card form,.setup-form{display:grid;gap:17px}.login-card label,.setup-form label{display:grid;gap:7px;font-weight:600;font-size:11px;color:#526057}.login-card input,.setup-form input,.setup-form select{width:100%;height:43px;border:1px solid #dfe5df;border-radius:8px;padding:0 12px;background:#fff;font-size:12px;color:#26352c}.login-card input::placeholder{color:#b5bdb7}.login-card .btn{margin-top:4px;height:44px}.login-note{color:#939c96;display:block;margin-top:19px;text-align:center;font-size:10px}.alert{padding:11px 12px;border-radius:8px;background:#fff0ec;color:#a23f34;font-size:11px;line-height:1.5;margin:0 0 15px}.mobile-brand{display:none}.setup-body{background:#f3f6f2}.setup-shell{max-width:790px;margin:0 auto;padding:36px 22px}.setup-shell>.brand{margin-bottom:26px}.setup-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 34px;box-shadow:var(--soft-shadow)}.setup-card>p{color:#78847c;margin-bottom:22px}.setup-form{gap:19px}.form-section-title{font-size:9px;color:#88928b;letter-spacing:1.2px;font-weight:700;border-bottom:1px solid var(--line);padding:0 0 8px;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px}.form-grid .wide{grid-column:1/-1}.form-grid label small{color:#98a19a;font-weight:400}.setup-foot{text-align:center;color:#a2aaa4;font-size:10px;margin-top:17px}.setup-form .btn{margin-top:4px}

/* App frame */
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;width:235px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 13px;display:flex;flex-direction:column}.sidebar>.brand{padding:0 8px 23px}.sidebar>.brand .brand-mark{width:36px;height:36px;border-radius:11px}.sidebar>.brand strong{font-size:16px}.shop-switch{display:flex;align-items:center;gap:10px;border:1px solid #edf0ec;border-radius:10px;padding:10px 9px;margin-bottom:24px}.shop-avatar{width:31px;height:31px;background:#e7f4ec;border-radius:9px;display:grid;place-items:center;color:#2a7d56;font-weight:800}.shop-switch strong,.shop-switch small{display:block}.shop-switch strong{font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-switch small{font-size:8px;color:#9aa39c;letter-spacing:.8px;margin-top:3px}.chevron{margin-left:auto;color:#929b94;font-size:16px}.nav-caption{font-size:9px;letter-spacing:1.1px;font-weight:700;color:#a3aaa5;padding:0 10px 9px}.main-nav{display:grid;gap:4px}.nav-link{height:40px;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:0 10px;border-radius:8px;color:#707b73;font-size:11px;font-weight:600}.nav-link:hover{background:#f7f9f6;color:#2e4337}.nav-link.active{background:#edf6ef;color:#206546;font-weight:700}.nav-icon{width:18px;text-align:center;font-size:17px;line-height:1;color:#7d8880}.nav-link.active .nav-icon{color:#26744e}.nav-link kbd{margin-left:auto;font-size:8px;border:1px solid #dfe6df;background:#fff;border-radius:4px;padding:3px 5px;color:#9aa29c}.sidebar-bottom{margin-top:auto}.help-card{background:#f1f7f1;border:1px solid #e7f0e7;border-radius:11px;padding:13px 13px 12px;margin:0 1px 14px;position:relative}.help-spark{color:#37845b;position:absolute;right:13px;top:13px;font-size:15px}.help-card>strong{font-size:11px}.help-card p{font-size:10px;color:#79857d;line-height:1.5;margin:6px 0 8px;max-width:170px}.help-card button{border:0;background:transparent;padding:0;color:#21724c;font-size:10px;font-weight:700}.help-card button span{font-size:14px;margin-left:3px}.profile-button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;border-top:1px solid #eef0ed;padding:13px 3px 8px;text-align:left}.profile-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e6ede8;color:#356247;font-size:11px;font-weight:700;flex:none}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:10px}.profile-copy small{color:#9ca49e;font-size:9px;margin-top:3px}.more-icon{margin-left:auto;color:#849087;letter-spacing:1px;font-size:14px}.logout-link{border:0;background:transparent;color:#9aa29c;padding:4px 8px;font-size:10px}.logout-link:hover{color:#a54b3c}.main-area{margin-left:235px;min-height:100vh;padding:0 35px 40px;max-width:calc(100vw - 235px)}.topbar{height:67px;border-bottom:1px solid #e7ebe7;display:flex;align-items:center;justify-content:space-between;margin:0 -35px;padding:0 35px;background:#f8f9f6}.breadcrumb{display:flex;align-items:center;gap:9px;color:#9ba39d;font-size:10px}.breadcrumb b{font-weight:400;color:#c6ccc7}.breadcrumb strong{font-weight:700;color:#3d4941}.topbar-right{display:flex;align-items:center;gap:15px}.today-date{font-size:10px;color:#7f8982}.topbar-divider{height:22px;width:1px;background:#e1e5e0}.topbar-right .icon-button{border:0;background:transparent;font-size:21px}.user-chip{border:0;background:transparent;padding:0}.profile-avatar.small{width:28px;height:28px}.mobile-menu{display:none!important}.page-view{display:none;padding-top:25px;animation:fadein .2s ease}.page-view.active{display:block}@keyframes fadein{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading h1{font:700 25px/1.2 'Manrope',sans-serif;letter-spacing:-1.1px;margin:7px 0 5px}.page-heading p{font-size:11px;color:#8a948d;margin:0}.page-heading .eyebrow{font-size:9px}.page-heading>.btn{margin-bottom:2px}.wave{font-size:17px;color:#d89b4b;margin-left:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid #e9ede9;border-radius:12px;padding:15px 16px 12px;min-height:122px;box-shadow:var(--soft-shadow)}.stat-feature{background:#f0f7f1;border-color:#e4efe6}.stat-warning{background:#fffaf4;border-color:#f2eade}.stat-top,.stat-foot{display:flex;align-items:center;justify-content:space-between}.stat-top>span:first-child{color:#7d8880;font-size:10px;font-weight:600}.stat-icon{width:25px;height:25px;border-radius:8px;background:#f1f3f1;display:grid;place-items:center;color:#78837b;font-size:12px}.stat-icon-green{color:#21754b;background:#dff0e4}.stat-icon-warning{color:#c28749;background:#faecd8;font-weight:800}.stat-number{font:700 24px/1.25 'Manrope',sans-serif;letter-spacing:-.8px;margin:12px 0 7px}.stat-number small{font:500 10px 'DM Sans',sans-serif;color:#929b94;letter-spacing:0}.stat-foot{min-height:14px}.stat-note{color:#9aa29c;font-size:9px}.mini-sparkline{font-size:19px;line-height:10px;color:#52936e;transform:rotate(-12deg)}.stat-foot .text-action{font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,1fr);gap:14px;margin-bottom:15px}.sales-panel,.quick-panel,.recent-panel{padding:17px 17px 13px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading h2,.cart-header h2,.modal-head h2{font:700 14px 'Manrope',sans-serif;margin:0;letter-spacing:-.25px}.panel-heading p,.cart-header p{font-size:9px;color:#98a19a;margin:5px 0 0}.select-compact{height:30px;border:1px solid #e6eae6;border-radius:7px;background:#fff;color:#77827a;font-size:9px;padding:0 8px}.sales-chart{height:150px;display:flex;align-items:flex-end;justify-content:space-around;gap:13px;margin:10px 8px 0;border-bottom:1px solid #edf0ed;background:repeating-linear-gradient(to bottom,transparent,transparent 36px,#f1f3f1 37px,#f1f3f1 38px)}.chart-bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:15px}.chart-bar{width:min(25px,65%);border-radius:5px 5px 1px 1px;background:#dbece0;min-height:3px;transition:height .3s}.chart-bar.today{background:#27764f}.chart-value{height:11px;color:#88948b;font-size:7px;white-space:nowrap}.chart-axis{display:flex;justify-content:space-around;padding:7px 3px 0;color:#a3aba5;font-size:8px}.quick-panel{display:flex;flex-direction:column}.dots{font-size:18px;color:#9ba49d;line-height:10px;letter-spacing:1px}.quick-action{height:52px;display:flex;align-items:center;gap:10px;padding:0 0;border:0;background:transparent;text-align:left;border-bottom:1px solid #f0f2ef}.quick-action:last-child{border-bottom:0}.quick-action:hover strong{color:#21764d}.quick-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:17px}.quick-icon.mint{background:#e7f4eb;color:#38805a}.quick-icon.peach{background:#fbefe4;color:#c1844c}.quick-icon.lavender{background:#f0ebf6;color:#8871a1}.quick-action>span:nth-child(2){display:grid;gap:3px}.quick-action strong{font-size:10px}.quick-action small{color:#9ba49d;font-size:9px}.quick-action>b{margin-left:auto;color:#a2aaa4;font-size:14px;font-weight:400}.recent-panel{padding-bottom:0}.recent-panel .panel-heading{align-items:center;padding-bottom:14px}.table-wrap{overflow-x:auto}.recent-panel .table-wrap{margin:0 -17px}.table-wrap table{border-collapse:collapse;width:100%;white-space:nowrap}.table-wrap th{font-size:8px;letter-spacing:.6px;color:#9ba49e;font-weight:700;text-align:left;padding:10px 12px;border-top:1px solid #f0f2ef;border-bottom:1px solid #f0f2ef}.table-wrap td{font-size:10px;color:#667269;padding:11px 12px;border-bottom:1px solid #f1f3f1}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td:first-child,.table-wrap th:first-child{padding-left:17px}.table-wrap td:last-child,.table-wrap th:last-child{padding-right:17px}.invoice-number{font-weight:700;color:#28734f;font-size:10px}.customer-cell{display:inline-flex;align-items:center;gap:8px;color:#46534a}.customer-avatar{width:23px;height:23px;border-radius:8px;background:#eff3ed;color:#64816b;display:grid;place-items:center;font-size:9px;font-weight:700;flex:none}.payment-badge{display:inline-block;padding:4px 7px;border-radius:5px;background:#f2f4f2;color:#718078;font-size:8px;text-transform:capitalize}.payment-badge.upi{background:#edf3fb;color:#55769b}.payment-badge.cash{background:#eff6ef;color:#478052}.payment-badge.credit{background:#fbf1e7;color:#aa7649}.amount-cell{font-weight:700;color:#344139!important}.row-arrow{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ebefeb;border-radius:6px;color:#849087}.row-arrow:hover{color:#21744c;border-color:#b8d4c0}.empty-row{text-align:center!important;color:#9aa29c!important;padding:30px!important}

/* Billing */
.compact-heading{margin-bottom:19px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px;align-items:start}.pos-left{min-width:0}.search-panel{height:43px;padding:0 11px;display:flex;align-items:center;gap:9px;margin-bottom:13px}.search-icon,.table-search>span{font-size:20px;color:#98a29a}.search-panel input,.table-search input{height:100%;border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:11px}.search-panel input::placeholder,.table-search input::placeholder{color:#adb6af}.search-panel kbd{color:#a3aaa5;font-size:16px}.pos-filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.category-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{border:1px solid #e6ebe6;background:#fff;border-radius:20px;padding:6px 10px;font-size:9px;color:#7e8981}.pill.active{background:#e7f3eb;border-color:#e7f3eb;color:#246c49;font-weight:700}.pos-filter-row>.muted{font-size:9px}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pos-product{position:relative;min-height:130px;background:#fff;border:1px solid #e8ece8;border-radius:11px;padding:11px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s,border .15s}.pos-product:not(:disabled):hover{transform:translateY(-2px);border-color:#9bc6a9;box-shadow:var(--soft-shadow)}.pos-product.disabled{opacity:.5}.pos-thumb{width:31px;height:31px;border-radius:9px;background:#f0f5f0;color:#6a8d70;display:grid;place-items:center;font:700 13px 'Manrope',sans-serif;margin-bottom:7px}.pos-product-info{display:grid;gap:4px;max-width:100%}.pos-product-info strong{font-size:10px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pos-product-info>small{font-size:8px;color:#9da69f;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pos-price{font-size:11px;font-weight:700;color:#364239}.pos-price small{font-size:8px;font-weight:400;color:#9aa29c}.pos-stock{position:absolute;right:10px;top:10px;width:21px;height:21px;border-radius:7px;background:#eff6ef;color:#3f8357;display:grid;place-items:center;font-size:14px}.pos-empty{grid-column:1/-1;display:grid;justify-items:center;padding:55px 20px;color:#98a29a;gap:7px}.pos-empty>span{font-size:26px;color:#91b79a}.pos-empty strong{font-size:12px;color:#59675d}.pos-empty small{font-size:10px}.cart-panel{position:sticky;top:14px;padding:15px 14px 12px}.cart-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:13px;border-bottom:1px solid #eef1ee}.cart-header p{display:flex;align-items:center;gap:5px}.live-dot{width:6px;height:6px;border-radius:50%;background:#4eae6d}.cart-header .text-action{font-size:9px}.cart-customer{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 0;border-bottom:1px solid #eef1ee}.cart-customer label{display:grid;gap:5px;font-size:8px;color:#8b968e;font-weight:700}.cart-customer label span{font-size:7px;color:#aab2ac;font-weight:500}.cart-customer input{height:31px;border:1px solid #e6ebe6;border-radius:6px;padding:0 8px;min-width:0;font-size:9px;font-weight:400}.cart-customer input::placeholder{color:#b2bab4}.cart-items{min-height:205px;max-height:315px;overflow:auto}.cart-empty{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b968e;gap:5px}.cart-empty>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#f7f8f6;font-size:21px;margin-bottom:3px}.cart-empty strong{font-size:10px;color:#58655c}.cart-empty small{font-size:9px;color:#9da69f}.cart-line{display:grid;grid-template-columns:29px minmax(0,1fr) auto 14px;align-items:start;gap:8px;padding:10px 0;border-bottom:1px solid #f0f2f0;position:relative}.cart-line-thumb{width:28px;height:28px;border-radius:8px;background:#eef4ee;color:#66836b;display:grid;place-items:center;font-weight:700}.cart-line-info{min-width:0;display:grid;gap:3px}.cart-line-info>strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line-info>small{font-size:8px;color:#9ba49d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line-total{font-size:9px;padding-top:2px}.qty-control{display:flex;align-items:center;gap:8px;margin-top:3px}.qty-control button{width:18px;height:18px;border:1px solid #e4e9e4;border-radius:5px;background:#fff;color:#438258;display:grid;place-items:center;padding:0;font-size:12px;line-height:1}.qty-control span{font-size:9px;min-width:10px;text-align:center}.remove-line{border:0;background:none;color:#aab2ac;padding:0;font-size:14px}.remove-line:hover{color:#a34e40}.cart-bottom{border-top:1px solid #eef1ee;padding-top:9px}.discount-row,.total-row{height:25px;display:flex;align-items:center;justify-content:space-between;color:#89948c;font-size:9px}.discount-row label{display:flex;align-items:center;border:1px solid #e5eae5;border-radius:5px;padding:0 5px;color:#9ba49d;height:23px;width:76px}.discount-row input{width:100%;border:0;outline:0;text-align:right;font-size:9px}.total-row{color:#818c84}.grand-total{height:34px;border-top:1px dashed #e2e7e2;margin-top:4px;padding-top:5px;color:#253229}.grand-total strong{font:700 12px 'Manrope',sans-serif}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.pay-method{height:28px;border:1px solid #e6eae6;border-radius:6px;background:#fff;font-size:8px;color:#7f8982}.pay-method.active{background:#eaf4ed;color:#226a47;border-color:#c8e2cf;font-weight:700}.checkout-btn{height:39px;display:flex;justify-content:space-between;margin-top:4px;padding:0 12px}.checkout-btn strong{margin-left:auto;font-size:11px}.checkout-btn span{font-size:16px;font-weight:400}.secure-caption{display:block;text-align:center;font-size:8px;color:#9ca59e;margin-top:9px}

/* Catalogue, history and labels */
.product-panel{overflow:hidden}.list-toolbar,.label-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.table-search{display:flex;align-items:center;gap:7px;height:32px;width:min(310px,55%);border:1px solid #e7ebe7;border-radius:7px;padding:0 9px;background:#fff}.table-search>span{font-size:18px}.table-search input{font-size:10px}.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-right>.muted{font-size:9px}.toolbar-right .select-compact{min-width:112px}.product-panel .table-wrap th:first-child,.product-panel .table-wrap td:first-child{padding-left:14px}.product-panel .table-wrap th:last-child,.product-panel .table-wrap td:last-child{padding-right:14px}.product-cell{display:flex;align-items:center;gap:9px}.product-thumb{width:29px;height:29px;border-radius:8px;background:#f0f4ef;color:#64856a;display:grid;place-items:center;font:700 12px 'Manrope',sans-serif;flex:none}.product-cell>span:last-child{display:grid;gap:3px}.product-cell strong{font-size:10px;color:#3a473e}.product-cell small{font-size:8px;color:#9ca59e}.sku-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;color:#57645b}.barcode-sub{display:block;margin-top:4px;color:#9ca59f;font-size:8px;font-family:inherit}.price-cell{font-weight:700;color:#3c4a40!important}.price-cell small{display:block;color:#a2aaa4;font-size:8px;font-weight:400;margin-top:3px}.stock-badge{font-size:8px;padding:5px 7px;border-radius:6px}.stock-badge.good{background:#eff6ef;color:#56805a}.stock-badge.low{background:#fbf2e6;color:#b27a3f}.stock-badge.out{background:#fff0ed;color:#b45d51}.status-active{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#64836a}.status-active i{width:6px;height:6px;background:#5ca16c;border-radius:50%}.row-menu{border:0;background:transparent;color:#879189;font-size:15px;letter-spacing:1px;border-radius:5px}.row-menu:hover{background:#f2f5f2}.date-input{height:29px;border:1px solid #e6eae6;border-radius:6px;padding:0 7px;font-size:9px;color:#7c8980;min-width:115px}.label-toolbar{margin-bottom:10px;border:1px solid #e8ece8;border-radius:11px;background:#fff;padding:7px 10px}.label-toolbar .table-search{border:0;width:55%}.label-toolbar>.muted{font-size:9px}.product-panel input[type=checkbox]{accent-color:#278056;width:14px;height:14px;vertical-align:middle}.copy-input{width:58px;height:28px;text-align:center;border:1px solid #e4e9e4;border-radius:6px;font-size:10px}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#1d292377;display:grid;place-items:center;padding:20px;backdrop-filter:blur(2px)}.modal{width:min(100%,600px);max-height:min(90vh,750px);overflow:auto;background:#fff;border:1px solid #e7ebe7;border-radius:15px;padding:20px;box-shadow:0 25px 80px #18251e2b;animation:fadein .15s ease}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:18px;margin-top:5px}.modal-head .icon-button{font-size:21px;width:30px;height:30px}.modal .form-grid{gap:12px}.modal .form-grid label{font-size:9px;color:#647168;font-weight:700;display:grid;gap:6px}.modal .form-grid input,.modal .form-grid select{height:36px;border:1px solid #e1e7e1;border-radius:7px;padding:0 9px;font-size:10px;background:#fff}.field-note{color:#9ca59f;font-size:9px;font-weight:400}.form-hint{font-size:9px;color:#9ba49d;margin:14px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #edf0ed}.modal-actions #deactivate-product{margin-right:auto}.modal-actions .btn{padding:9px 12px;font-size:10px}.form-error{font-size:10px;color:#a64638;background:#fff0ec;padding:8px;border-radius:6px;margin-top:10px}.toast{position:fixed;z-index:30;right:24px;bottom:22px;background:#25352b;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 10px 35px #18231c38;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:none}.toast.error{background:#8d3c32}

/* Printable 50 × 30 mm product labels */
.print-stage{display:none}.label-card{width:50mm;height:30mm;overflow:hidden;border:0;padding:1.8mm 2.2mm 1.3mm;display:flex;flex-direction:column;color:#111;background:white;font-family:Arial,sans-serif;break-inside:avoid;page-break-inside:avoid}.label-title{font-weight:700;font-size:9pt;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-sub{height:3.4mm;font-size:6.5pt;color:#4d4d4d;line-height:3.4mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-svg{width:100%;height:13.2mm;display:block;margin:0 auto;flex:none}.label-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:auto;font-size:6.2pt;line-height:1.1}.label-bottom span{font-family:monospace;font-size:5.6pt;overflow:hidden;white-space:nowrap}.label-bottom strong{font-size:8.3pt;white-space:nowrap}

/* A4 invoice */
.receipt-body{background:#f2f4f1;min-height:100vh;padding:24px}.receipt-sheet{width:min(100%,800px);min-height:800px;background:#fff;margin:0 auto;padding:44px 52px;box-shadow:0 5px 28px #1c2a2010;color:#202a25}.receipt-header{display:grid;grid-template-columns:38px 1fr auto;align-items:start;gap:13px;padding-bottom:23px;border-bottom:1px solid #e9ede9}.receipt-logo{width:36px;height:36px;border-radius:10px;background:#1a6b4b;color:#fff;display:grid;place-items:center;font:800 18px 'Manrope',sans-serif}.receipt-header h1{font:800 17px 'Manrope',sans-serif;margin:0 0 4px}.receipt-header p{font-size:9px;color:#7f8a82;margin:3px 0}.receipt-badge{background:#edf6ef;color:#30744e;padding:7px 9px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:.7px}.receipt-meta{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:21px 0}.receipt-meta div{display:grid;gap:5px}.receipt-meta small{font-size:8px;letter-spacing:.7px;color:#9aa39d;font-weight:700}.receipt-meta strong{font-size:10px}.receipt-meta span{font-size:9px;color:#778279}.receipt-table{width:100%;border-collapse:collapse}.receipt-table th{font-size:8px;color:#87928a;letter-spacing:.6px;text-align:left;border-top:1px solid #e9ede9;border-bottom:1px solid #e9ede9;padding:10px 7px}.receipt-table td{font-size:9px;padding:11px 7px;border-bottom:1px solid #f0f2ef;color:#4d5a51}.receipt-table td:first-child{display:grid;gap:3px}.receipt-table td strong{font-size:9px;color:#354139}.receipt-table td small{font-size:8px;color:#9ba49d}.receipt-table th:first-child,.receipt-table td:first-child{padding-left:0}.receipt-table th:last-child,.receipt-table td:last-child{padding-right:0}.receipt-totals{width:250px;margin:18px 0 0 auto;display:grid;gap:8px}.receipt-totals div{display:flex;justify-content:space-between;font-size:9px;color:#7d8981}.receipt-totals strong{font-size:9px;color:#3a473e}.receipt-totals .receipt-grand{border-top:1px solid #e6ebe6;border-bottom:1px solid #e6ebe6;padding:11px 0;color:#25332a}.receipt-grand strong{font:700 14px 'Manrope',sans-serif;color:#246d49}.receipt-footer{display:grid;justify-items:center;gap:5px;border-top:1px dashed #e5eae5;margin-top:52px;padding-top:21px}.receipt-footer strong{font:700 12px 'Manrope',sans-serif;color:#286a49}.receipt-footer span{font-size:9px;color:#9aa39d}.receipt-actions{display:flex;justify-content:center;gap:10px;padding:18px}.receipt-actions button,.receipt-actions a{border:1px solid #dce4dc;background:#fff;border-radius:7px;padding:9px 14px;font-size:10px;color:#435148}.receipt-actions button{background:#206b49;border-color:#206b49;color:#fff}

@media(max-width:1150px){.main-area{padding-left:24px;padding-right:24px;margin-left:220px;max-width:calc(100vw - 220px)}.sidebar{width:220px}.topbar{margin-left:-24px;margin-right:-24px;padding:0 24px}.pos-layout{grid-template-columns:minmax(0,1fr) 310px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:9px}.stat-card{padding:13px 12px}.stat-number{font-size:21px}}
@media(max-width:850px){.sidebar{width:210px}.main-area{margin-left:210px;max-width:calc(100vw - 210px);padding-left:18px;padding-right:18px}.topbar{margin-left:-18px;margin-right:-18px;padding:0 18px}.dashboard-grid{grid-template-columns:1fr}.quick-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:13px}.quick-panel>.panel-heading{grid-column:1/-1}.quick-action{border-bottom:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static;order:-1}.cart-items{min-height:100px;max-height:210px}.cart-empty{min-height:100px}.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.login-layout{display:block}.login-aside{display:none}.login-main{min-height:100vh;padding:30px 23px;align-items:center}.login-card{max-width:390px}.mobile-brand{display:flex;margin-bottom:43px}.login-card h2{font-size:25px}.setup-shell{padding:20px 12px}.setup-card{padding:22px 17px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.sidebar{transform:translateX(-102%);transition:transform .2s;width:255px;box-shadow:10px 0 30px #12201812}.sidebar.open{transform:none}.main-area{margin-left:0;max-width:100%;padding:0 14px 28px}.topbar{height:56px;margin:0 -14px;padding:0 14px}.mobile-menu{display:inline-flex!important;width:32px;height:32px;border:0;background:transparent;font-size:16px;margin-right:5px}.breadcrumb{margin-right:auto}.topbar-right{gap:7px}.today-date{font-size:8px}.topbar-divider{height:18px}.topbar-right .icon-button{width:28px;height:30px}.page-view{padding-top:19px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:17px}.page-heading h1{font-size:23px}.page-heading>.btn{align-self:stretch}.stats-grid{gap:8px}.stat-card{min-height:108px;padding:12px}.stat-number{font-size:20px;margin:10px 0 5px}.dashboard-grid{gap:9px}.sales-panel,.quick-panel,.recent-panel{padding:13px}.sales-chart{height:125px;margin-left:0;margin-right:0;gap:5px}.chart-bar{width:60%}.chart-value{font-size:6px}.recent-panel .table-wrap{margin:0 -13px}.recent-panel .panel-heading{align-items:flex-start}.quick-panel{grid-template-columns:1fr}.quick-panel>.panel-heading{grid-column:auto}.quick-action{height:46px}.compact-heading{margin-bottom:14px}.pos-layout{gap:10px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pos-product{min-height:119px;padding:9px}.cart-panel{padding:12px}.cart-customer{grid-template-columns:1fr 1fr}.list-toolbar{align-items:flex-start;flex-direction:column}.table-search{width:100%}.toolbar-right{width:100%;justify-content:space-between}.date-input{min-width:0;flex:1}.label-toolbar{align-items:flex-start;flex-direction:column}.label-toolbar .table-search{width:100%}.label-toolbar>.muted{padding-left:8px}.modal-backdrop{padding:10px}.modal{padding:16px;max-height:94vh}.modal .form-grid{grid-template-columns:1fr 1fr}.modal .form-grid .wide{grid-column:1/-1}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1}.receipt-body{padding:10px}.receipt-sheet{padding:25px 19px;min-height:unset}.receipt-header{grid-template-columns:34px 1fr;gap:10px}.receipt-badge{grid-column:2;justify-self:start}.receipt-meta{grid-template-columns:1fr 1fr}.receipt-meta>div:last-child{grid-column:1/-1}.receipt-table th,.receipt-table td{padding:9px 4px;font-size:8px}.receipt-table th{font-size:7px}.receipt-totals{width:min(100%,230px)}.receipt-footer{margin-top:30px}}
@media print{
  @page{size:A4 portrait;margin:5mm}
  html,body{background:#fff!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body *{visibility:hidden!important}
  #print-stage,#print-stage *{visibility:visible!important}
  #print-stage{display:grid!important;position:absolute;left:0;top:0;width:200mm;grid-template-columns:repeat(4,50mm);grid-auto-rows:30mm;gap:0;align-content:start}
  .label-card{width:50mm;height:30mm}
  body.receipt-body{padding:0!important}
  body.receipt-body *{visibility:visible!important}
  body.receipt-body .receipt-sheet{width:100%;min-height:0;margin:0;padding:6mm 10mm;box-shadow:none}
  body.receipt-body .receipt-actions{display:none}
}