:root{--primary:#a81e2d;--primary-hover:#8f1926;--primary-active:#76141f;--primary-soft:#fdf0f1;--primary-soft-hover:#f9dde0;--primary-contrast:#fff;--background:#f7f6f5;--surface:#fff;--surface-alt:#faf9f8;--surface-sunken:#f1efee;--border:#e3e0dd;--border-strong:#c9c5c1;--text-primary:#24282e;--text-secondary:#6b7079;--text-inverse:#fff;--success:#1a7f45;--success-soft:#e7f4ed;--warning:#a86400;--warning-soft:#fdf3e2;--danger:#b3261e;--danger-soft:#fdecea;--info:#17557e;--info-soft:#e8f1f8;--focus:#a81e2d;--focus-ring:0 0 0 3px #a81e2d33;--disabled-bg:#f1efee;--disabled-text:#a6a29e;--shadow-sm:0 1px 2px #24282e0f;--shadow-md:0 4px 14px #24282e17;--shadow-lg:0 16px 44px #24282e2e;--radius:6px;--radius-lg:10px;--radius-pill:999px;--sidebar-w:244px;--sidebar-w-collapsed:60px;--topbar-h:52px;--row-h:36px;--fs-xs:11.5px;--fs-sm:12.5px;--fs-base:14px;--fs-md:15px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:32px;--bg:var(--background);--text:var(--text-primary);--text-muted:var(--text-secondary);font-family:Cairo,Montserrat,Segoe UI,Noto Naskh Arabic,Tahoma,Arial,sans-serif;font-size:var(--fs-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[dir=ltr],.num,input[dir=ltr]{font-feature-settings:"tnum" 1;font-family:Montserrat,Cairo,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}::selection{background:var(--primary-soft-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-inline-end:1px solid var(--border);color:var(--text-primary);padding-block:var(--sp-2);flex-direction:column;flex-shrink:0;block-size:100vh;transition:width .16s;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.shell.collapsed .sidebar{width:var(--sidebar-w-collapsed)}.shell.collapsed .sidebar .nav-label,.shell.collapsed .sidebar .nav-section,.shell.collapsed .sidebar .brand small{display:none}.shell.collapsed .sidebar nav a{justify-content:center;padding-inline:0}.sidebar .brand{align-items:center;gap:var(--sp-2);font-size:var(--fs-md);color:var(--text-primary);padding:var(--sp-2) var(--sp-4) var(--sp-3);border-block-end:1px solid var(--border);margin-block-end:var(--sp-2);font-weight:700;display:flex}.sidebar .brand-mark{border-radius:var(--radius);background:var(--primary);block-size:26px;inline-size:26px;color:var(--primary-contrast);font-size:var(--fs-sm);flex:none;place-items:center;font-weight:700;display:grid}.sidebar .brand small{font-weight:400;font-size:var(--fs-xs);color:var(--text-secondary);margin-block-start:2px;line-height:1.4;display:block}.sidebar nav{padding-inline:var(--sp-2);flex-direction:column;gap:1px;display:flex}.sidebar nav a{align-items:center;gap:var(--sp-2);color:var(--text-secondary);padding:8px var(--sp-3);border-radius:var(--radius);font-size:13.5px;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar nav a:hover{background:var(--surface-sunken);color:var(--text-primary)}.sidebar nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar nav a.active:before{content:"";border-radius:0 var(--radius) var(--radius) 0;background:var(--primary);block-size:20px;inline-size:3px;position:absolute;inset-inline-start:0}.sidebar nav a{position:relative}.sidebar .nav-icon{text-align:center;flex:none;inline-size:18px;font-size:14px}.sidebar .nav-section{margin:var(--sp-4) var(--sp-4) var(--sp-1);letter-spacing:.6px;color:var(--text-secondary);opacity:.75;font-size:10.5px;font-weight:700}.sidebar .sidebar-foot{padding:var(--sp-2) var(--sp-3) 0;border-block-start:1px solid var(--border);gap:var(--sp-1);flex-direction:column;margin-block-start:auto;display:flex}.topbar{z-index:20;block-size:var(--topbar-h);align-items:center;gap:var(--sp-3);padding-inline:var(--sp-4);background:var(--surface);border-block-end:1px solid var(--border);display:flex;position:sticky;inset-block-start:0}.topbar .topbar-title{font-size:var(--fs-md);margin:0;font-weight:600}.topbar .topbar-context{font-size:var(--fs-sm);color:var(--text-secondary)}.topbar .spacer{flex:1}.topbar .user-chip{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.topbar .avatar{border-radius:var(--radius-pill);background:var(--primary-soft);block-size:26px;inline-size:26px;color:var(--primary);font-weight:700;font-size:var(--fs-xs);place-items:center;display:grid}.app-body{flex-direction:column;flex:1;min-inline-size:0;display:flex}.main{padding:0 var(--sp-5) var(--sp-6);flex:1;min-inline-size:0}.nav-scrim{display:none}@media (width<=900px){.sidebar{z-index:60;transform:translateX(var(--drawer-hidden,110%));box-shadow:var(--shadow-lg);position:fixed;inset-block:0;inset-inline-start:0}[dir=rtl] .sidebar{--drawer-hidden:110%}[dir=ltr] .sidebar{--drawer-hidden:-110%}.shell.nav-open .sidebar{transform:translate(0)}.shell.collapsed .sidebar{width:var(--sidebar-w)}.shell.nav-open .nav-scrim{z-index:50;background:#24282e6b;display:block;position:fixed;inset:0}.main,.topbar{padding-inline:var(--sp-3)}}.page-head{z-index:10;background:var(--background);border-block-end:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:14px;padding-block:14px 10px;display:flex;position:sticky;inset-block-start:0}.page-head h1{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.page-head h1 .badge{vertical-align:middle}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-block-end:14px;padding:14px 16px}.card>h3{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.card.table-wrap{padding:0;overflow:hidden}.card.table-wrap>table{border:none}.toolbar{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.toolbar .grow{flex:1;min-inline-size:180px}.form-row{flex-wrap:wrap;align-items:end;gap:12px;margin-block-end:10px;display:flex}.form-row>button{margin-block-end:1px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.kpi-row{flex-wrap:wrap;gap:12px;display:flex}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-inline-size:140px;padding:10px 14px}.kpi b{font-size:19px;font-weight:700;display:block}.kpi span{color:var(--text-secondary);font-size:12px}label.field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);min-inline-size:0;padding:6px 9px;transition:border-color .12s,box-shadow .12s}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--focus)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}input[type=file]{background:var(--surface-alt);padding:5px}input[type=checkbox]{accent-color:var(--primary);block-size:15px;inline-size:15px}select{background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);appearance:none;background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:26px}:where(html[dir=rtl]) select{background-position:10px 14px,15px 14px;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%)}button{font:inherit;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;padding:6px 13px;font-weight:500;transition:background .12s,border-color .12s,color .12s}button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--focus)}button:active:not(:disabled){background:var(--surface-alt)}button:disabled{background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--border);cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.primary:active:not(:disabled){background:var(--primary-active)}button.primary:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--disabled-text)}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.danger:hover:not(:disabled){background:var(--danger-soft)}button.ghost{color:var(--primary);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--primary-soft);border-color:#0000}button.small{padding:3px 9px;font-size:12.5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--surface);inline-size:100%;font-size:13px}th,td{text-align:start;border-block-end:1px solid var(--border);white-space:nowrap;block-size:var(--row-h);padding:7px 10px}th{color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;background:var(--surface-alt);border-block-end:1px solid var(--border-strong);z-index:1;font-size:11.5px;font-weight:600;position:sticky;inset-block-start:0}tbody tr:hover td{background:var(--primary-soft)}tbody tr:last-child td{border-block-end:none}td.wrap{white-space:normal}td a,.card a{color:var(--primary);font-weight:600;text-decoration:none}td a:hover,.card a:hover{text-decoration:underline}.badge{border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);border:1px solid #0000;padding:1px 9px;font-size:11.5px;font-weight:600;display:inline-block}.badge.green{background:var(--success-soft);color:var(--success)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.amber{background:var(--warning-soft);color:var(--warning)}.badge.blue{background:var(--info-soft);color:var(--info)}.badge.plum{background:var(--primary-soft);color:var(--primary)}.badge.gray{background:var(--surface-sunken);color:var(--text-secondary)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip button{color:var(--danger);background:0 0;border:none;padding:0;font-weight:700}.tabs{border-block-end:1px solid var(--border);flex-wrap:wrap;gap:2px;margin-block-end:14px;display:flex}.tabs button{color:var(--text-secondary);background:0 0;border:none;border-block-end:2px solid #0000;border-radius:0;padding:8px 14px;font-weight:500}.tabs button:hover:not(:disabled){background:var(--surface-alt);color:var(--text-primary)}.tabs button.active{color:var(--primary);border-block-end-color:var(--primary);background:0 0;font-weight:600}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#23222b6b;justify-content:center;align-items:flex-start;padding-block-start:8vh;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);inline-size:min(560px,94vw);box-shadow:var(--shadow-lg);padding:0;overflow:hidden}.modal h2{background:var(--surface-alt);border-block-end:1px solid var(--border);margin:0;padding:13px 18px;font-size:15px;font-weight:600}.modal>:not(h2):not(.actions){padding-inline:18px}.modal>:not(h2):first-of-type{padding-block-start:14px}.modal .actions{background:var(--surface-alt);border-block-start:1px solid var(--border);justify-content:flex-end;gap:8px;margin-block-start:16px;padding:12px 18px;display:flex}.side-panel{background:var(--surface);border-inline-start:1px solid var(--border);inline-size:min(420px,94vw);box-shadow:var(--shadow-lg);z-index:25;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto}.side-panel>header{background:var(--surface-alt);border-block-end:1px solid var(--border);padding:13px 18px;font-weight:600}.side-panel>div{padding:14px 18px}.error-box{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);border:1px solid #b3261e47;margin-block-end:12px;padding:8px 12px;font-size:13px}.toast-stack{z-index:40;flex-direction:column;gap:8px;display:flex;position:fixed;inset-block-end:18px;inset-inline-start:18px}.toast{background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-md);min-inline-size:240px;padding:10px 14px;font-size:13px}.toast.success{border-inline-start-color:var(--success)}.toast.warning{border-inline-start-color:var(--warning)}.toast.danger{border-inline-start-color:var(--danger)}.toast.is-success{border-inline-start-color:var(--success)}.toast.is-info{border-inline-start-color:var(--info)}.toast.is-error{border-inline-start-color:var(--danger)}.toast{align-items:center;gap:var(--sp-2);display:flex}.toast-close{font-size:var(--fs-md);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;margin-inline-start:auto;padding:0 4px;line-height:1}.toast-close:hover{color:var(--text-primary);background:0 0}@media (width<=600px){.toast-stack{inset-block-end:12px;inset-inline:12px}.toast{min-inline-size:0}}.empty-state{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-alt);padding:34px 16px}.empty-state b{color:var(--text-primary);margin-block-end:4px;font-size:14px;display:block}.muted{color:var(--text-secondary);font-size:12.5px}.pager{align-items:center;gap:10px;margin-block-start:12px;display:flex}.search-results{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);max-block-size:260px;margin:4px 0 0;padding:4px;list-style:none;overflow-y:auto}.search-results li{margin:0}.search-results button{text-align:start;border-radius:var(--radius);background:0 0;border:none;inline-size:100%;padding:6px 9px;font-weight:500}.search-results button:hover:not(:disabled){background:var(--primary-soft)}.images-grid{flex-wrap:wrap;gap:10px;display:flex}.images-grid figure{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:var(--surface);margin:0;padding:6px}.images-grid img{max-block-size:120px;max-inline-size:120px;display:block}.login-screen{background:linear-gradient(150deg,#4d3347 0%,#2f2130 100%);justify-content:center;align-items:center;min-block-size:100vh;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-lg);inline-size:min(390px,92vw);box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;padding:28px;display:flex}.login-card h1{text-align:center;margin:0;font-size:20px;font-weight:600}.pos-results{flex-direction:column;gap:2px;max-block-size:300px;margin-block-start:8px;display:flex;overflow-y:auto}.pos-result{text-align:start;border:1px solid var(--border);align-items:center;gap:14px;padding:6px 10px;display:flex}.pos-result:hover{background:var(--surface-alt)}.pos-result.highlighted{background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.receipt-doc{border:1px dashed var(--border-strong);color:#000;direction:rtl;background:#fff;margin-inline:auto;padding:6mm 4mm;font-size:12.5px}.receipt-80{inline-size:80mm}.receipt-doc:not(.receipt-80){inline-size:min(180mm,100%)}.receipt-doc h2{text-align:center;margin:0 0 4px;font-size:16px}.receipt-doc p{margin:2px 0}.receipt-doc hr{border:none;border-block-start:1px dashed #999;margin:6px 0}.receipt-doc table{inline-size:100%;font-size:12.5px}.receipt-doc th,.receipt-doc td{white-space:normal;text-transform:none;letter-spacing:normal;background:0 0;border:none;block-size:auto;padding:2px 0;position:static}.receipt-doc .receipt-total{font-size:15px;font-weight:700}.print-only{display:none}@page{size:auto;margin:10mm}@page thermal{size:80mm auto;margin:2mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,.sidebar,.topbar,.nav-scrim,.filter-bar,.tabs,.pager,.toast-stack{display:none!important}.print-only{display:block}.main{padding:0}.shell,.app-body{display:block}.page-head{border-block-end:1px solid #999;position:static}body{background:#fff}.card{box-shadow:none;border:none;margin-block-end:6px;padding:4px 0}.badge{border:1px solid}.table-wrap{overflow:visible!important}table{inline-size:100%!important}th,td{white-space:normal}thead{display:table-header-group}tr{break-inside:avoid}.modal-backdrop,.side-panel{display:none!important}.receipt-80{page:thermal;border:none;inline-size:100%;padding:0}}pre.json{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);text-align:left;white-space:pre-wrap;word-break:break-all;direction:ltr;margin:0;padding:8px;font-size:12px}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);gap:var(--sp-1);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.stat .stat-label{font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.stat .stat-value{font-size:var(--fs-xl);color:var(--text-primary);font-weight:700;line-height:1.2}.stat .stat-value.muted-value{color:var(--text-secondary);font-weight:500;font-size:var(--fs-md)}.stat .stat-hint{font-size:var(--fs-xs);color:var(--text-secondary)}.stat.is-alert{border-color:var(--warning);background:var(--warning-soft)}.stat.is-action{cursor:pointer;text-align:start}.stat.is-action:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.stat .stat-locked{font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.quick-links{gap:var(--sp-2);flex-wrap:wrap;display:flex}.quick-link{align-items:center;gap:var(--sp-2);padding:10px var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.quick-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.state-panel{text-align:center;justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);color:var(--text-secondary);flex-direction:column;display:flex}.state-panel .state-glyph{opacity:.55;font-size:30px;line-height:1}.state-panel h3{font-size:var(--fs-md);color:var(--text-primary);margin:0;font-weight:600}.state-panel p{max-inline-size:46ch;margin:0;font-size:13.5px}.state-panel .state-actions{gap:var(--sp-2);flex-wrap:wrap;margin-block-start:var(--sp-2);display:flex}.state-panel.is-error .state-glyph{color:var(--danger);opacity:1}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{background:var(--surface-sunken);border-radius:var(--radius);animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-line{block-size:12px;margin-block-end:8px}.skeleton-line:last-child{margin-block-end:0}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.confirm .confirm-effect{background:var(--surface-sunken);border:1px solid var(--border);border-inline-start:3px solid var(--primary);border-radius:var(--radius);padding:var(--sp-3);margin-block:var(--sp-3);font-size:13.5px}.confirm.is-danger .confirm-effect{border-inline-start-color:var(--danger);background:var(--danger-soft)}.confirm .confirm-effect ul{margin:var(--sp-2) 0 0;padding-inline-start:18px}.confirm .confirm-effect li{margin-block-end:4px}.confirm .confirm-actions{gap:var(--sp-2);justify-content:flex-end;display:flex}.pos-shell{gap:var(--sp-3);grid-template-columns:minmax(0,62fr) minmax(340px,38fr);align-items:start;display:grid}.pos-products{gap:var(--sp-3);flex-direction:column;min-inline-size:0;display:flex}.pos-search input{font-size:var(--fs-lg);padding:12px var(--sp-3);block-size:auto}.pos-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.pos-tile{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--sp-3);text-align:start;cursor:pointer;gap:var(--sp-1);flex-direction:column;min-block-size:92px;transition:border-color .12s,box-shadow .12s;display:flex}.pos-tile:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.pos-tile:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pos-tile .tile-name{font-size:13.5px;font-weight:600;line-height:1.35}.pos-tile .tile-price{color:var(--primary);font-weight:700}.pos-tile .tile-stock{font-size:var(--fs-xs);color:var(--text-secondary)}.pos-tile.is-added{border-color:var(--primary);background:var(--primary-soft)}.pos-cart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-block-size:calc(100vh - var(--topbar-h) - var(--sp-4));flex-direction:column;display:flex;position:sticky;inset-block-start:calc(var(--topbar-h) + var(--sp-2))}.pos-cart-head{padding:var(--sp-3);border-block-end:1px solid var(--border)}.pos-cart-lines{padding:var(--sp-2) var(--sp-3);flex:1;overflow-y:auto}.pos-cart-foot{padding:var(--sp-3);border-block-start:1px solid var(--border);background:var(--surface-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.cart-line{gap:var(--sp-1) var(--sp-2);padding:var(--sp-2);margin-inline:calc(var(--sp-2) * -1);border-block-end:1px solid var(--border);border-radius:var(--radius);cursor:pointer;grid-template-columns:1fr auto;align-items:center;display:grid}.cart-line:last-child{border-block-end:none}.cart-line:hover{background:var(--surface-alt)}.cart-line.is-selected{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.cart-line .line-name{font-size:13px;font-weight:600;line-height:1.35}.cart-line .line-meta{font-size:var(--fs-xs);color:var(--text-secondary)}.cart-line .line-total{font-weight:700;font-size:var(--fs-md)}.qty-stepper{align-items:center;gap:2px;display:inline-flex}.qty-stepper button{block-size:32px;inline-size:32px;font-size:var(--fs-md);place-items:center;padding:0;line-height:1;display:grid}.qty-stepper .qty-value{text-align:center;inline-size:52px;min-inline-size:0;padding-inline:2px;font-weight:600}.cart-tabs{gap:var(--sp-1);flex-wrap:wrap;align-items:center;display:flex}.cart-tab{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.cart-tab.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600}.cart-tab .cart-tab-count{font-size:var(--fs-xs);color:var(--text-secondary)}.cart-tab.is-active .cart-tab-count{color:var(--primary)}.total-row{justify-content:space-between;align-items:baseline;padding-block:3px;font-size:13.5px;display:flex}.total-row.is-grand{font-size:var(--fs-lg);border-block-start:1px solid var(--border);margin-block-start:var(--sp-2);padding-block-start:var(--sp-2);font-weight:700}.total-row.is-remaining{color:var(--danger);font-weight:600}.total-row.is-settled{color:var(--success);font-weight:600}.tender-row{gap:var(--sp-2);grid-template-columns:1fr 110px auto;align-items:center;margin-block-end:var(--sp-2);display:grid}@media (width<=1100px){.pos-shell{grid-template-columns:1fr}.pos-cart{max-block-size:none;position:static}}.filter-bar{padding:10px 12px}.filter-bar .toolbar{align-items:end}.filter-bar .filter-actions{gap:var(--sp-2);margin-inline-start:auto;display:flex}.form-section{margin-block-end:var(--sp-4)}.form-section>h4{margin:0 0 var(--sp-2);font-size:var(--fs-sm);letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary);border-block-end:1px solid var(--border);padding-block-end:5px;font-weight:700}.form-section>p.muted{margin-block:0 var(--sp-3)}.form-actions{align-items:center;gap:var(--sp-2);border-block-start:1px solid var(--border);flex-wrap:wrap;margin-block-start:var(--sp-4);padding-block-start:var(--sp-3);display:flex}.form-actions-danger{margin-inline-end:auto}.form-actions-main{gap:var(--sp-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}label.field.is-required>span:after{content:" *";color:var(--danger);font-weight:700}.state-split{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.state-split>div{border-inline-start:3px solid var(--border-strong);padding-inline-start:var(--sp-3)}.state-split .state-split-label{font-size:var(--fs-xs);letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);margin-block-end:4px;font-weight:700;display:block}.settlement-figures{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);max-inline-size:420px;padding:var(--sp-3)}.permission-grid{gap:2px var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.permission-row{align-items:start;gap:var(--sp-2);padding:6px var(--sp-2);border-radius:var(--radius);cursor:pointer;min-block-size:32px;display:flex}.permission-row:hover{background:var(--surface-alt)}.permission-row:focus-within{background:var(--primary-soft)}.permission-row input{flex:none;margin-block-start:3px}.permission-row>span{flex-direction:column;min-inline-size:0;display:flex}.permission-row .permission-label{font-size:13.5px;line-height:1.35}.permission-row .permission-key{font-size:var(--fs-xs);color:var(--text-secondary);font-family:Montserrat,monospace}.connection-screen{min-block-size:60vh;padding:var(--sp-5);place-items:center;display:grid}.connection-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-inline-size:460px;padding:var(--sp-6) var(--sp-5);box-shadow:var(--shadow-sm)}