:root{color:#171717;background:#f7f7f8;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;z-index:2;background:linear-gradient(#991b1b 0%,#7f1d1d 100%);padding:22px 18px;position:relative}.brand-block{text-align:center;margin-bottom:28px}.sidebar-logo{object-fit:contain;background:#fff;border-radius:14px;width:100%;max-width:190px;height:112px;padding:8px;box-shadow:0 8px 22px #0000002e}.brand{margin-top:14px;font-size:22px;font-weight:800}.brand-tagline{opacity:.82;margin-top:4px;font-size:12px}.sidebar-role{background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;margin-top:12px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.role-owner{color:#92400e;background:#fef3c7;border-color:#fde68a}.role-manager{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.role-cashier{color:#166534;background:#dcfce7;border-color:#bbf7d0}.role-stockkeeper{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.nav{gap:8px;display:grid}.nav a{border-radius:8px;padding:11px 12px}.nav a:hover,.nav a.active{background:#ffffff29}.nav a.active{font-weight:800;box-shadow:inset 3px 0 #fffc}.main{min-width:0;padding:28px;position:relative;overflow:hidden}.main-content{z-index:auto;position:relative}.app-watermark{aspect-ratio:3/2;opacity:.045;pointer-events:none;z-index:0;filter:saturate(.85);background:url(/logo.svg?v=official-20260727) 50%/contain no-repeat;width:min(58vw,760px);position:fixed;top:50%;left:calc(50vw + 130px);transform:translate(-50%,-50%)}.app-topbar{z-index:5;justify-content:flex-end;align-items:flex-start;min-height:52px;margin-bottom:10px;display:flex;position:relative}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fffffff0;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000000a}.access-card{text-align:center;max-width:620px;margin:60px auto;padding:36px}.access-card .button{margin-top:12px;display:inline-block}.metric{margin-top:8px;font-size:28px;font-weight:800}.muted{color:#6b7280}.notice{color:#7f1d1d;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px}.table{border-collapse:collapse;background:#fffffff5;border-radius:12px;width:100%;overflow:hidden}.table th,.table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee;padding:13px}.button{color:#fff;cursor:pointer;background:#991b1b;border:0;border-radius:8px;padding:11px 16px;font-weight:700}.button:disabled{opacity:.65;cursor:not-allowed}.input{background:#fffffff5;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:11px 12px}.pos{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.product{cursor:pointer;background:#fffffff5;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.cart-line{border-bottom:1px solid #eee;justify-content:space-between;padding:11px 0;display:flex}.login-page{background:linear-gradient(135deg,#fff7f7ed,#f7f7f8ed),url(/logo.svg?v=official-20260727) 50%/620px no-repeat;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffff7;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:430px;padding:30px;box-shadow:0 16px 40px #0000001a}.login-brand{color:#991b1b;margin-bottom:22px;font-size:24px;font-weight:800}.login-card h1{margin:0 0 8px}.login-form{gap:16px;margin-top:24px;display:grid}.login-form label{gap:7px;font-weight:700;display:grid}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 12px}.product-form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px;display:grid}.product-form-grid label{gap:7px;font-weight:700;display:grid}.checkbox-field{align-items:center;min-height:42px;font-weight:700;flex-direction:row!important;gap:8px!important;display:flex!important}.image-upload-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.image-picker{color:#fff;cursor:pointer;background:#166534;border-radius:8px;align-items:center;padding:11px 16px;font-weight:700;display:inline-flex}.image-picker input{display:none}.product-image-preview{object-fit:contain;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:150px;height:120px}.product-image-placeholder{color:#6b7280;text-align:center;background:#f9fafb;border:1px dashed #9ca3af;border-radius:10px;place-items:center;width:150px;height:120px;padding:12px;display:grid}.product-thumb,.product-thumb-empty{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:58px;height:58px}.product-thumb{object-fit:contain}.product-thumb-empty{color:#9ca3af;place-items:center;display:grid}h3{color:#7f1d1d;margin:24px 0 12px}.receipt-success{justify-content:space-between;align-items:center;gap:18px;display:flex}.receipt-print{display:none}.user-menu{position:relative}.user-menu-trigger{cursor:pointer;text-align:left;background:#fffffff7;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;min-width:250px;padding:8px 11px;display:flex;box-shadow:0 2px 8px #0000000d}.user-avatar{color:#fff;background:#991b1b;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.user-menu-summary{flex:1;gap:2px;min-width:0;display:grid}.user-menu-summary strong,.user-menu-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-summary small{color:#6b7280}.user-menu-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:280px;padding:9px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 35px #00000024}.user-menu-details{border-bottom:1px solid #eee;gap:5px;margin-bottom:5px;padding:10px 11px 13px;display:grid}.user-menu-details span{color:#6b7280;font-size:13px}.user-menu-details .shift-open{color:#166534;font-weight:700}.user-menu-details .shift-closed{color:#6b7280}.user-menu-panel a,.user-signout{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 11px}.user-menu-panel a:hover,.user-signout:hover{background:#f3f4f6}.user-signout{color:#b91c1c;font-weight:700}.account-form{gap:16px;max-width:560px;display:grid}.account-form label{gap:7px;font-weight:700;display:grid}.report-filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;display:flex}.report-filters label{gap:6px;min-width:155px;font-weight:700;display:grid}.report-presets{flex-wrap:wrap;flex:420px;gap:7px;display:flex}.report-preset{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 12px;font-weight:700}.report-preset.active{color:#fff;background:#991b1b;border-color:#991b1b}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.report-grid .metric{overflow-wrap:anywhere;font-size:24px}.report-columns{grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px;display:grid}.report-columns h2,.card>h2{margin-top:0}.report-table{border-collapse:collapse;width:100%}.report-table td{border-bottom:1px solid #eee;padding:11px 0}.report-table td:last-child{text-align:right;font-weight:800}.bar-chart{gap:12px;display:grid}.bar-row{grid-template-columns:70px minmax(100px,1fr) 120px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-row strong{text-align:right}.bar-track{background:#f3f4f6;border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#991b1b,#dc2626);border-radius:999px;height:100%}.stock-status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.stock-status.low{color:#92400e;background:#fef3c7}.stock-status.out{color:#991b1b;background:#fee2e2}@media (max-width:900px){.staff-editor-backdrop{inset:0}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px}.app-watermark{width:min(86vw,620px);left:50%}.grid{grid-template-columns:repeat(2,1fr)}.pos{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.app-topbar{justify-content:stretch}.user-menu,.user-menu-trigger{width:100%}.user-menu-panel{width:auto;left:0;right:0}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-columns{grid-template-columns:1fr}}@media (max-width:600px){.header{flex-direction:column;align-items:flex-start}.grid,.product-form-grid{grid-template-columns:1fr}.image-upload-row,.receipt-success{flex-direction:column;align-items:flex-start}.report-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:55px minmax(80px,1fr)}.bar-row strong{text-align:left;grid-column:2}.report-filters label{width:100%}}@media print{@page{size:80mm auto;margin:3mm}html,body{width:80mm;color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.sidebar,.app-watermark,.screen-only,.pos-toolbar,.pos-main-grid,.pos-active-staff,.pos-modal-layer{display:none!important}.shell,.main,.main-content{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.pos-workspace{background:#fff!important;width:80mm!important;height:auto!important;display:block!important;position:static!important;overflow:visible!important}n .receipt-print{color:#000;width:72mm;margin:0 auto;padding:0 1mm 4mm;font-family:Courier New,monospace;font-size:10px;line-height:1.28;display:block!important;position:static!important}.receipt-header{text-align:center}.receipt-header img{object-fit:contain;filter:grayscale()contrast(1.4);width:40mm;max-height:22mm;margin:0 auto 2mm}.receipt-header h1{letter-spacing:.2px;margin:0 0 1mm;font-family:Arial,sans-serif;font-size:15px;line-height:1.1}.receipt-header p{margin:.5mm 0}.receipt-tagline{font-style:italic;font-weight:700}.receipt-divider{border-top:1px dashed #000;margin:2.5mm 0}.receipt-meta,.receipt-totals{grid-template-columns:1fr auto;align-items:start;gap:1mm 3mm;display:grid}.receipt-meta strong,.receipt-totals strong{text-align:right;overflow-wrap:anywhere}.receipt-items-heading,.receipt-item{grid-template-columns:minmax(0,1fr) auto;gap:3mm;display:grid}.receipt-items-heading{margin-bottom:1.5mm;font-weight:700}.receipt-item{border-bottom:1px dotted #999;align-items:start;padding:1.3mm 0}.receipt-item div{min-width:0}.receipt-item strong{overflow-wrap:anywhere}.receipt-item small{margin-top:.5mm;display:block}.receipt-grand-total{border-top:1px solid #000;margin-top:1mm;padding-top:1mm;font-size:13px}.receipt-barcode{text-align:center;letter-spacing:1px;margin:4mm 0 2mm;font-size:9px}.receipt-barcode svg{width:58mm;height:14mm;margin:0 auto 1mm;display:block}.receipt-footer{text-align:center;margin-top:2mm}.receipt-footer strong{margin-bottom:1mm;font-family:Arial,sans-serif;font-size:12px;display:block}.receipt-footer p{margin:1mm 0}}.staff-table-wrap{border-radius:12px;overflow-x:auto}.staff-profile-cell{align-items:center;gap:12px;min-width:240px;display:flex}.staff-avatar{object-position:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;flex:0 0 54px;min-width:54px;display:block;overflow:hidden;object-fit:cover!important;width:54px!important;max-width:54px!important;height:54px!important;max-height:54px!important}.staff-avatar-empty{color:#fff;background:#991b1b;place-items:center;font-size:15px;font-weight:800;display:grid}.staff-profile-copy{gap:4px;min-width:0;display:grid}.staff-profile-copy strong,.staff-profile-copy small{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.staff-profile-copy small{color:#6b7280}.avatar-upload{color:#991b1b;cursor:pointer;width:max-content;font-size:12px;font-weight:800;display:inline-block}.avatar-upload input{display:none}.staff-form{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px;display:grid}.staff-form label{gap:7px;font-weight:700;display:grid}.staff-editor-backdrop{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111827b8;place-items:start center;padding:4vh 20px 20px;display:grid;position:fixed;inset:0 0 0 260px;overflow:auto}.staff-editor{width:min(980px,100vw - 40px);max-height:92vh;margin:0 auto;padding:24px;position:relative;overflow:auto}.staff-editor h2{margin:0 0 6px}.permission-editor{gap:14px;display:grid}.permission-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.permission-actions h3{margin:0 auto 0 0}.permission-editor fieldset{border:1px solid #e5e7eb;border-radius:10px;padding:14px}.permission-editor legend{color:#7f1d1d;padding:0 7px;font-weight:800}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.permission-grid label{cursor:pointer;background:#f9fafb;border-radius:7px;align-items:flex-start;gap:8px;padding:8px;display:flex}.permission-grid input{margin-top:2px}.staff-editor-footer{justify-content:flex-end;margin-top:20px;display:flex}.button.secondary{color:#7f1d1d;background:#fff;border:1px solid #d1d5db}@media (max-width:600px){.staff-editor-backdrop{padding:8px}.staff-editor{max-height:calc(100vh - 16px);padding:16px}.staff-form,.permission-grid{grid-template-columns:1fr}.permission-actions h3{width:100%}.staff-avatar{flex-basis:46px;min-width:46px;width:46px!important;max-width:46px!important;height:46px!important;max-height:46px!important}}.stock-alert-widget{z-index:80;position:fixed;bottom:22px;right:22px}.stock-alert-button{color:#374151;cursor:pointer;background:#fff;border:0;border-radius:50%;width:54px;height:54px;font-size:22px;position:relative;box-shadow:0 8px 30px #0000002e}.stock-alert-button.has-alerts{color:#fff;background:#991b1b}.stock-alert-button span{color:#111827;background:#f59e0b;border:2px solid #fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-5px;right:-4px}.stock-alert-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(380px,100vw - 28px);max-height:70vh;padding:16px;position:absolute;bottom:66px;right:0;overflow:auto;box-shadow:0 18px 50px #00000038}.stock-alert-heading{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;font-size:18px;display:flex}.stock-alert-heading button{cursor:pointer;background:0 0;border:0;font-size:24px}.stock-notification-permission{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-bottom:12px;padding:12px}.stock-notification-permission p{margin:0 0 10px}.stock-alert-list{margin:10px 0 14px;display:grid}.stock-alert-list div{border-bottom:1px solid #eee;justify-content:space-between;gap:14px;padding:9px 0;display:flex}.stock-alert-list strong{color:#92400e;white-space:nowrap}.stock-alert-list strong.out{color:#b91c1c}@media (max-width:600px){.stock-alert-widget{bottom:14px;right:14px}.stock-alert-panel{width:auto;position:fixed;bottom:78px;left:14px;right:14px}}.staff-editor>.header{z-index:3;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;margin:-24px -24px 20px;padding:20px 24px 14px;position:sticky;top:-24px}.staff-editor-footer{z-index:3;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;margin:20px -24px -24px;padding:14px 24px 20px;position:sticky;bottom:-24px}@media (max-width:600px){.staff-editor-backdrop{padding:8px}.staff-editor{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.staff-editor>.header{margin:-16px -16px 16px;padding:16px;top:-16px}.staff-editor-footer{margin:16px -16px -16px;padding:12px 16px 16px;bottom:-16px}}
.sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff73 transparent;height:100vh;max-height:100vh;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff61 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff94 padding-box padding-box;border:2px solid #0000}@media (max-width:900px){.sidebar{height:auto;max-height:none;position:relative;overflow:visible}}
.sidebar{flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;padding:0!important}.sidebar-fixed{border-bottom:1px solid #ffffff24;flex:none;padding:18px 14px 12px;position:relative}.sidebar .brand-block{margin-bottom:14px}.sidebar-search{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;outline:none;width:100%;padding:10px 11px}.sidebar-search::placeholder{color:#ffffffb8}.sidebar-search:focus{background:#ffffff2e;border-color:#ffffff8c}.sidebar-toggle{color:#fff;cursor:pointer;z-index:3;background:#00000024;border:1px solid #ffffff40;border-radius:8px;width:30px;height:30px;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.sidebar .nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff6 transparent;padding:12px 10px 24px;display:block;overflow-y:auto}.sidebar .nav::-webkit-scrollbar{width:7px}.sidebar .nav::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px}.nav-group{margin-bottom:10px}.nav-group-title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:8px 10px 6px;font-size:11px;font-weight:800;display:flex}.nav-group-title:hover{color:#fff}.nav-group-links{gap:5px;display:grid}.nav-group-links a{border-radius:8px;align-items:center;gap:10px;padding:10px 11px;display:flex}.nav-icon{flex:0 0 22px;place-items:center;width:22px;font-size:17px;display:inline-grid}.nav-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.shell.sidebar-collapsed{grid-template-columns:78px 1fr}.sidebar-collapsed .sidebar-fixed{padding:48px 9px 10px}.sidebar-collapsed .sidebar-logo{border-radius:10px;height:52px;padding:4px}.sidebar-collapsed .brand,.sidebar-collapsed .brand-tagline,.sidebar-collapsed .sidebar-role,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-group-title span,.sidebar-collapsed .nav-group-title b{display:none}.sidebar-collapsed .brand-block{margin-bottom:0}.sidebar-collapsed .nav{padding-left:8px;padding-right:8px}.sidebar-collapsed .nav-group-title{border-top:1px solid #ffffff2e;height:8px;margin:7px 4px;padding:0}.sidebar-collapsed .nav-group-links a{justify-content:center;padding:10px 6px}.sidebar-collapsed .nav-icon{font-size:19px}.sidebar-collapsed .app-watermark{left:calc(50vw + 39px)}@media (max-width:900px){.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-toggle{display:none}}
body:has(.pos-workspace){overflow:hidden}.pos-shell{width:100vw;height:100vh;display:block;overflow:hidden}.pos-shell>.sidebar{z-index:1200;width:min(320px,88vw);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:12px 0 36px #00000038}.pos-shell.pos-menu-open>.sidebar{transform:translate(0)}.pos-shell>.main{width:100vw;min-width:0;height:100vh;overflow:hidden}.pos-shell .main-content{width:100%;height:100%;padding:0;overflow:hidden}.pos-shell .app-watermark{display:none}.pos-menu-backdrop{z-index:1100;background:#0f172a80;border:0;position:fixed;inset:0}.pos-drawer-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;width:38px;height:38px;font-size:24px;position:absolute;top:12px;right:12px}.pos-workspace{--pos-gap:10px;color:#172033;background:#eef2f7;grid-template-rows:64px minmax(0,1fr);width:100vw;height:100vh;display:grid;overflow:hidden}.pos-toolbar{z-index:5;background:#fff;border-bottom:1px solid #d9e0ea;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:10px;padding:9px 12px;display:grid;box-shadow:0 2px 10px #0f172a0f}.pos-toolbar-left,.pos-toolbar-actions,.pos-search-form{align-items:center;gap:8px;min-width:0;display:flex}.pos-brand-title{white-space:nowrap;line-height:1.05}.pos-brand-title strong{font-size:17px;display:block}.pos-brand-title small{color:#667085;font-size:11px}.pos-icon-button,.pos-action-button,.pos-add-button,.pos-checkout-button,.pos-qty-button{cursor:pointer;font:inherit;border:0}.pos-icon-button{color:#fff;background:#172033;border-radius:10px;width:42px;height:42px;font-size:22px}.pos-search-form{width:100%}.pos-search-input{background:#fff;border:2px solid #cbd5e1;border-radius:11px;width:100%;height:44px;padding:0 14px;font-size:16px}.pos-search-input:focus{border-color:#b91c1c;outline:0;box-shadow:0 0 0 3px #b91c1c1f}.pos-add-button,.pos-action-button{border-radius:10px;min-height:42px;padding:0 14px;font-weight:700}.pos-add-button{color:#fff;background:#b91c1c}.pos-action-button{color:#172033;white-space:nowrap;background:#e8edf4}.pos-action-button:hover,.pos-action-button:focus-visible{background:#dce3ed}.pos-action-button.danger{color:#991b1b;background:#fee2e2}.pos-action-button:disabled,.pos-checkout-button:disabled{cursor:not-allowed;opacity:.5}.pos-main-grid{gap:var(--pos-gap);min-height:0;padding:var(--pos-gap);grid-template-columns:minmax(0,1fr) minmax(360px,34vw);display:grid}.pos-products-panel,.pos-checkout-panel{background:#fff;border:1px solid #d9e0ea;border-radius:14px;min-height:0;overflow:hidden;box-shadow:0 6px 18px #0f172a0d}.pos-products-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.pos-panel-heading{border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pos-panel-heading h1,.pos-panel-heading h2,.pos-checkout-title h2{margin:0}.pos-panel-heading p,.pos-checkout-title p{color:#667085;margin:2px 0 0;font-size:12px}.pos-message{color:#9a3412;text-align:right;background:#fff7ed;border-radius:9px;max-width:48%;padding:8px 10px;font-size:13px;font-weight:700}.pos-product-scroll{overscroll-behavior:contain;min-height:0;padding:12px;overflow-y:auto}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;display:grid}.pos-product-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:12px;grid-template-rows:76px auto auto auto;align-content:start;gap:4px;min-height:174px;padding:10px;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid}.pos-product-card:hover:not(:disabled){border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 7px 16px #0f172a1a}.pos-product-card:disabled{cursor:not-allowed;opacity:.58}.pos-product-image{object-fit:contain;background:#f8fafc;border-radius:8px;width:100%;height:76px}.pos-product-placeholder{background:#f1f5f9;border-radius:8px;place-items:center;height:76px;font-size:26px;display:grid}.pos-product-name{min-height:34px;font-size:13px;line-height:1.28;overflow:hidden}.pos-product-price{color:#991b1b;font-size:16px;font-weight:800}.pos-product-meta{color:#667085;justify-content:space-between;gap:6px;font-size:11px;display:flex}.stock-ok{color:#166534;font-weight:700}.stock-low{color:#b45309;font-weight:700}.stock-out{color:#b91c1c;font-weight:700}.pos-checkout-panel{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.pos-checkout-title{border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pos-cart-count{color:#fff;background:#172033;border-radius:999px;place-items:center;min-width:34px;height:28px;font-weight:800;display:grid}.pos-cart-scroll{overscroll-behavior:contain;min-height:0;padding:8px 12px;overflow-y:auto}.pos-empty-cart{text-align:center;color:#7a8494;place-items:center;height:100%;display:grid}.pos-cart-line{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0;display:grid}.pos-cart-line-name{font-size:13px;font-weight:750}.pos-cart-line-price{color:#667085;margin-top:2px;font-size:11px}.pos-cart-line-total{text-align:right;font-size:13px;font-weight:800}.pos-quantity-control{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pos-qty-button{background:#e8edf4;border-radius:8px;width:34px;height:32px;font-size:19px;font-weight:800}.pos-qty-input{text-align:center;border:1px solid #cbd5e1;border-radius:8px;width:62px;height:32px;font-weight:700}.pos-payment-area{background:#fbfcfe;border-top:1px solid #dfe4eb;padding:10px 12px 12px}.pos-totals{grid-template-columns:1fr auto;gap:5px 12px;margin-bottom:9px;font-size:13px;display:grid}.pos-grand-total{border-top:2px solid #172033;padding-top:6px;font-size:20px;font-weight:900}.pos-payment-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pos-field{color:#475467;gap:4px;font-size:11px;font-weight:700;display:grid}.pos-field input,.pos-field select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;height:38px;padding:0 10px;font-size:13px}.pos-change{color:#166534;background:#ecfdf3;border-radius:9px;justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.pos-checkout-button{color:#fff;letter-spacing:.01em;background:#15803d;border-radius:11px;width:100%;min-height:52px;margin-top:9px;font-size:16px;font-weight:900}.pos-checkout-button:hover:not(:disabled){background:#166534}.pos-modal-layer{z-index:1500;background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pos-modal{background:#fff;border-radius:16px;grid-template-rows:auto minmax(0,1fr);width:min(680px,96vw);max-height:min(720px,90vh);display:grid;overflow:hidden;box-shadow:0 24px 70px #00000047}.pos-modal-header{border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.pos-modal-header h2,.pos-modal-header p{margin:0}.pos-modal-header p{color:#667085;margin-top:3px;font-size:12px}.pos-modal-body{padding:12px 16px 16px;overflow-y:auto}.pos-held-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.pos-held-actions{gap:7px;display:flex}.pos-receipt-success{text-align:center;background:#fff;border-radius:18px;width:min(460px,94vw);padding:28px;box-shadow:0 24px 70px #00000047}.pos-receipt-success h2{color:#166534;margin-top:0}.pos-receipt-success .receipt-total{font-size:30px;font-weight:900}.pos-receipt-actions{justify-content:center;gap:8px;margin-top:18px;display:flex}@media (max-width:1050px){.pos-main-grid{grid-template-columns:minmax(0,1fr) 390px}.pos-toolbar{grid-template-columns:auto minmax(220px,1fr)}.pos-toolbar-actions{grid-column:1/-1;justify-content:flex-end}.pos-workspace{grid-template-rows:108px minmax(0,1fr)}}@media (max-width:760px){body:has(.pos-workspace){overflow:auto}.pos-workspace{grid-template-rows:auto auto;height:auto;min-height:100vh;overflow:visible}.pos-toolbar{grid-template-columns:auto 1fr;position:sticky;top:0}.pos-search-form{grid-column:1/-1}.pos-toolbar-actions{justify-content:flex-start;overflow-x:auto}.pos-main-grid{grid-template-columns:1fr;overflow:visible}.pos-products-panel{min-height:58vh}.pos-checkout-panel{min-height:70vh}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
:is(html:has(.pos-workspace),body:has(.pos-workspace)){overscroll-behavior:none;background:#eef2f7;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}body:has(.pos-workspace)>*{min-width:0;min-height:0}.pos-shell{width:100%;min-width:0;height:100dvh;min-height:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pos-shell>.main,.pos-shell .main-content{width:100%;min-width:0;height:100%;min-height:0;margin:0;position:absolute;inset:0;overflow:hidden;padding:0!important}.pos-shell .app-topbar,.pos-shell .app-watermark{display:none!important}.pos-page-frame{width:100%;min-width:0;height:100%;min-height:0;position:relative}.pos-workspace{width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.pos-active-staff{z-index:1000;color:#fff;pointer-events:none;background:#172033f0;border-radius:12px;align-items:center;gap:10px;max-width:min(420px,100vw - 36px);padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:14px;left:18px;box-shadow:0 5px 18px #0f172a3d}.pos-active-staff-dot{background:#22c55e;border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #22c55e2e}.pos-active-staff-copy{gap:1px;min-width:0;display:grid}.pos-active-staff-copy strong,.pos-active-staff-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-active-staff-copy small{opacity:.78;font-size:11px}.pos-main-grid{min-width:0;min-height:0;overflow:hidden}.pos-products-panel,.pos-checkout-panel,.pos-product-scroll,.pos-cart-scroll{min-width:0;min-height:0}@supports not selector(body:has(.pos-workspace)){.pos-shell,.pos-shell>.main,.pos-shell .main-content,.pos-workspace{margin:0;padding:0!important}}@media (max-width:760px){.pos-shell{height:auto;min-height:100dvh;position:relative;overflow:visible}.pos-shell>.main,.pos-shell .main-content,.pos-workspace{height:auto;min-height:100dvh;position:relative;inset:auto;overflow:visible}.pos-active-staff{max-width:none;bottom:10px;left:10px;right:10px}}
.retail-pos .pos-search-form{display:block}.retail-pos .pos-products-panel{grid-template-rows:auto auto minmax(0,1fr)}.pos-category-strip{scrollbar-width:thin;background:#f8fafc;border-bottom:1px solid #e5e9f0;gap:7px;padding:8px 12px;display:flex;overflow-x:auto}.pos-category-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;flex:none;min-height:34px;padding:0 13px;font-weight:800}.pos-category-button:hover{border-color:#991b1b}.pos-category-button.active{color:#fff;background:#991b1b;border-color:#991b1b}.retail-pos .pos-grand-total{font-size:24px}.retail-pos .pos-checkout-button{color:#fff;background:#b91c1c;border:1px solid #991b1b;min-height:58px;font-size:17px;font-weight:900;box-shadow:0 6px 14px #b91c1c38}.retail-pos .pos-checkout-button:hover:not(:disabled),.retail-pos .pos-checkout-button:focus-visible:not(:disabled){background:#991b1b;box-shadow:0 8px 18px #991b1b47}.retail-pos .pos-checkout-button:active:not(:disabled){background:#7f1d1d;transform:translateY(1px)}.retail-pos .pos-checkout-button:disabled{color:#fff;box-shadow:none;background:#ef9a9a;border-color:#ef9a9a}.retail-pos .pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.retail-pos .pos-cart-line{padding:8px 0}.retail-pos .pos-payment-area{box-shadow:0 -5px 16px #0f172a0f}.retail-pos{isolation:isolate;position:relative}.retail-pos .pos-toolbar,.retail-pos .pos-main-grid{z-index:2;position:relative}.pos-brand-watermark{display:none}.pos-brand-logo{object-fit:cover;border:1px solid #ffffff52;border-radius:10px;flex:none;width:42px;height:42px;box-shadow:0 2px 8px #0f172a2e}.retail-pos .pos-toolbar-left{align-items:center;gap:10px;display:flex}.retail-pos .pos-brand-title strong{font-size:15px;line-height:1.15}.retail-pos .pos-brand-title small{letter-spacing:.02em;opacity:.82;font-size:10px}.retail-pos .pos-toolbar-actions{align-items:center}.retail-pos .pos-toolbar-actions>.pos-action-button{box-sizing:border-box;height:42px;min-height:42px}.retail-pos .pos-toolbar-actions>a.pos-action-button{vertical-align:middle;justify-content:center;align-items:center;margin:0 0 0 4px;line-height:1;text-decoration:none;display:inline-flex}.retail-pos .pos-products-panel{isolation:isolate;background:#fff;position:relative;overflow:hidden}.retail-pos .pos-products-panel:before{content:"";opacity:.12;filter:grayscale();pointer-events:none;z-index:0;background-image:url(/logo.svg?v=official-20260727);background-position:50%;background-repeat:no-repeat;background-size:min(58%,650px);position:absolute;inset:0}.retail-pos .pos-products-panel>.pos-panel-heading,.retail-pos .pos-products-panel>.pos-category-strip,.retail-pos .pos-products-panel>.pos-product-scroll{z-index:1;position:relative}.retail-pos .pos-panel-heading,.retail-pos .pos-category-strip{background:#ffffffeb}.retail-pos .pos-product-scroll{background:#ffffff8f}.retail-pos .pos-product-card{z-index:1;position:relative}.retail-pos .pos-checkout-panel{background:#fff}@media (max-width:900px){.pos-brand-logo{width:36px;height:36px}.retail-pos .pos-brand-title small{display:none}.retail-pos .pos-products-panel:before{opacity:.1;background-size:min(78%,480px)}.retail-pos .pos-toolbar-actions>.pos-action-button{height:40px;min-height:40px}}@media (max-height:720px) and (min-width:761px){.retail-pos .pos-toolbar{padding-top:6px;padding-bottom:6px}.retail-pos .pos-workspace{grid-template-rows:56px minmax(0,1fr)}.retail-pos .pos-panel-heading,.retail-pos .pos-checkout-title{padding-top:8px;padding-bottom:8px}.retail-pos .pos-payment-area{padding-top:7px;padding-bottom:7px}.retail-pos .pos-checkout-button{min-height:46px;margin-top:6px}.retail-pos .pos-field input,.retail-pos .pos-field select{height:34px}.pos-brand-logo{width:36px;height:36px}.retail-pos .pos-brand-title small{display:none}}
:root{--app-accent:#b91c1c;--app-font-scale:100%}html{font-size:var(--app-font-scale)}html[data-theme=soft] body{background:#e9edf3}html[data-theme=dark] body{color:#e5e7eb;background:#111827}html[data-theme=dark] .main,html[data-theme=dark] .main-content{background:#111827}html[data-theme=dark] .card,html[data-theme=dark] .settings-section,html[data-theme=dark] .app-topbar{color:#e5e7eb;background:#1f2937;border-color:#374151}html[data-theme=dark] input,html[data-theme=dark] select{color:#e5e7eb;background:#111827;border-color:#4b5563}html[data-density=compact] .card{padding:14px}html[data-density=compact] .nav a{min-height:36px}html[data-density=compact] .pos-product-card{min-height:154px;padding:8px}.hide-app-watermark .app-watermark,.hide-app-watermark .pos-products-panel:before{display:none!important}.reduce-app-motion *{transition:none!important;animation:none!important}.hide-product-images .pos-product-image,.hide-product-images .pos-product-placeholder{display:none!important}.hide-product-images .pos-product-card{min-height:108px;grid-template-rows:auto auto auto!important}.hide-stock-card-info .pos-product-meta .stock-ok,.hide-stock-card-info .pos-product-meta .stock-low,.hide-stock-card-info .pos-product-meta .stock-out{display:none}.pos-checkout-button,.button:not(.secondary),.pos-add-button{background:var(--app-accent)!important}.settings-page{max-width:1200px;margin:0 auto;padding:24px}.settings-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.settings-heading h1{margin:0 0 5px}.settings-heading p{color:#667085;margin:0}.settings-actions{gap:10px;display:flex}.settings-section{background:#fff;border:1px solid #d9e0ea;border-radius:16px;margin-bottom:18px;padding:20px;box-shadow:0 5px 16px #0f172a0d}.settings-section h2{margin:0 0 16px;font-size:18px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.settings-grid label{color:#475467;gap:7px;font-size:13px;font-weight:750;display:grid}.settings-grid input:not([type=range]):not([type=color]),.settings-grid select{height:42px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:0 11px}.colour-field{grid-template-columns:48px 1fr;gap:8px;display:grid}.colour-field input[type=color]{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:48px;height:42px;padding:2px}.settings-switches{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:16px;display:grid}.settings-switches label{border:1px solid #e5e9f0;border-radius:11px;align-items:center;gap:9px;padding:12px;font-weight:700;display:flex}.settings-switches input{width:18px;height:18px;accent-color:var(--app-accent)}.settings-links{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.settings-links a{color:inherit;background:#f8fafc;border:1px solid #dce2ea;border-radius:12px;gap:5px;padding:15px;text-decoration:none;display:grid}.settings-links a:hover{border-color:var(--app-accent);box-shadow:0 5px 15px #0f172a14}.settings-links span{color:#667085;font-size:12px;line-height:1.45}@media (max-width:700px){.settings-page{padding:14px}.settings-heading{display:grid}.settings-actions{width:100%}.settings-actions .button{flex:1}.settings-section{padding:15px}}
.login-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.login-heading-row .login-brand{margin-bottom:4px}.login-branch{color:#6b7280;font-size:13px;font-weight:700;display:block}.connection-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.connection-badge.online{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.connection-badge.offline{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.offline-login-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;margin:18px 0 0;padding:11px 12px;line-height:1.45}.login-submit{width:100%;min-height:44px}.login-footer{color:#6b7280;text-align:center;border-top:1px solid #eee;margin:22px 0 0;padding-top:18px;font-size:12px}.pin-input{text-align:center;letter-spacing:.42em;font-size:24px;font-weight:800}.pin-staff-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:4px;padding:13px 14px;display:grid}.pin-staff-card span{color:#6b7280;text-transform:capitalize;font-size:13px}.login-mode-link{color:#991b1b;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-weight:800}.login-mode-link:hover{text-decoration:underline}.button-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.offline-page{background:#f7f7f8;place-items:center;min-height:100vh;padding:24px;display:grid}.offline-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:520px;padding:38px;box-shadow:0 18px 45px #00000014}.offline-icon{color:#991b1b;background:#fee2e2;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:20px;display:grid}.offline-brand{color:#991b1b;margin:0 0 8px;font-weight:800}.offline-card h1{margin:0 0 12px}.offline-card p:not(.offline-brand){color:#6b7280;margin-bottom:24px;line-height:1.6}.global-sync-status{z-index:1000;border-radius:999px;align-items:center;gap:8px;max-width:min(420px,100vw - 36px);padding:10px 13px;font-size:12px;font-weight:800;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #00000029}.global-sync-status.sync-offline{color:#fff;background:#991b1b}.global-sync-status.sync-pending{color:#78350f;background:#fef3c7;border:1px solid #fde68a}@media (max-width:520px){.login-heading-row{flex-direction:column}.connection-badge{align-self:flex-start}.offline-card{padding:28px 22px}.global-sync-status{justify-content:center;max-width:none;bottom:12px;left:12px;right:12px}}
.sync-queue-indicator{z-index:1200;color:#7f1d1d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #991b1b38;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 30px #0f172a29}.sync-dot{background:#d97706;border-radius:50%;flex:none;width:.58rem;height:.58rem}.sync-dot.syncing{background:#15803d;animation:1s ease-in-out infinite gil-sync-pulse}@keyframes gil-sync-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:640px){.sync-queue-indicator{max-width:calc(100vw - 1.3rem);bottom:.65rem;right:.65rem}}