:root{
  --navy:#0b234f;--navy-2:#12366f;--blue:#2f67e8;--blue-2:#edf3ff;--ink:#18253d;--muted:#6f7c93;
  --line:#dfe6f1;--surface:#fff;--canvas:#f5f7fb;--green:#16a36a;--green-soft:#e8f8f1;--amber:#e6a225;
  --amber-soft:#fff6df;--red:#d64b5c;--red-soft:#fff0f2;--shadow:0 12px 35px rgba(18,40,78,.08);
  --radius:16px;--sidebar:258px;--topbar:76px
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Cairo",Tahoma,Arial,sans-serif;background:var(--canvas);color:var(--ink);font-size:16px}
body{overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.mobile-only{display:none!important}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 24px rgba(31,55,92,.045)}
.primary-button,.secondary-button,.danger-button{border:0;border-radius:12px;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s}
.primary-button{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(47,103,232,.22)}
.primary-button:hover{background:#2358d3;transform:translateY(-1px)}
.secondary-button{background:#fff;color:#243757;border:1px solid #d5deeb}
.secondary-button:hover{background:#f7f9fc;border-color:#bfcbe0}
.danger-button{background:var(--red);color:#fff}
.large{width:100%;min-height:52px;font-size:16px}
.icon-button,.square-button{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#33425d;display:inline-grid;place-items:center;font-size:21px;font-weight:800}
.icon-button:hover,.square-button:hover{background:#f2f5fa}
.danger-ghost{color:var(--red);background:var(--red-soft);border-color:#ffd5db}
.eyebrow{display:block;color:#95add7;font-weight:800;letter-spacing:.12em;font-size:12px;text-transform:uppercase}

/* Login */
.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(420px,.85fr);background:#fff}
.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#071936 0%,#0d2e66 55%,#174b93 100%);padding:70px 7vw;color:#fff;display:flex;flex-direction:column;justify-content:center}
.login-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.08) 0 1px,transparent 1.5px);background-size:24px 24px;opacity:.45}
.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:22px;max-width:760px}
.login-brand img{width:95px;height:95px;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.22))}
.login-brand h1{font-size:44px;line-height:1.2;margin:7px 0 8px}
.login-brand p{margin:0;line-height:1.95;color:#d2def2;font-size:18px;max-width:630px}
.login-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px;max-width:760px}
.login-feature-grid article{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);backdrop-filter:blur(9px);border-radius:16px;padding:19px}
.login-feature-grid strong{display:block;font-size:16px;margin-bottom:5px}
.login-feature-grid span{color:#c8d6ec;font-size:13px;line-height:1.75}
.login-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.25}
.orb-one{width:330px;height:330px;background:#4d7ef0;left:-120px;bottom:-100px}
.orb-two{width:220px;height:220px;background:#47d2b2;right:12%;top:-90px}
.login-panel{display:flex;align-items:center;justify-content:center;padding:50px;background:#f9fbff}
.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--shadow)}
.demo-pill{display:inline-flex;background:var(--amber-soft);color:#8a5a00;border:1px solid #f3d487;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:800}
.login-card h2{font-size:29px;margin:18px 0 5px}.login-card>p{margin:0 0 24px;color:var(--muted);line-height:1.8}
.login-card label{display:block;font-size:14px;font-weight:800;color:#34445f;margin-bottom:16px}
.login-card input{width:100%;height:50px;border:1px solid #d6deea;border-radius:11px;padding:0 14px;margin-top:7px;outline:0;background:#fbfcfe;color:var(--ink);font-size:15px}
.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,103,232,.12);background:#fff}
.password-field{position:relative}.password-field button{position:absolute;left:8px;top:14px;border:0;background:transparent;color:#70809a;width:38px;height:38px}
.credentials-box{margin-top:18px;background:var(--blue-2);border:1px dashed #b9cdf5;border-radius:12px;padding:12px 14px;display:grid;gap:4px;font-size:12px;color:#425779}
.login-card small{display:block;margin-top:15px;text-align:center;color:#8693a7;font-size:11px}

/* Shell */
.app-shell{min-height:100vh;display:block;direction:rtl}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);z-index:30;background:linear-gradient(180deg,#0b214c,#071936);color:#d6e0f2;padding:20px 14px;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.06)}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:2px 10px 17px;border-bottom:1px solid rgba(255,255,255,.1)}
.sidebar-brand img{width:45px;height:45px;object-fit:contain}.sidebar-brand strong{display:block;color:#fff;letter-spacing:.18em;font-size:15px}.sidebar-brand span{font-size:9px;color:#90a5c9;letter-spacing:.08em}
.store-card{margin:16px 2px 12px;padding:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;align-items:center;gap:10px}
.store-avatar{width:40px;height:40px;border-radius:11px;background:#244a8f;color:#fff;display:grid;place-items:center;font-weight:800}.store-card strong{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.store-card span{display:block;color:#91a6c8;font-size:10px;margin-top:2px}
.main-nav{overflow-y:auto;padding:5px 0 12px;scrollbar-width:thin;flex:1}.main-nav::-webkit-scrollbar{width:4px}.main-nav::-webkit-scrollbar-thumb{background:#365281;border-radius:9px}
.main-nav button{position:relative;width:100%;border:0;background:transparent;color:#b9c7dd;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;text-align:right;margin:2px 0;transition:.15s}
.main-nav button:hover{background:rgba(255,255,255,.06);color:#fff}.main-nav button.active{background:linear-gradient(90deg,#234c96,#1a3e7d);color:#fff;box-shadow:inset -3px 0 #4c83ff}
.nav-icon{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:15px}.main-nav button.active .nav-icon{background:#2c5bb2}.nav-badge{margin-right:auto;background:#e8505b;color:#fff;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:10px}
.sidebar-footer{padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer>button{border:0;background:transparent;color:#b9c7dd;width:100%;padding:10px;text-align:right;font-weight:700}.version-box{display:flex;justify-content:space-between;color:#6f86aa;font-size:9px;padding:5px 10px}
.workspace{min-width:0;min-height:100vh;margin-right:var(--sidebar)}
.topbar{height:var(--topbar);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.topbar-start{display:flex;align-items:center;gap:13px}.topbar-start span{font-size:10px;color:#8b98aa;font-weight:700}.topbar-start h2{font-size:20px;margin:2px 0 0}
.topbar-actions{display:flex;align-items:center;gap:10px}.shift-indicator{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:7px 11px;min-width:170px}.status-dot{width:9px;height:9px;border-radius:50%;background:#61b889;box-shadow:0 0 0 4px #e0f4e9}.shift-indicator.closed .status-dot{background:#e6a225;box-shadow:0 0 0 4px #fff2d2}.shift-indicator small{display:block;color:#8a96a9;font-size:9px}.shift-indicator strong{font-size:11px;display:block;margin-top:1px}
.demo-tag{background:var(--amber-soft);color:#875b08;border:1px solid #efd18e;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.user-chip{display:flex;align-items:center;gap:8px;padding-right:4px}.user-chip>div{width:40px;height:40px;border-radius:11px;background:var(--blue-2);color:var(--blue);display:grid;place-items:center;font-weight:800}.user-chip strong{display:block;font-size:11px}.user-chip small{display:block;color:#8d98a9;font-size:9px;margin-top:1px}
.demo-banner{min-height:40px;background:#fff9e9;border-bottom:1px solid #f0d99e;color:#74540e;padding:8px 28px;display:flex;align-items:center;gap:9px;font-size:11px}.demo-banner strong{font-weight:800}.demo-banner span{color:#886d2e}
.view{display:none;padding:22px 26px 35px;min-height:calc(100vh - 116px)}.active-view{display:block}

/* POS */
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start;direction:ltr}.product-area,.cart-panel{direction:rtl}.product-area{min-width:0}
.pos-toolbar{padding:12px;display:flex;gap:12px}.large-search{flex:1}.search-field{height:48px;border:1px solid #d8e0eb;border-radius:12px;background:#fbfcfe;display:flex;align-items:center;gap:10px;padding:0 13px;color:#71809a}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,103,232,.1);background:#fff}.search-field input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:var(--ink);font-size:14px}.search-field kbd,.shortcut-hint kbd{font-size:9px;border:1px solid #d7dfeb;background:#fff;border-radius:5px;padding:2px 5px;color:#8190a5;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.category-chips{display:flex;gap:8px;overflow:auto;padding:15px 2px 9px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.category-chips button{flex:0 0 auto;border:1px solid #dbe3ef;background:#fff;color:#4b5c78;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;display:flex;gap:6px;align-items:center}.category-chips button.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 7px 16px rgba(47,103,232,.18)}
.product-summary{display:flex;justify-content:space-between;align-items:center;padding:6px 3px 12px}.product-summary strong{font-size:13px}.product-summary span{font-size:10px;color:#8794a7}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.product-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px;text-align:right;min-height:172px;display:flex;flex-direction:column;transition:.17s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-3px);border-color:#b9ccf2;box-shadow:0 12px 24px rgba(38,72,128,.1)}.product-card:active{transform:scale(.98)}.product-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,#edf3ff,#dce8ff);color:#2b5fc8;display:grid;place-items:center;font-size:14px;font-weight:800;margin-bottom:10px}.product-card h4{font-size:13px;line-height:1.65;margin:0;min-height:43px}.product-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:8px}.product-meta strong{color:#1f57c6;font-size:15px}.product-meta span{font-size:9px;color:#7f8da2}.stock-label{position:absolute;left:9px;top:9px;background:var(--green-soft);color:#128054;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800}.stock-label.low{background:var(--red-soft);color:var(--red)}.product-card.out{opacity:.55;pointer-events:none}
.cart-panel{position:sticky;top:calc(var(--topbar) + 58px);height:calc(100vh - var(--topbar) - 80px);min-height:620px;padding:0;overflow:hidden;display:flex;flex-direction:column}.cart-header{padding:16px 16px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cart-header span{font-size:15px;font-weight:800}.cart-header strong{display:block;font-size:9px;color:#8794a7;margin-top:3px}.customer-select-label{padding:12px 15px 10px;font-size:10px;color:#7e8ba0;font-weight:800}.customer-row{display:flex;gap:7px;margin-top:5px}.customer-row select{height:43px;border:1px solid #d9e1ec;border-radius:10px;flex:1;padding:0 10px;background:#fff;color:#2d3d57;font-size:12px;outline:0}.customer-row select:focus{border-color:var(--blue)}
.cart-items{padding:5px 13px 10px;overflow:auto;flex:1;min-height:160px}.empty-cart{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa6b8}.empty-cart div{font-size:42px;filter:grayscale(1);opacity:.45}.empty-cart strong{font-size:13px;margin-top:7px;color:#6d7a8f}.empty-cart span{font-size:10px;margin-top:3px}.cart-item{border-bottom:1px solid #edf0f5;padding:11px 2px}.cart-item-top{display:flex;justify-content:space-between;gap:8px}.cart-item-name{min-width:0}.cart-item-name strong{font-size:11px;line-height:1.6;display:block}.cart-item-name span{font-size:9px;color:#8b97a9}.cart-item-price{font-size:11px;color:#2559c7;white-space:nowrap}.cart-item-controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.qty-control{display:flex;align-items:center;border:1px solid #dce3ee;border-radius:9px;overflow:hidden}.qty-control button{border:0;background:#f5f7fb;width:29px;height:27px;color:#33517f;font-weight:800}.qty-control input{width:42px;height:27px;border:0;text-align:center;outline:0;font-size:10px;font-weight:800}.remove-item{border:0;background:transparent;color:#d85362;font-size:10px;font-weight:800}.cart-totals{border-top:1px solid var(--line);padding:12px 16px;display:grid;gap:8px}.cart-totals>div{display:flex;align-items:center;justify-content:space-between;font-size:11px}.cart-totals span{color:#728097}.inline-money{display:flex;align-items:center;border:1px solid #dce3ed;border-radius:8px;padding-left:7px}.inline-money input{width:70px;height:31px;border:0;outline:0;text-align:center;background:transparent;font-size:11px}.inline-money small{font-size:8px;color:#8290a4}.grand-total{border-top:1px dashed #d8e0ec;padding-top:10px;margin-top:2px}.grand-total span{font-weight:800;color:#253551}.grand-total b{font-size:20px;color:#174fbf}.cart-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;padding:0 15px 10px}.cart-actions button{font-size:11px;min-height:45px}.shortcut-hint{display:flex;justify-content:center;gap:14px;padding:0 12px 11px;color:#8794a6;font-size:8px}.shortcut-hint span{display:flex;gap:4px;align-items:center}

/* Generic pages */
.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.page-head h3{margin:0;font-size:23px}.page-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:8px;align-items:center}.page-actions input,.page-actions select{height:43px;border:1px solid #d9e1ec;border-radius:10px;padding:0 12px;background:#fff;color:var(--ink);outline:0;font-size:12px}.page-actions input:focus,.page-actions select:focus{border-color:var(--blue)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;justify-content:space-between;align-items:center;min-height:104px}.kpi-card .kpi-icon{width:47px;height:47px;border-radius:13px;background:var(--blue-2);color:var(--blue);display:grid;place-items:center;font-size:20px}.kpi-card.green .kpi-icon{background:var(--green-soft);color:var(--green)}.kpi-card.amber .kpi-icon{background:var(--amber-soft);color:var(--amber)}.kpi-card.red .kpi-icon{background:var(--red-soft);color:var(--red)}.kpi-card small{display:block;color:#8491a4;font-size:10px}.kpi-card strong{display:block;font-size:22px;margin-top:4px}.kpi-card em{font-style:normal;font-size:9px;color:#8b98a9}
.dashboard-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-title h4{margin:0;font-size:14px}.panel-title span,.panel-title a{font-size:9px;color:#8794a7}.bar-chart{height:225px;display:flex;align-items:flex-end;gap:10px;padding:18px 4px 4px;border-bottom:1px solid #edf0f4}.bar-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar-column b{font-size:8px;color:#77859a}.bar{width:min(35px,70%);background:linear-gradient(180deg,#4e83f1,#285fd8);border-radius:7px 7px 2px 2px;min-height:3px}.bar-column span{font-size:8px;color:#8390a4}.top-list{display:grid;gap:9px}.top-list-item{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #eff2f6}.top-list-item:last-child{border-bottom:0}.rank{width:32px;height:32px;border-radius:9px;background:#eff4ff;color:#2e65d7;display:grid;place-items:center;font-size:10px;font-weight:800}.top-list-item strong{display:block;font-size:11px}.top-list-item small{display:block;font-size:8px;color:#8b97aa;margin-top:2px}.top-list-item b{font-size:10px;color:#1e57c7}
.table-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{background:#f8f9fc;color:#6f7d92;font-size:9px;text-align:right;padding:12px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:12px 13px;border-bottom:1px solid #edf0f5;font-size:10px;color:#3b4b64;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcff}.table-wrap{overflow:auto}.table-product{display:flex;align-items:center;gap:9px}.mini-product-icon{width:34px;height:34px;border-radius:9px;background:#edf3ff;color:#2d61cf;display:grid;place-items:center;font-size:9px;font-weight:800}.table-product strong{font-size:10px;display:block}.table-product span{font-size:8px;color:#8c98a9}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:8px;font-weight:800}.status-pill.success{background:var(--green-soft);color:var(--green)}.status-pill.warning{background:var(--amber-soft);color:#a26b06}.status-pill.danger{background:var(--red-soft);color:var(--red)}.status-pill.neutral{background:#eef1f6;color:#68778e}.table-action{border:1px solid #dbe3ef;background:#fff;border-radius:8px;padding:6px 9px;font-size:9px;color:#2d5fc5;font-weight:800}.table-action:hover{background:#f2f6ff}.table-action.danger{color:var(--red);border-color:#f0cbd0}
.empty-state{padding:55px 20px;text-align:center;color:#8b98aa}.empty-state strong{display:block;color:#617087;margin-top:8px}.empty-state span{font-size:10px}
.filter-card{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px;margin-bottom:13px}.filter-card .search-field{flex:1;height:42px}.filter-card select,.filter-card input[type=date]{height:42px;border:1px solid #dce3ed;border-radius:10px;background:#fff;padding:0 11px;color:#526179;font-size:10px;outline:0}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-block{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.settings-block h4{margin:0 0 13px;font-size:13px}.settings-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:10px}.settings-row:last-child{border:0}.settings-row span{color:#7c899c}.settings-row b{color:#34455f;text-align:left}.locked-note{background:var(--amber-soft);color:#805b12;border:1px solid #efd89e;border-radius:12px;padding:12px;font-size:10px;line-height:1.8;margin-top:13px}

/* Modals */
.modal-backdrop{position:fixed;inset:0;background:rgba(6,18,40,.58);backdrop-filter:blur(4px);z-index:80}.modal{position:fixed;z-index:90;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(6,18,40,.3);padding:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}.modal-header span{font-size:9px;color:#8996a8}.modal-header h3{margin:3px 0 0;font-size:19px}.payment-total{background:linear-gradient(135deg,#0d2a5d,#164d9c);color:#fff;border-radius:15px;padding:16px;display:flex;align-items:center;justify-content:space-between}.payment-total span{font-size:11px;color:#cbd9ef}.payment-total strong{font-size:25px}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.payment-methods button{border:1px solid #dce4ef;background:#fff;border-radius:13px;padding:12px 7px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#43536b}.payment-methods button.selected{border-color:var(--blue);background:var(--blue-2);color:#1d55c2;box-shadow:0 0 0 2px rgba(47,103,232,.09)}.payment-methods span{font-size:23px}.payment-methods b{font-size:11px}.payment-methods small{font-size:7px;color:#8794a7}.payment-fields,.mixed-payment-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-fields label,.mixed-payment-fields label,.form-grid label{font-size:10px;color:#6f7d91;font-weight:800}.payment-fields input,.mixed-payment-fields input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;height:44px;border:1px solid #d8e0eb;border-radius:10px;padding:0 11px;margin-top:5px;outline:0;color:var(--ink);background:#fff;font-size:12px}.form-grid textarea{height:85px;padding-top:10px;resize:vertical}.payment-fields input:focus,.mixed-payment-fields input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,103,232,.1)}.change-box{background:var(--green-soft);border:1px solid #c6ead9;border-radius:12px;padding:11px 13px;margin-top:12px;display:flex;justify-content:space-between;color:#14774f}.change-box span{font-size:10px}.change-box strong{font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.generic-modal{width:min(720px,calc(100vw - 30px))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.held-list{display:grid;gap:9px}.held-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between}.held-card strong{display:block;font-size:11px}.held-card span{font-size:8px;color:#8491a4}.held-actions{display:flex;gap:6px}.receipt-preview{text-align:center;max-width:380px;margin:auto;color:#111}.receipt-preview h3{margin:8px 0 2px}.receipt-preview p{margin:3px 0;font-size:10px}.receipt-line{border-top:1px dashed #888;margin:10px 0}.receipt-table{width:100%;border-collapse:collapse;font-size:9px;text-align:right}.receipt-table td,.receipt-table th{padding:4px 2px;border-bottom:1px dotted #bbb}.receipt-totals{font-size:10px;display:grid;gap:4px;margin-top:8px}.receipt-totals div{display:flex;justify-content:space-between}.receipt-totals .total{font-size:14px;font-weight:800;border-top:1px dashed #555;padding-top:6px}.receipt-print-area{display:none}
.toast-container{position:fixed;left:20px;bottom:20px;z-index:150;display:grid;gap:9px}.toast{min-width:280px;max-width:400px;background:#172843;color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 15px 35px rgba(0,0,0,.2);display:flex;gap:10px;align-items:flex-start;animation:toast-in .2s ease}.toast.success{background:#126a4a}.toast.error{background:#a42f40}.toast strong{display:block;font-size:11px}.toast span{display:block;font-size:9px;opacity:.86;margin-top:2px}@keyframes toast-in{from{transform:translateY(15px);opacity:0}to{transform:none;opacity:1}}

@media (max-width:1180px){:root{--sidebar:225px}.pos-layout{grid-template-columns:minmax(0,1fr) 350px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.login-view{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.mobile-only{display:inline-grid!important}.sidebar{transform:translateX(105%);transition:.2s;width:270px}.sidebar.open{transform:none}.workspace{margin-right:0}.app-shell{display:block}.topbar{padding:0 14px}.user-chip span,.shift-indicator{display:none}.demo-banner{padding:8px 14px}.view{padding:15px}.pos-layout{grid-template-columns:1fr;direction:rtl}.cart-panel{position:relative;top:0;height:auto;min-height:600px}.dashboard-grid,.two-column{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media (max-width:600px){html,body{font-size:15px}.login-panel{padding:18px}.login-card{padding:25px 20px}.topbar-start h2{font-size:16px}.demo-tag{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{min-height:158px;padding:10px}.product-card h4{font-size:11px}.pos-toolbar{display:grid}.category-chips{padding-top:10px}.kpi-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}.page-actions{flex-wrap:wrap;justify-content:flex-end}.filter-card{flex-wrap:wrap}.filter-card .search-field{flex-basis:100%}.payment-methods{grid-template-columns:repeat(2,1fr)}.payment-fields,.mixed-payment-fields,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.toast-container{left:10px;right:10px}.toast{min-width:0;width:100%}}
@media print{
 body>*:not(#receiptPrintArea){display:none!important}.receipt-print-area{display:block!important;width:80mm;margin:0 auto;font-family:"Cairo",Tahoma,Arial,sans-serif;color:#000}.receipt-print-area .receipt-preview{max-width:none}.receipt-print-area button{display:none!important}@page{size:80mm auto;margin:4mm}
}