:root{--bg:#eef3f8;--card:#fff;--ink:#172033;--muted:#718096;--line:#e5eaf0;--accent:#5b5cf0;--accent2:#8b5cf6;--good:#0e9f6e;--bad:#e14b4b;--warn:#f59e0b;--nav:#0b1220;--nav2:#111b2f;--shadow:0 18px 45px rgba(15,23,42,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#cdd6e5;padding:20px 14px;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:20}.logo{display:flex;align-items:center;gap:10px;padding:2px 8px 18px;color:white;font-size:18px}.logo span,.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;box-shadow:0 8px 24px rgba(91,92,240,.35)}.branch-chip{font-size:12px;padding:9px 11px;margin:0 4px 14px;border:1px solid #263149;border-radius:10px;background:#111a2c;color:#80e0bb}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:10px 12px;border-radius:10px;color:#9aa8bd;text-decoration:none;cursor:pointer;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#1c2840;color:#fff}.side-bottom{font-size:11px;border-top:1px solid #263149;margin-top:20px;padding:16px 10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:6px}.workspace{margin-left:248px;width:calc(100% - 248px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.topbar h2{font-size:19px;margin:0 0 2px}.topbar small{color:var(--muted)}.top-actions{display:flex;gap:12px;align-items:center}.sync-pill{font-size:12px;padding:8px 10px;background:#eefdf6;color:var(--good);border-radius:999px}.profile{display:flex;align-items:center;gap:9px}.profile small{display:block;text-transform:capitalize}.profile a{text-decoration:none;color:var(--muted);font-size:20px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:#5b21b6;font-weight:800}.icon-btn{border:0;background:#f4f6fa;border-radius:10px;padding:8px 10px;cursor:pointer}.mobile{display:none}.content{padding:24px}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 25px rgba(15,23,42,.03)}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:26px;font-weight:800;margin:7px 0}.kpi .hint{font-size:11px;color:var(--good)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h3{margin:0;font-size:15px}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn.soft{background:#eef0ff;color:#4f46e5}.btn.danger{background:#fff0f0;color:#c33}.btn.small{padding:7px 10px;font-size:12px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea,.login-card input{border:1px solid #dce3eb;border-radius:10px;padding:10px 12px;background:#fff;outline:none}.toolbar input:focus,.form-grid input:focus,.login-card input:focus{border-color:#9a9bf9;box-shadow:0 0 0 3px #eeeeff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{color:#78879a;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:#fafbfc}.table th,.table td{padding:11px 10px;border-bottom:1px solid #edf0f4;white-space:nowrap}.badge{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.badge.good{background:#e7f9f1;color:#0b8457}.badge.bad{background:#fff0f0;color:#ce3e3e}.badge.warn{background:#fff8e8;color:#b7791f}.split{grid-template-columns:1.15fr .85fr}.bar-row{display:grid;grid-template-columns:120px 1fr 80px;gap:10px;align-items:center;margin:9px 0;font-size:12px}.bar{height:8px;border-radius:10px;background:#eef1f5;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:10px}.pos-layout{display:grid;grid-template-columns:1fr 390px;gap:16px;height:calc(100vh - 124px)}.product-zone{display:flex;flex-direction:column;min-width:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow:auto;padding-right:4px}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;cursor:pointer;transition:.15s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cbcaff}.product-icon{height:82px;border-radius:11px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);display:grid;place-items:center;font-size:30px;margin-bottom:10px}.product-card b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card small{color:var(--muted)}.product-card strong{display:block;margin-top:7px;color:#4f46e5}.cart-card{display:flex;flex-direction:column;height:100%;padding:0}.cart-head{padding:16px;border-bottom:1px solid var(--line)}.cart-items{flex:1;overflow:auto;padding:8px 14px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px dashed #e3e8ef}.qtybox{display:flex;gap:6px;align-items:center;margin-top:5px}.qtybox button{width:25px;height:25px;border:0;border-radius:7px;background:#f1f4f8;cursor:pointer}.cart-summary{padding:14px;border-top:1px solid var(--line);background:#fbfcfe}.sumrow{display:flex;justify-content:space-between;margin:7px 0;font-size:13px}.sumrow.total{font-size:20px;font-weight:900;margin-top:12px}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.pay{padding:9px 4px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;font-size:11px}.pay.active{border-color:#8b5cf6;background:#f5f3ff;color:#6d28d9}.checkout{width:100%;padding:13px}.empty{padding:40px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(5,10,20,.55);display:grid;place-items:center;z-index:100;padding:20px}.modal.hidden{display:none}.modal-card{background:#fff;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:17px;box-shadow:0 25px 80px rgba(0,0,0,.28)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head button{border:0;background:transparent;font-size:25px;cursor:pointer}.modal-body,#modalBody{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;right:24px;bottom:24px;background:#152033;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s;z-index:200}.toast.show{transform:translateY(0);opacity:1}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#312e81 0,transparent 35%),radial-gradient(circle at 80% 70%,#581c87 0,transparent 35%),#080e1a;padding:20px}.login-card{width:min(410px,100%);background:rgba(255,255,255,.98);border-radius:22px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.login-card .brandmark{margin-bottom:18px}.login-card h1{margin:0 0 4px}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:9px;margin-top:22px}.login-card .btn{margin-top:8px}.login-footer,.muted{font-size:11px;color:var(--muted);margin-top:20px}.error,.notice{padding:10px;border-radius:9px;font-size:12px;margin:10px 0}.error{background:#fff0f0;color:#b91c1c}.notice{background:#eefdf6;color:#087854}.receipt{font-family:ui-monospace,monospace;max-width:320px;margin:auto}.receipt h2{text-align:center}.receipt .line{display:flex;justify-content:space-between;border-bottom:1px dashed #aaa;padding:5px 0}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr 330px}.split{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-left:0;width:100%}.mobile{display:block}.topbar{padding:0 12px}.profile>div:not(.avatar){display:none}.content{padding:12px}.kpis{grid-template-columns:1fr 1fr}.pos-layout{grid-template-columns:1fr;height:auto}.cart-card{height:auto;min-height:480px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.sync-pill{display:none}}


/* Advanced v2 UI */
.branch-chip small{font-size:9px;opacity:.8;margin-left:6px;letter-spacing:.08em}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}.small-value{font-size:20px!important}.card{box-shadow:0 10px 30px rgba(15,23,42,.045)}.sidebar nav a{transition:.16s ease}.sidebar nav a:hover{transform:translateX(2px)}.kpi .value{letter-spacing:-.03em}.sync-pill{font-weight:700}.table tbody tr:hover{background:rgba(99,102,241,.035)}
@media(max-width:700px){.action-grid{grid-template-columns:1fr}.small-value{font-size:17px!important}}

/* ===== POS Pro v4 visual system ===== */
:root{--accent:#635bff;--accent2:#8357f4;--bg:#f4f7fb;--nav:#071221;--nav2:#0a1728;--ink:#172033;--muted:#75849a;--line:#e7ebf2;--card:#fff;--good:#0aaf6d;--danger:#ef3340;--warning:#f59e0b;--blue:#2f72ff}
body{background:var(--bg)}.sidebar{width:224px;padding:14px 10px;background:linear-gradient(180deg,#081321,#0b1728)}.workspace{margin-left:224px;width:calc(100% - 224px)}
.logo{padding:0 6px 16px;gap:10px}.logo span{width:38px;height:38px;border-radius:11px}.logo div{display:grid}.logo b{font-size:15px}.logo small{font-size:9px;color:#8fa1ba;margin-top:2px;font-weight:500}
.menu-search{height:34px;border:1px solid #263449;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 9px;margin:2px 2px 12px;background:#0c1a2c}.menu-search span{font-size:13px;color:#8fa1ba}.menu-search input{background:transparent;border:0;outline:0;color:#dfe7f4;width:100%;font-size:10px}.menu-search input::placeholder{color:#73839b}
.sidebar nav{gap:1px}.sidebar nav>a,.nav-group>a{padding:8px 10px!important;border-radius:7px!important;font-size:11px!important;display:flex!important;align-items:center!important;gap:8px!important}.sidebar nav a em{margin-left:auto;font-style:normal;color:#71819a}.sidebar nav a.active{background:linear-gradient(90deg,#4438b7,#353889);box-shadow:0 6px 14px rgba(72,61,190,.25)}
.nav-group .subnav{display:grid;padding:2px 0 4px 28px}.nav-group .subnav a{padding:5px 8px!important;font-size:10px!important;border-radius:5px!important;color:#9aabc0!important;background:transparent!important}.nav-group .subnav a:before{content:'›';margin-right:6px;color:#5b6d85}.side-bottom{display:grid;grid-template-columns:auto 1fr;align-items:center;row-gap:3px;padding:12px 8px;margin-top:12px}.side-bottom small{grid-column:1/-1;color:#617189;font-size:9px}
.topbar{height:64px;padding:0 16px;border-bottom:1px solid #e5e9f0}.titleblock h2{font-size:17px;margin:0 0 3px}.breadcrumbs{display:flex;gap:7px;align-items:center;font-size:9px;color:#8a98aa}.breadcrumbs b{font-weight:500;color:#a9b3c1}.top-actions{gap:8px}.store-select{border:1px solid #dde4ec;border-radius:7px;padding:7px 25px 7px 10px;background:#fff;font-size:10px}.sync-pill{padding:7px 10px;font-size:10px}.notify{position:relative}.notify i{position:absolute;right:-1px;top:-3px;background:#ef3340;color:white;width:14px;height:14px;border-radius:50%;font-style:normal;font-size:8px;display:grid;place-items:center}.profile b{font-size:11px}.profile small{font-size:9px}.avatar{width:30px;height:30px;font-size:11px}
.content{padding:14px 16px 24px}.card{border-radius:9px;box-shadow:0 3px 16px rgba(15,23,42,.04);padding:14px}.btn{border-radius:6px;padding:8px 12px;font-size:10px}.btn.primary{background:linear-gradient(135deg,#5f57ff,#7a50ed)}.btn.soft{background:#f1f3ff}.btn.danger{background:#ffecef;color:#e93444}.table th,.table td{padding:9px 8px;font-size:10px}.table th{font-size:9px}.table .actions{display:flex;gap:5px}.icon-action{width:27px;height:27px;padding:0!important;display:inline-grid;place-items:center;border-radius:5px;border:0;cursor:pointer;color:#fff;font-size:11px}.icon-action.edit{background:#3478f6}.icon-action.delete{background:#ef3340}.icon-action.more{background:#fff;color:#64748b;border:1px solid #dfe5ec}.badge{font-size:9px;padding:4px 7px}

.product-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.metric-card{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;min-height:70px}.metric-icon{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;font-size:18px}.metric-icon.blue{background:#eaf2ff;color:#2f72ff}.metric-icon.green{background:#e9fbf2;color:#11a96b}.metric-icon.purple{background:#f1ebff;color:#7b4df1}.metric-icon.amber{background:#fff5df;color:#f3a20d}.metric-icon.red{background:#ffeaed;color:#ed3344}.metric-card small{display:block;color:#66758a;font-size:9px}.metric-card strong{display:block;font-size:17px;margin:2px 0}.metric-card em{font-size:8px;font-style:normal;color:#75849a}.metric-card em b{color:#12a76e}
.product-main-card{padding:0;overflow:hidden}.product-toolbar{display:flex;align-items:center;gap:7px;padding:10px;border-bottom:1px solid var(--line)}.product-toolbar .push{margin-left:auto}.field-inline{display:flex;align-items:center;gap:5px;font-size:9px;color:#5c6a7b}.field-inline select,.product-toolbar input{height:31px;border:1px solid #dfe5ec;border-radius:6px;padding:0 9px;background:#fff;font-size:10px}.product-toolbar .searchbox{display:flex;align-items:center;border:1px solid #dfe5ec;border-radius:6px;background:#fff;height:31px;min-width:230px}.product-toolbar .searchbox input{border:0;height:29px;flex:1;outline:0}.product-table .thumb{width:34px;height:34px;border-radius:7px;background:linear-gradient(135deg,#f3f6fb,#eef2f7);display:grid;place-items:center;overflow:hidden;font-size:18px}.product-table .thumb img{width:100%;height:100%;object-fit:cover}.product-name b{font-size:10px}.product-name small{display:block;font-size:8px;color:#7b8a9d}.stock-good{color:#06a66a;font-weight:800}.product-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:9px;color:#617187}.pagination{display:flex;gap:3px}.pagination button{width:24px;height:24px;border:1px solid #dfe4eb;background:#fff;border-radius:5px;font-size:9px}.pagination button.active{background:#6157f5;color:#fff;border-color:#6157f5}
.meta-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;align-items:start}.meta-card{padding:0;overflow:hidden}.meta-card .section-head{padding:10px 12px;margin:0;border-bottom:1px solid var(--line)}.meta-card .table-wrap{padding:0 10px 8px}.units-card{grid-column:1/2}.product-modal{width:min(790px,96vw)!important;border-radius:9px!important}.product-modal .modal-head{padding:11px 14px}.product-tabs{display:flex;background:#f5f7fb;border-radius:6px;margin-bottom:12px;padding:3px}.product-tabs button{border:0;background:transparent;padding:7px 13px;font-size:9px;color:#55657a;border-radius:5px;cursor:pointer}.product-tabs button.active{background:#655af5;color:#fff}.product-edit-grid{display:grid;grid-template-columns:1fr 1fr 160px;gap:10px}.product-edit-grid .wide{grid-column:1/3}.product-edit-grid label{display:grid;gap:4px;font-size:9px;font-weight:700}.product-edit-grid input,.product-edit-grid select,.product-edit-grid textarea{border:1px solid #dfe5ec;border-radius:6px;padding:8px;background:#fff;font-size:10px;outline:0}.product-edit-grid textarea{min-height:72px;resize:vertical}.image-box{grid-column:3;grid-row:1/span 5;border:1px dashed #d6dde7;border-radius:7px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:205px}.image-preview{width:100px;height:100px;border-radius:8px;background:#f4f6fa;display:grid;place-items:center;overflow:hidden;font-size:44px}.image-preview img{width:100%;height:100%;object-fit:contain}.image-box small{font-size:8px;color:#8290a2}.modal-card.product-modal #modalBody{padding:12px 14px}.product-modal .form-actions{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}
@media(max-width:1050px){.product-kpis{grid-template-columns:repeat(3,1fr)}.product-edit-grid{grid-template-columns:1fr 1fr}.image-box{grid-column:1/-1;grid-row:auto}.meta-grid{grid-template-columns:1fr}.units-card{grid-column:auto}}
@media(max-width:760px){.sidebar{width:224px}.workspace{margin-left:0;width:100%}.product-kpis{grid-template-columns:1fr 1fr}.product-toolbar{flex-wrap:wrap}.product-toolbar .push{margin-left:0}.product-toolbar .searchbox{min-width:100%}.top-actions .store-select,.notify{display:none}.meta-grid{grid-template-columns:1fr}.product-edit-grid{grid-template-columns:1fr}.product-edit-grid .wide,.image-box{grid-column:1}.product-modal{width:96vw!important}}
.error-card{border-left:4px solid #ef4444}.error-card h3{margin:0 0 8px}.error-card p{color:#64748b;margin:0 0 14px;word-break:break-word}


/* v6 checkout, discounts, coupons and thermal receipt */
.product-icon img{width:100%;height:100%;object-fit:contain}.product-card{position:relative}.discount-chip{position:absolute;top:7px;right:7px;background:#ffedf0;color:#e12f45;border:1px solid #ffd2da;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:800}.price-stack{display:flex;align-items:baseline;gap:7px;margin-top:5px}.price-stack s,.table-price s{color:#94a3b8;font-size:9px}.table-price{display:flex;flex-direction:column;gap:2px}.table-price b{color:#5d52f3}.table-price small{color:#e13d52;font-weight:700;font-size:8px}.line-discount{display:block;color:#0f9d6e!important;margin-top:4px;font-weight:700}.cart-line-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cart-line-price s{font-size:9px;color:#94a3b8}.coupon-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;margin:7px 0}.coupon-box>label{display:block;font-size:9px;font-weight:800;margin-bottom:5px}.coupon-row{display:flex;gap:5px}.coupon-row input{flex:1;min-width:0;border:1px solid #dfe5ec;border-radius:6px;padding:8px;font-size:10px;text-transform:uppercase}.coupon-ok{display:block;color:#0f9d6e;margin-top:5px;font-weight:700}.sumrow.saving{color:#0f9d6e}.amount-pay{padding-top:7px;border-top:1px dashed #d9e0e8;font-size:12px}.cash-panel{border:1px solid #e1e7f0;background:#f8fbff;border-radius:8px;padding:8px;margin-top:8px}.cash-entry{display:flex;align-items:center;justify-content:space-between;gap:8px}.cash-entry label{font-size:10px;font-weight:800}.cash-entry input{width:120px;border:1px solid #d5dee9;border-radius:6px;padding:8px;text-align:right;font-weight:800}.change-box{margin-top:8px;padding:10px;border-radius:7px;background:#e9fbf2;display:flex;justify-content:space-between;align-items:center;color:#069e67;font-weight:800}.change-box b{font-size:16px}.change-box.due{background:#fff0f2;color:#d93448}.checkout:disabled{opacity:.5;cursor:not-allowed}.receipt.thermal{font-family:"Courier New",monospace;color:#111;background:#fff;padding:15px;margin:auto;border:1px dashed #bbb;box-shadow:none}.receipt-80{width:302px;max-width:100%}.receipt-58{width:220px;max-width:100%}.thermal-logo{width:34px;height:34px;border:2px solid #111;border-radius:8px;display:grid;place-items:center;font-weight:900;margin:0 auto 6px}.thermal h2{text-align:center;margin:3px 0 5px;font-size:18px}.thermal-center{text-align:center;font-size:10px;line-height:1.35}.thermal-rule{border-top:1px dashed #333;margin:9px 0}.thermal-meta{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;font-size:9px}.thermal-meta b{text-align:right;overflow-wrap:anywhere}.thermal-item{padding:5px 0;border-bottom:1px dotted #bbb}.thermal-item-name{font-weight:800;font-size:10px}.thermal-item-name span{font-weight:400}.thermal-item-row,.thermal-saving,.thermal-total-row,.thermal-grand{display:flex;justify-content:space-between;gap:8px}.thermal-item-row{font-size:9px;margin-top:2px}.thermal-saving{font-size:8px;color:#555}.thermal-total-row{font-size:9px;padding:2px 0}.thermal-total-row.saving{color:#087f59}.thermal-total-row.change{font-weight:900}.thermal-grand{font-size:14px;font-weight:900;padding:7px 0;border-top:1px solid #111;border-bottom:1px solid #111;margin:5px 0}.thermal-thanks{font-weight:800;margin-top:8px}.thermal-small{font-size:8px;margin-top:5px}.thermal-actions{display:flex;gap:7px;margin-top:12px}.thermal-actions .btn{flex:1}
@media print{body.printing-receipt *{visibility:hidden!important}body.printing-receipt .thermal,body.printing-receipt .thermal *{visibility:visible!important}body.printing-receipt .thermal{position:absolute;left:0;top:0;margin:0;border:0;box-shadow:none}body.printing-receipt .no-print,body.printing-receipt .no-print *{display:none!important}.receipt-80{width:80mm!important}.receipt-58{width:58mm!important}@page{margin:2mm}}


/* v7 functional product editor tabs */
.product-tab-pane{display:none}.product-tab-pane.active{display:block;animation:nexaTabIn .14s ease-out}@keyframes nexaTabIn{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}
.product-tabs button{position:relative}.product-tabs button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.product-tabs button.active{box-shadow:0 2px 7px rgba(91,92,240,.20)}
.product-tab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-tab-grid label{display:grid;gap:4px;font-size:9px;font-weight:700}.product-tab-grid input,.product-tab-grid select,.product-tab-grid textarea{border:1px solid #dfe5ec;border-radius:6px;padding:8px;background:#fff;font-size:10px;outline:0}.product-tab-grid input:focus,.product-tab-grid select:focus,.product-tab-grid textarea:focus{border-color:#8e86ff;box-shadow:0 0 0 3px rgba(99,88,245,.10)}.product-tab-grid textarea{min-height:118px;resize:vertical}.product-tab-grid .wide{grid-column:1/-1}.product-tab-grid label small{font-weight:500;color:#8491a3;font-size:8px}
.price-preview{border:1px solid #dcdffb;background:linear-gradient(135deg,#f7f7ff,#f2f7ff);border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px}.price-preview span{font-size:9px;font-weight:800;color:#59687b}.price-preview strong{font-size:18px;color:#5b51ef}.price-preview small{grid-column:1/-1;color:#0d9a68;font-weight:700;font-size:9px}
.info-panel{margin-top:10px;border:1px solid #e1e7ef;background:#f8fafc;border-radius:8px;padding:12px;display:grid;gap:5px}.info-panel b{font-size:10px}.info-panel span{font-size:9px;line-height:1.5;color:#68778b}
.advanced-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.advanced-stat{border:1px solid #e3e8ef;background:#fafbfc;border-radius:8px;padding:12px;display:grid;gap:5px}.advanced-stat span{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#7d8999}.advanced-stat b{font-size:11px;overflow-wrap:anywhere}
@media(max-width:760px){.product-tab-grid{grid-template-columns:1fr}.product-tab-grid .wide{grid-column:auto}.advanced-product-grid{grid-template-columns:1fr 1fr}.product-tabs{overflow-x:auto;white-space:nowrap}.product-tabs button{flex:0 0 auto}}

.icon-action.delete svg{width:15px;height:15px;display:block;fill:currentColor}.icon-action.delete:hover{background:#d91f2d;transform:translateY(-1px)}

/* v9 advanced inventory / import-export */
.action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.inventory-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.inventory-row td small,.table td small{display:block;color:var(--muted);margin-top:3px}
.text-red{color:#dc2626;font-weight:700}
.upload-zone{border:2px dashed var(--line);border-radius:14px;padding:24px;background:#f8fafc;margin-top:14px}
.upload-zone input[type=file]{display:block;width:100%;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
@media(max-width:1200px){.inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v10 dynamic profile / notification center */
.profile-wrap,.notify-wrap{position:relative}.profile-button{border:0;background:transparent;cursor:pointer;padding:4px 6px;border-radius:12px;transition:.15s}.profile-button:hover,.profile-button.active{background:#f4f6fb}.profile-chevron{font-size:15px;color:#7c8a9d;margin-left:4px;transition:.2s}.profile-button.active .profile-chevron{transform:rotate(180deg)}.profile-menu,.notify-menu{position:absolute;right:0;top:calc(100% + 12px);width:330px;background:#fff;border:1px solid #e5eaf0;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.18);z-index:80;overflow:hidden}.profile-menu.hidden,.notify-menu.hidden{display:none}.profile-card{display:flex;gap:12px;align-items:center;padding:18px;background:linear-gradient(135deg,#f7f7ff,#f5fbff);border-bottom:1px solid #edf0f4}.avatar.large{width:46px;height:46px;font-size:16px}.profile-card strong{display:block;font-size:14px}.profile-card span{font-size:11px;color:#718096;text-transform:capitalize}.profile-meta{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #edf0f4}.profile-meta div{min-width:0}.profile-meta span{display:block;font-size:9px;color:#8995a6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.profile-meta b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta .online-text{color:#0e9f6e}.profile-links{padding:8px}.profile-links button,.profile-links a{width:100%;display:flex;gap:10px;align-items:center;border:0;background:transparent;padding:10px 11px;border-radius:9px;text-decoration:none;color:#344154;font-size:12px;cursor:pointer;text-align:left}.profile-links button:hover,.profile-links a:hover{background:#f5f7fb}.profile-links .logout-link{color:#d14343;border-top:1px solid #edf0f4;border-radius:0;margin-top:4px;padding-top:12px}.notify-menu{width:360px}.profile-menu-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0f4}.profile-menu-head b{font-size:13px}.profile-menu-head span{font-size:10px;color:#0e9f6e;background:#eafaf3;border-radius:999px;padding:4px 8px}.notify-items{max-height:340px;overflow:auto;padding:7px}.notification-row{display:flex;gap:10px;padding:10px;border-radius:10px;cursor:pointer}.notification-row:hover{background:#f6f8fb}.notification-row .nicon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff4dd;color:#b7791f;flex:none}.notification-row.bad .nicon{background:#fff0f0;color:#ce3e3e}.notification-row.good .nicon{background:#e7f9f1;color:#0b8457}.notification-row b{display:block;font-size:11px}.notification-row small{display:block;color:#7f8b9d;font-size:10px;margin-top:2px}.menu-empty{padding:24px;text-align:center;color:#8a96a8;font-size:11px}.notify i:empty,.notify i[data-count="0"]{display:none}.profile-form-summary{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center;margin-bottom:16px;padding:14px;background:#f7f8fc;border-radius:12px}.profile-form-summary .avatar{width:64px;height:64px;font-size:22px}.security-note{padding:10px 12px;border-radius:10px;background:#fff9e9;color:#8b6b18;font-size:11px;margin-bottom:12px}@media(max-width:760px){.profile-copy{display:none}.profile-menu,.notify-menu{position:fixed;right:12px;left:12px;top:70px;width:auto}.store-select{display:none}}

/* v11 Offline & Cloud synchronization center */
.sync-card{position:relative;overflow:hidden}.sync-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#635bff,#8b5cf6,#18b981)}.sync-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.sync-stats>div{border:1px solid #e7ebf1;background:#fafbff;border-radius:12px;padding:12px}.sync-stats span{display:block;color:#7b8798;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.sync-stats b{font-size:14px;color:#172033}.sync-message{padding:12px 14px;border-radius:10px;background:#f4f7fb;border:1px solid #e4eaf2;color:#475569;font-size:12px;min-height:42px;display:flex;align-items:center}.sync-card .btn:disabled{opacity:.65;cursor:wait}@media(max-width:760px){.sync-stats{grid-template-columns:1fr}}

/* POS product cards: keep all dynamic text outside the product picture */
.pos-product-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.pos-product-card .pos-product-image{position:relative;height:150px;margin:0!important;border-radius:13px 13px 0 0!important;background:#fff!important;overflow:hidden!important;display:flex!important;align-items:center;justify-content:center;padding:8px}
.pos-product-card .pos-product-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;position:static!important;margin:0!important}
.pos-product-card .pos-product-info{position:relative;z-index:2;background:#fff;border-top:1px solid #edf0f4;padding:10px 12px 12px;min-height:78px}
.pos-product-card .pos-product-info b{display:block;font-size:12px;line-height:1.3;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pos-product-card .pos-product-info small{display:block;margin-top:3px;font-size:9px;line-height:1.25;color:#718096}
.pos-product-card .pos-product-info>strong{display:block;margin-top:7px;color:#4f46e5;font-size:14px}
.pos-product-card .discount-chip{top:7px;right:7px;z-index:3}
.pos-product-card .product-placeholder{font-size:32px;color:#a5b4fc}
@media(max-width:760px){.pos-product-card .pos-product-image{height:125px}}

/* ===== POS Pro v12.1 Touch / Shop Counter UI ===== */
:root{
  --touch-target:48px;
  --touch-target-lg:54px;
  --touch-gap:10px;
}
html{-webkit-text-size-adjust:100%;touch-action:manipulation}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
button,a,[role="button"],.product-card,.pos-product-card,.pay,.notification-row,.profile-button,.icon-action{touch-action:manipulation;-webkit-user-select:none;user-select:none}
input,select,textarea{font-size:16px;min-height:var(--touch-target)}
input[type="checkbox"],input[type="radio"]{min-height:0;width:22px;height:22px;accent-color:var(--accent)}

/* Universal finger-sized actions */
.btn{min-height:var(--touch-target);padding:12px 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.15}
.btn.small{min-height:42px;padding:9px 12px;font-size:12px}
.icon-btn{min-width:var(--touch-target);min-height:var(--touch-target);padding:10px;display:inline-grid;place-items:center;font-size:20px}
.modal-head button{width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;border-radius:12px}
.modal-head button:active,.icon-btn:active,.btn:active,.pay:active,.product-card:active,.pos-product-card:active{transform:scale(.97)}

/* Navigation for touch kiosks / shop counters */
.sidebar nav{gap:6px}.sidebar nav a{min-height:48px;padding:12px 13px;font-size:14px;display:flex;align-items:center;gap:9px}
.subnav a{min-height:44px!important;padding:10px 12px 10px 38px!important}
.menu-search input{min-height:44px;font-size:15px}
.profile-button{min-height:48px}.profile-links button,.profile-links a{min-height:48px;padding:12px 13px;font-size:13px}
.notification-row{min-height:58px;padding:12px}

/* Toolbars / forms */
.toolbar{gap:10px;align-items:stretch}.toolbar input,.toolbar select{min-height:48px;padding:11px 13px;font-size:15px}
.form-grid{gap:14px}.form-grid label{font-size:13px;gap:7px}.form-grid input,.form-grid select,.form-grid textarea{min-height:50px;padding:12px 13px;font-size:16px;border-radius:11px}
.form-grid textarea{min-height:110px}.form-actions{gap:10px;flex-wrap:wrap}.form-actions .btn{min-width:120px}
.product-tab-grid label{font-size:12px;gap:6px}.product-tab-grid input,.product-tab-grid select,.product-tab-grid textarea{min-height:48px;padding:11px 12px;font-size:15px;border-radius:10px}.product-tab-grid label small{font-size:10px}
.upload-zone input[type=file]{min-height:52px;font-size:14px}

/* POS terminal: larger products, cart and payments */
.pos-layout{grid-template-columns:minmax(0,1fr) 410px;gap:14px}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;padding:3px 6px 10px 2px;scrollbar-gutter:stable}
.product-card,.pos-product-card{min-height:220px;border-radius:16px}
.pos-product-card .pos-product-image{height:154px;padding:10px}
.pos-product-card .pos-product-info{padding:11px 13px 13px;min-height:88px}
.pos-product-card .pos-product-info b{font-size:14px;line-height:1.35}
.pos-product-card .pos-product-info small{font-size:11px;margin-top:5px}
.pos-product-card .pos-product-info>strong{font-size:17px;margin-top:8px}
.cart-head{padding:15px 16px}.cart-items{padding:8px 14px}.cart-item{padding:14px 0;gap:10px;font-size:14px}
.qtybox{gap:8px;margin-top:8px}.qtybox button{width:44px;height:44px;border-radius:11px;font-size:20px;font-weight:800}.qtybox span,.qtybox input{min-width:38px;text-align:center;font-size:16px;font-weight:800}
.pay-grid{gap:9px;margin:12px 0}.pay{min-height:52px;padding:10px 6px;border-radius:12px;font-size:13px;font-weight:700}
.checkout{min-height:56px;font-size:16px}.sumrow{font-size:14px;margin:9px 0}.sumrow.total{font-size:22px}

/* Tables: readable and horizontally swipeable */
.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;border-radius:10px}.table{font-size:13px}.table th,.table td{padding:13px 11px}.table tbody tr{min-height:48px}.action-row{gap:9px}.icon-action{min-width:42px;min-height:42px;display:inline-grid;place-items:center;border-radius:10px}

/* Cards and dialogs */
.card{border-radius:17px}.modal{padding:14px}.modal-card{max-height:94dvh;width:min(760px,calc(100vw - 28px));border-radius:18px}.modal-body,#modalBody{padding:18px}.modal-head{padding:11px 14px;position:sticky;top:0;background:#fff;z-index:2}
.toast{font-size:14px;min-height:48px;display:flex;align-items:center;max-width:min(420px,calc(100vw - 24px))}

/* Login suitable for touch terminals */
.login-card input{min-height:52px;font-size:17px}.login-card .btn{min-height:54px;font-size:16px}

/* Dedicated coarse-pointer tuning catches Windows touch monitors and tablets */
@media (pointer:coarse){
  .sidebar nav a{min-height:52px;font-size:14px}
  .btn{min-height:50px}.btn.small{min-height:44px}
  .icon-btn{min-width:50px;min-height:50px}
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}
  .pos-product-card{min-height:232px}.pos-product-card .pos-product-image{height:160px}
  .qtybox button{width:48px;height:48px}.pay{min-height:56px}
  .table th,.table td{padding-top:14px;padding-bottom:14px}
  .profile-links button,.profile-links a,.notification-row{min-height:52px}
  .toolbar input,.toolbar select,.form-grid input,.form-grid select{min-height:52px}
  .product-card:hover,.pos-product-card:hover,.sidebar nav a:hover,.table tbody tr:hover{transform:none}
}

/* 10–13 inch shop touch displays */
@media (min-width:761px) and (max-width:1180px){
  .sidebar{width:210px}.workspace{margin-left:210px;width:calc(100% - 210px)}
  .content{padding:16px}.topbar{padding:0 16px}
  .pos-layout{grid-template-columns:minmax(0,1fr) 350px;height:calc(100dvh - 108px)}
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px}
  .pos-product-card .pos-product-image{height:140px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet portrait / mobile touch */
@media(max-width:760px){
  .sidebar{width:min(86vw,330px);box-shadow:20px 0 45px rgba(0,0,0,.25)}
  .topbar{min-height:68px;height:auto;padding:9px 10px}.top-actions{gap:6px}.content{padding:10px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}
  .pos-product-card{min-height:205px}.pos-product-card .pos-product-image{height:128px}
  .pos-layout{display:flex;flex-direction:column;gap:12px}
  .cart-card{min-height:0}.cart-items{max-height:42vh}
  .toolbar{display:grid;grid-template-columns:1fr}.toolbar>*{width:100%}
  .form-actions{display:grid;grid-template-columns:1fr 1fr}.form-actions .btn{width:100%;min-width:0}
  .table th,.table td{padding:12px 10px}
  .modal{padding:8px}.modal-card{width:100%;max-height:96dvh;border-radius:15px}.modal-body,#modalBody{padding:14px}
  .profile-menu,.notify-menu{top:72px;max-height:calc(100dvh - 84px);overflow:auto}
  .toast{left:12px;right:12px;bottom:12px;max-width:none}
}

@media(max-width:420px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pos-product-card .pos-product-image{height:112px}.pos-product-card .pos-product-info b{font-size:12px}.pos-product-card .pos-product-info>strong{font-size:15px}
  .form-actions{grid-template-columns:1fr}.pay-grid{grid-template-columns:repeat(3,1fr)}
}

/* Prevent accidental text selection on counter screens while keeping form content selectable */
body.touch-ui .sidebar,body.touch-ui .topbar,body.touch-ui .product-grid,body.touch-ui .cart-card{-webkit-user-select:none;user-select:none}
body.touch-ui input,body.touch-ui textarea,body.touch-ui select{-webkit-user-select:text;user-select:text}
.touch-pressed{filter:brightness(.96);transform:scale(.985)!important}


/* ===== v12.3 barcode scanner / POS counter ===== */
.pos-scan-toolbar{align-items:stretch}
.scan-input-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:320px;background:#fff;border:2px solid #dce3eb;border-radius:13px;overflow:hidden;min-height:52px}
.scan-input-wrap:focus-within{border-color:#6d5dfc;box-shadow:0 0 0 4px rgba(91,92,240,.10)}
.scan-input-wrap .scan-icon{width:46px;display:grid;place-items:center;font-size:22px;color:#5b5cf0}
.scan-input-wrap input{border:0!important;box-shadow:none!important;outline:0!important;flex:1;min-width:0;padding:12px 8px!important;font-size:15px;font-weight:700}
.scanner-ready{white-space:nowrap;margin-right:11px;border-radius:999px;padding:6px 9px;background:#eafbf3;color:#078657;font-size:10px;font-weight:800}
.scan-result{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;border:1px solid #dfe6ef;border-left:5px solid #10a36d;border-radius:13px;padding:10px 13px;margin:-3px 0 12px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.scan-result.hidden{display:none}
.scan-result.bad{border-left-color:#e14b4b;background:#fffafa}
.scan-result-media{width:54px;height:54px;border-radius:10px;background:#f6f7fb;display:grid;place-items:center;overflow:hidden;font-size:26px;font-weight:900;color:#e14b4b}
.scan-result-media img{width:100%;height:100%;object-fit:contain;background:#fff}
.scan-result-info{min-width:0;display:grid;gap:2px}
.scan-result-info small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#0e9f6e}
.scan-result.bad .scan-result-info small{color:#e14b4b}
.scan-result-info b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scan-result-info span{font-size:10px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scan-result-price{display:grid;justify-items:end;gap:2px;min-width:110px}
.scan-result-price strong{font-size:20px;color:#4f46e5}
.scan-result-price s{font-size:10px;color:#94a3b8}
.scan-result-price small{font-size:9px;color:#718096;font-weight:700}
@media(max-width:760px){.scan-input-wrap{min-width:100%;order:-1}.scanner-ready{display:none}.scan-result{grid-template-columns:48px minmax(0,1fr)}.scan-result-price{grid-column:2;justify-items:start;grid-auto-flow:column;align-items:baseline;gap:9px}.scan-result-info span{white-space:normal}}


/* POS Pro v12.4 - business logo / print branding */
.logo-settings-card{overflow:hidden}.business-logo-manager{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.business-logo-preview{width:150px;height:110px;border:1px dashed #cdd6e2;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#94a3b8;text-align:center;font-size:10px;font-weight:800;line-height:1.4}.business-logo-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.business-logo-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.upload-logo-label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #d9e1ec;border-radius:9px;background:#f8fafc;color:#172033;font-weight:800;cursor:pointer}.upload-logo-label input{display:none}.business-logo-controls small{color:#78879b;line-height:1.45}.thermal-business-logo{display:block;max-width:150px;max-height:64px;width:auto;height:auto;object-fit:contain;margin:0 auto 7px}.document-logo{display:block;max-width:190px;max-height:80px;width:auto;height:auto;object-fit:contain}.print-brand-logo{max-width:180px;max-height:70px;object-fit:contain}.print-brand-header{display:none}
@media(max-width:700px){.business-logo-manager{grid-template-columns:1fr}.business-logo-preview{width:100%;max-width:220px;height:120px}}
@media print{.thermal-business-logo{max-width:42mm!important;max-height:18mm!important;filter:grayscale(1);-webkit-filter:grayscale(1)}.receipt-58 .thermal-business-logo{max-width:34mm!important;max-height:14mm!important}}


/* POS Pro Demo v1.0 */
.demo-mode-bar{min-height:38px;background:linear-gradient(90deg,#111c33,#1c2f54);color:#fff;display:flex;align-items:center;gap:12px;padding:7px 18px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.demo-mode-bar b{font-size:13px}.demo-mode-bar span{opacity:.8;flex:1}.demo-mode-bar button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:7px 11px;font-weight:800;cursor:pointer}.demo-mode-bar button:hover{background:rgba(255,255,255,.16)}
.powered-hard{display:block!important;margin-top:4px;opacity:.75}.demo-readonly-note{display:flex;gap:10px;align-items:center;background:#f4f7ff;border:1px solid #dce5ff;color:#30456b;border-radius:10px;padding:10px 12px;margin-bottom:14px}.demo-readonly-note span{font-size:11px}
.demo-login-bg{min-height:100vh}.demo-login-shell{width:min(1020px,94vw);margin:auto;min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:30px 0}.demo-login-intro{padding:42px;color:#fff}.demo-brand-lockup{display:flex;gap:18px;align-items:flex-start}.demo-brand-lockup .brandmark{margin:0;flex:0 0 auto}.demo-brand-lockup h1{font-size:46px;margin:8px 0 8px;letter-spacing:-1.5px}.demo-brand-lockup p{max-width:540px;color:#c6d1e5;font-size:15px;line-height:1.65}.demo-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#20c997;color:#062c24;font-size:10px;font-weight:900;letter-spacing:.08em}.demo-chip.soft{background:#eef2ff;color:#4f46e5}.demo-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:30px;color:#e8eef9;font-size:12px}.demo-powered{margin-top:36px;color:#9fb0ca;font-weight:700}.demo-login-card{max-width:none;margin:0;padding:28px;border-radius:20px}.demo-login-head h2{margin:10px 0 4px;font-size:25px}.demo-login-head p{margin:0 0 18px;color:#718096;font-size:12px;line-height:1.5}.demo-account-card{width:100%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid #dfe5ef;background:#f9fbff;border-radius:13px;padding:12px;margin:6px 0 18px;cursor:pointer;transition:.15s}.demo-account-card:hover,.demo-account-card.selected{border-color:#7468f8;background:#f4f2ff;box-shadow:0 8px 24px rgba(79,70,229,.10);transform:translateY(-1px)}.demo-avatar{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#151f36;color:#fff;font-weight:900}.demo-account-copy{display:grid;gap:2px}.demo-account-copy b{font-size:13px}.demo-account-copy span{font-size:10px;color:#64748b}.demo-account-copy small{font-size:9px;color:#6257e8;font-weight:800}.demo-arrow{font-size:20px}.password-row{display:grid;grid-template-columns:1fr auto;gap:7px}.password-row input{width:100%}.password-toggle{border:1px solid #dfe5ec;background:#f8fafc;border-radius:8px;padding:0 12px;font-weight:800;cursor:pointer}.demo-signin{width:100%;margin-top:14px;min-height:45px}.demo-security-note{margin-top:14px;padding:9px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:9px;text-align:center}.demo-receipt-stamp{text-align:center;font-weight:900;font-size:10px;letter-spacing:.04em;border:2px solid #111;padding:6px;margin-bottom:8px}.demo-receipt-stamp.bottom{margin:10px 0 0}.receipt-a4{width:210mm!important;max-width:100%!important;padding:18mm!important;font-family:Arial,sans-serif!important}.receipt-a4 .thermal-item-name,.receipt-a4 .thermal-item-row,.receipt-a4 .thermal-meta,.receipt-a4 .thermal-total-row,.receipt-a4 .thermal-center{font-size:12px!important}.receipt-a4 .thermal-grand{font-size:18px!important}
@media(max-width:800px){.demo-login-shell{grid-template-columns:1fr;padding:18px 0}.demo-login-intro{padding:20px 12px 0}.demo-brand-lockup h1{font-size:36px}.demo-feature-grid{grid-template-columns:1fr 1fr}.demo-mode-bar{flex-wrap:wrap}.demo-mode-bar span{flex-basis:60%}}
@media(max-width:480px){.demo-feature-grid{grid-template-columns:1fr}.demo-login-card{padding:20px}.demo-mode-bar span{display:none}}
@media print{body.printing-receipt .receipt-a4{position:absolute!important;left:0!important;top:0!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:15mm!important}.demo-receipt-stamp{border-width:2px!important}}