:root{
 --nav:#0e2d56;--nav2:#123d70;--ink:#11233b;--muted:#6c7a90;--bg:#f4f7fb;
 --card:#fff;--line:#e5eaf1;--green:#2fbd75;--teal:#17b7a5;--blue:#1e5fa8;
 --danger:#d74949;--warn:#d99a28;--shadow:0 14px 38px rgba(20,45,80,.09);
 --radius:18px;
}
*{box-sizing:border-box} html{font-size:16px} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,var(--nav),#091e3b);color:#dbe7f8;padding:22px 14px;display:flex;flex-direction:column;z-index:30;box-shadow:8px 0 30px rgba(8,26,52,.12)}
.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}
.brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}
.brand div{display:flex;flex-direction:column}.brand span{font-size:21px;letter-spacing:3px;font-weight:800}.brand small{color:#8ef0bf;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.sidebar nav{overflow:auto;padding-right:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;margin:3px 0;border-radius:12px;color:#c9d7ea;font-weight:600;font-size:14px}
.sidebar nav a span{width:22px;text-align:center;font-size:16px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(47,189,117,.23),rgba(23,183,165,.08));color:#fff}
.sidebar nav a.active{box-shadow:inset 3px 0 0 #55d995}.nav-label{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#7e95b4;margin:18px 12px 6px}
.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 8px 0;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--teal));color:white;font-weight:800}.sidebar-user div:nth-child(2){display:flex;flex-direction:column}.sidebar-user strong{font-size:13px}.sidebar-user small{color:#8fa5c1;font-size:11px}.sidebar-user>a{font-size:20px;color:#9db2ca}
.main{margin-left:252px;min-height:100vh;padding:28px 32px 18px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-header h1{margin:1px 0 0;font-size:28px;letter-spacing:-.7px}.eyebrow{margin:0;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.7px}.header-meta{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:13px}.header-meta strong{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:20px}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{padding:20px;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,rgba(47,189,117,.13),rgba(23,183,165,.03));right:-20px;top:-28px}.stat small{color:var(--muted);font-weight:700}.stat b{display:block;font-size:26px;margin-top:10px}.stat .delta{margin-top:7px;font-size:12px;color:var(--teal)}
.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{font-size:18px;margin:0}.section-title p{color:var(--muted);font-size:12px;margin:3px 0 0}
.btn{border:0;border-radius:11px;padding:10px 15px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:7px;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--blue),#1f75c6);color:#fff}.btn-success{background:linear-gradient(135deg,var(--green),var(--teal));color:#fff}.btn-soft{background:#eef4fb;color:#245581}.btn-danger{background:#fff1f1;color:var(--danger);border:1px solid #ffdada}.btn-dark{background:#152a45;color:#fff}.btn-sm{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:12px;color:#53657c;font-weight:800}.input,select,textarea{width:100%;border:1px solid #d9e1eb;background:#fff;border-radius:11px;padding:10px 12px;outline:none;color:var(--ink)}.input:focus,select:focus,textarea:focus{border-color:#58b7b4;box-shadow:0 0 0 3px rgba(23,183,165,.09)}textarea{min-height:90px;resize:vertical}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th{padding:11px 12px;text-align:left;background:#f6f9fc;color:#58708d;font-size:11px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line)}.table td{padding:12px;border-bottom:1px solid #eef2f6;font-size:13px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fbfdff}
.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.badge.green{background:#eaf9f1;color:#198850}.badge.gray{background:#eef2f6;color:#66788c}.badge.blue{background:#eaf3ff;color:#286aa7}.badge.orange{background:#fff4df;color:#ad6b00}.badge.red{background:#ffe8e8;color:#b52b2b}
.alert{padding:12px 15px;border-radius:12px;margin:0 0 16px;font-size:13px;font-weight:650}.alert.success{background:#e9f9f1;color:#16764a;border:1px solid #c9efdc}.alert.error{background:#fff0f0;color:#a93939;border:1px solid #ffd5d5}.alert.info{background:#eef6ff;color:#235f99;border:1px solid #d6e9ff}
.searchbar{display:flex;gap:10px}.searchbar .input{max-width:420px}.actions{display:flex;gap:7px;flex-wrap:wrap}
.kpi-row{margin-bottom:18px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.chart-bars{height:220px;display:flex;align-items:flex-end;gap:12px;padding:18px 8px 4px}.chart-bar{flex:1;min-width:28px;background:linear-gradient(180deg,var(--teal),var(--blue));border-radius:9px 9px 3px 3px;position:relative}.chart-bar span{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:10px;color:var(--muted)}.chart-bar i{position:absolute;top:-22px;width:100%;text-align:center;font-style:normal;font-size:9px;color:#4b6179}
.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfdff;display:flex;flex-direction:column;gap:8px}.quick b{font-size:14px}.quick span{font-size:11px;color:var(--muted)}
.footer{text-align:center;color:#8897a9;font-size:11px;padding:24px 0 4px}
.mobile-topbar{display:none}
.auth-shell{min-height:100vh;background:radial-gradient(circle at 10% 10%,#dff9ef,transparent 30%),radial-gradient(circle at 90% 90%,#deebfb,transparent 35%),#f7fafc;display:grid;place-items:center;padding:24px}.auth-card{width:min(920px,100%);display:grid;grid-template-columns:1fr .9fr;overflow:hidden;background:#fff;border-radius:26px;box-shadow:0 28px 80px rgba(13,45,82,.15);border:1px solid #e7edf5}.auth-visual{padding:54px;background:linear-gradient(145deg,#0d2c55,#13558d);color:white;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{content:'';position:absolute;border-radius:50%;background:rgba(67,219,155,.15)}.auth-visual:before{width:260px;height:260px;right:-90px;top:-60px}.auth-visual:after{width:190px;height:190px;left:-80px;bottom:-60px}.auth-visual img{width:150px;background:#fff;border-radius:22px;padding:8px;position:relative;z-index:1}.auth-visual h1{font-size:38px;margin:28px 0 8px;line-height:1.08;position:relative;z-index:1}.auth-visual p{color:#bcd0e7;line-height:1.6;max-width:370px;position:relative;z-index:1}.auth-features{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.auth-features span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);padding:8px 10px;border-radius:999px;font-size:11px}.auth-form{padding:60px 54px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{font-size:28px;margin:0 0 5px}.auth-form>p{margin:0 0 28px;color:var(--muted);font-size:13px}.auth-form .form-group{margin-bottom:14px}.auth-form .btn{margin-top:7px;padding:12px}.login-hint{background:#f4f9ff;border:1px dashed #c8dff4;border-radius:12px;padding:10px 12px;margin-top:16px;font-size:12px;color:#4f6781}.auth-alert{position:fixed;top:18px;right:18px;z-index:99}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,.9fr);gap:16px;align-items:start}.pos-services{padding:18px;min-height:700px}.pos-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.categories{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.cat-btn{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:999px;white-space:nowrap;cursor:pointer;font-weight:700;color:#50657c;font-size:12px}.cat-btn.active{background:#113d6b;color:#fff;border-color:#113d6b}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.service-card{border:1px solid #e3e9f1;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff);padding:15px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.16s}.service-card:hover{transform:translateY(-2px);border-color:#8fd8c4;box-shadow:0 12px 24px rgba(23,70,110,.08)}.service-card small{color:var(--muted);font-size:10px}.service-card strong{font-size:15px}.service-card b{font-size:17px;color:#185b8f}.cart{position:sticky;top:18px;padding:18px}.cart h2{font-size:18px;margin:0}.cart-customer{margin:14px 0}.cart-list{max-height:360px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cart-empty{text-align:center;color:#8ca0b3;padding:42px 10px}.cart-item{padding:12px 0;border-bottom:1px solid #edf1f5}.cart-item:last-child{border-bottom:0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px}.cart-item strong{font-size:13px}.cart-item .price{font-weight:800;color:#215d8d}.cart-controls{display:grid;grid-template-columns:88px 1fr 28px;gap:8px;margin-top:8px}.qty{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.qty button{width:29px;border:0;background:#f2f6fa;cursor:pointer}.qty input{width:30px;border:0;text-align:center}.cart-controls select{padding:6px 8px;font-size:11px;border-radius:9px}.remove-item{border:0;background:#fff0f0;color:#c43d3d;border-radius:8px;cursor:pointer}.totals{padding:13px 0}.total-row{display:flex;justify-content:space-between;margin:7px 0;font-size:13px;color:#5e6e80}.total-row.grand{border-top:1px dashed #cad4df;margin-top:11px;padding-top:12px;color:var(--ink);font-size:20px;font-weight:900}.discount-row{display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center}.discount-row input{padding:7px 9px}.payment-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.pay-btn{border:1px solid var(--line);background:#f7fafc;border-radius:9px;padding:8px 4px;font-size:11px;font-weight:800;cursor:pointer}.pay-btn.active{background:#123f70;color:#fff}.split-fields{display:none;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.split-fields.show{display:grid}.split-fields label{font-size:9px;color:var(--muted);font-weight:800}.split-fields input{padding:7px 8px}.checkout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8px}.checkout .btn{min-height:45px}
.receipt{width:760px;max-width:100%;margin:0 auto;background:#fff;padding:32px;border:1px solid var(--line);border-radius:18px}.receipt-head{text-align:center}.receipt-head img{width:110px}.receipt-head h2{margin:8px 0 4px}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0;font-size:12px}.receipt-meta div:nth-child(even){text-align:right}.receipt .table{min-width:0}.receipt-total{margin-left:auto;width:320px;max-width:100%;padding-top:12px}.no-print{margin-bottom:15px;display:flex;justify-content:center;gap:8px}
.metric-list{display:grid;gap:10px}.metric{display:flex;justify-content:space-between;padding:11px 12px;background:#f7fafc;border-radius:11px;font-size:12px}.metric b{font-size:13px}
.report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.report-tabs a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:800}.report-tabs a.active{background:#113d6b;color:#fff}
.empty{padding:35px;text-align:center;color:#8192a6}.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}
@media(max-width:1150px){.grid-4{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}.cart{position:relative;top:0}.split{grid-template-columns:1fr}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none}.main{margin-left:0;padding:78px 15px 14px}.mobile-topbar{display:flex;position:fixed;left:0;right:0;top:0;height:62px;background:#fff;border-bottom:1px solid var(--line);align-items:center;padding:8px 14px;z-index:20;gap:9px}.mobile-topbar img{height:40px;width:40px;object-fit:contain}.menu-toggle{border:0;background:#edf3f8;border-radius:9px;padding:8px 10px}.page-header{align-items:flex-start}.header-meta{display:none}.grid-3,.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.auth-card{grid-template-columns:1fr}.auth-visual{display:none}.auth-form{padding:38px 26px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid-4{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.pos-services,.cart{padding:13px}.page-header h1{font-size:23px}.receipt{padding:18px}.receipt-meta{grid-template-columns:1fr}.receipt-meta div:nth-child(even){text-align:left}.quick-actions{grid-template-columns:1fr}.checkout{grid-template-columns:1fr}.payment-tabs{grid-template-columns:repeat(2,1fr)}}
@media print{body{background:#fff}.sidebar,.mobile-topbar,.page-header,.footer,.no-print,.alert{display:none!important}.main{margin:0;padding:0}.receipt{border:0;box-shadow:none;width:100%;padding:0}.card{box-shadow:none;border:0}}

/* V5 Arabic / bilingual support. Data-entry forms always show English plus optional Arabic fields. */
.arabic-input{direction:rtl;text-align:right;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.bilingual-create-row{align-items:center;flex-wrap:wrap}.bilingual-create-row .input{flex:1 1 190px}
.language-mode-box small{display:block;margin-top:6px;line-height:1.45}
.lang-arabic .page-header,.lang-arabic .section-title,.lang-arabic .form-group,.lang-arabic .cart,.lang-arabic .receipt,.lang-arabic .table td,.lang-arabic .table th{text-align:right}
.lang-arabic .table th{letter-spacing:0;text-transform:none}
.lang-arabic .sidebar nav a{direction:rtl}.lang-arabic .sidebar nav a span{margin-left:2px}
.lang-arabic .sidebar nav a.active{box-shadow:inset -3px 0 0 #55d995}
.lang-arabic .receipt-total{margin-left:0;margin-right:auto}.lang-arabic .receipt-meta div:nth-child(even){text-align:left}
.lang-arabic .right{text-align:left}.lang-arabic .searchbar{direction:rtl}.lang-arabic .actions{direction:rtl}
@media(max-width:520px){.lang-arabic .receipt-meta div:nth-child(even){text-align:right}}

/* V5 backup, restore and import/export tools */
.data-tools-grid{align-items:start}.tool-stack{display:grid;gap:12px}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.tool-row>div{display:flex;flex-direction:column;gap:4px}.tool-row small{color:var(--muted);line-height:1.45;max-width:560px}.info-box{padding:12px 14px;border-radius:12px;background:#f4f9ff;border:1px solid #d9e9f8;color:#45617e;font-size:12px;line-height:1.55;margin-top:14px}.info-box.warn{background:#fff8ec;border-color:#f3dfb8;color:#815f25}.import-panel{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.import-panel .form-group{margin-bottom:12px}
@media(max-width:700px){.tool-row{align-items:flex-start;flex-direction:column}.tool-row .btn{width:100%}}

/* V6 advanced inventory, banking and accounting */
.soft-line{border:0;border-top:1px solid var(--line);margin:22px 0}
.line-builder{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:#fbfdff;overflow:hidden}.line-builder-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line)}.builder-total{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;padding:13px 14px;border-top:1px solid var(--line);font-size:12px}.builder-total b{margin-left:6px;font-size:14px}.bank-payment-wrap{display:none;margin:8px 0 12px}.bank-payment-wrap label{font-size:10px;font-weight:800;color:var(--muted)}.split-fields-v6{grid-template-columns:repeat(3,minmax(0,1fr))}.split-fields-v6 label{display:grid;gap:5px}.split-fields-v6 select{padding:7px 8px;font-size:10px}.report-tabs{max-width:100%;overflow:auto;padding-bottom:4px}.metric strong{font-size:13px}
@media(max-width:700px){.builder-total{justify-content:flex-start;flex-direction:column;gap:7px}.split-fields-v6{grid-template-columns:1fr}}

/* MAXYRA V7 Professional Operations */
.appt-day{display:flex;flex-direction:column;gap:10px}.appt-card{border:1px solid var(--line,#dce5ef);border-radius:16px;padding:14px;background:#fff}.appt-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.appt-card h3{margin:8px 0 4px}.appt-card p{margin:0 0 10px;color:var(--muted,#6b778c)}.appt-card .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.appt-card select{min-width:140px}.kpi-big{font-size:42px;font-weight:900;line-height:1.1;margin:18px 0;color:var(--navy,#0a2a4f)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid-4,.grid-3{grid-template-columns:1fr}.appt-card>div:first-child{align-items:flex-start}}


/* MAXYRA V8.6 - stronger Arabic / RTL layout support */
html[dir="rtl"] body{direction:rtl}
@media(min-width:851px){
  .lang-arabic .sidebar{left:auto;right:0;box-shadow:-8px 0 30px rgba(8,26,52,.12)}
  .lang-arabic .main{margin-left:0;margin-right:252px}
  .lang-arabic .sidebar nav{padding-right:0;padding-left:4px}
}
.lang-arabic .page-header,.lang-arabic .header-meta,.lang-arabic .brand,.lang-arabic .sidebar-user{direction:rtl}
.lang-arabic .section-title,.lang-arabic .line-builder-head,.lang-arabic .metric,.lang-arabic .total-row{direction:rtl}
.lang-arabic input:not([type="number"]):not([type="date"]):not([type="time"]),.lang-arabic textarea{ text-align:right }
.lang-arabic select{direction:rtl;text-align:right}
.lang-arabic .table{direction:rtl}
.lang-arabic .auth-form,.lang-arabic .auth-visual{direction:rtl;text-align:right}
.lang-arabic .auth-alert{right:auto;left:18px}
.lang-arabic .mobile-topbar{direction:rtl}
.arabic-input[data-auto-arabic="1"]{background-image:linear-gradient(90deg,rgba(23,183,165,.035),rgba(47,189,117,.05))}

/* MAXYRA V9 Corporate Arabic invoice/report refinements */
.lang-arabic .receipt,.lang-arabic .receipt *{direction:rtl}.lang-arabic .receipt .right{text-align:left}.lang-arabic .receipt-meta div:nth-child(even){text-align:right}.receipt-credit{margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff8e6;font-size:12px}.lang-arabic .table th,.lang-arabic .table td{text-align:right}.lang-arabic .right{text-align:left!important}


/* MAXYRA V10.4 - responsive UX, menu search, shortcuts and advanced privilege matrix */
.menu-search-wrap{margin:0 4px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px 9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:12px}.menu-search-wrap span{color:#8ef0bf}.menu-search-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.menu-search-wrap input::placeholder{color:#91a7c2}.menu-search-wrap kbd,.command-search kbd,.shortcut-grid kbd{font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:6px;padding:3px 5px;background:rgba(255,255,255,.08);color:#b9cce2}.sidebar nav a b{font:inherit}.sidebar nav a.menu-filter-hidden,.sidebar .nav-label.menu-filter-hidden{display:none!important}.shortcut-help{border:1px solid var(--line);background:#fff;color:#42627f;border-radius:10px;padding:7px 9px;cursor:pointer}
.command-palette,.shortcut-modal{position:fixed;inset:0;display:none;place-items:start center;background:rgba(7,20,39,.46);backdrop-filter:blur(4px);z-index:1000;padding:10vh 18px 18px}.command-palette.open,.shortcut-modal.open{display:grid}.command-dialog,.shortcut-dialog{width:min(680px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(7,31,60,.28);overflow:hidden}.command-search{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.command-search input{border:0;outline:0;font-size:17px;width:100%}.command-search kbd,.shortcut-grid kbd{color:#38506a;background:#f2f6fa;border-color:#cfd9e5}.command-results{max-height:430px;overflow:auto;padding:8px}.command-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer}.command-item:hover,.command-item.active{background:#eef6ff}.command-item small{color:var(--muted)}.command-foot{display:flex;gap:16px;flex-wrap:wrap;padding:10px 16px;background:#f8fafc;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.shortcut-dialog{padding:20px}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shortcut-grid>div{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:11px}.shortcut-grid>div>span{margin-left:5px;font-size:12px;color:#4c627a}.shortcut-modal{place-items:center}.permission-user-picker{margin:12px 0 16px}.permission-user-picker select{max-width:460px}.permission-matrix{border:1px solid var(--line);border-radius:14px;overflow:hidden}.permission-module{padding:9px 12px;background:#eef4fb;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#385a7c}.permission-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:16px;align-items:center;padding:11px 12px;border-top:1px solid var(--line)}.permission-module+.permission-row{border-top:0}.permission-copy{display:flex;flex-direction:column;gap:3px}.permission-copy strong{font-size:13px}.permission-copy small{font-size:10px;color:var(--muted)}.permission-choice{display:flex;gap:8px;flex-wrap:wrap}.permission-choice label{display:flex;gap:5px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;cursor:pointer;background:#fff}.permission-actions{margin-top:14px}.pos-return-shortcut{white-space:nowrap}

/* Fluid layouts: laptop, tablet, phone, narrow browser and touch displays. */
img,svg,canvas{max-width:100%}.card,.grid>*{min-width:0}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.searchbar{flex-wrap:wrap;align-items:center}.searchbar>*{min-width:0}.actions>.btn,.actions>form{max-width:100%}.actions form{display:inline-flex}.page-header{gap:14px}.section-title{gap:12px}.form-grid>*{min-width:0}.input,select,textarea{min-height:42px}.btn{min-height:40px;touch-action:manipulation}.sidebar nav a{min-height:42px}
@media(max-width:1100px){.main{padding-left:22px;padding-right:22px}.table{min-width:620px}.permission-row{grid-template-columns:1fr}.permission-choice{justify-content:flex-start}}
@media(max-width:850px){body.nav-open{overflow:hidden}.sidebar{width:min(86vw,320px);box-shadow:18px 0 50px rgba(7,27,52,.28)}body.nav-open:after{content:'';position:fixed;inset:0;background:rgba(7,20,39,.38);z-index:25}.sidebar{z-index:30}.mobile-topbar{z-index:24}.main{padding-left:14px;padding-right:14px}.page-header{margin-bottom:16px}.card.pad{padding:16px}.table{min-width:580px}.command-palette{padding-top:72px}.shortcut-grid{grid-template-columns:1fr}.permission-row{padding:12px}.section-title{align-items:flex-start;flex-wrap:wrap}.pos-toolbar{align-items:stretch;flex-wrap:wrap}.pos-toolbar .input{flex:1 1 240px}.pos-return-shortcut{flex:0 0 auto}}
@media(max-width:640px){html{font-size:15px}.main{padding-top:74px}.grid,.grid-2,.grid-3,.grid-4,.split{gap:12px}.card.pad{padding:13px;border-radius:14px}.page-header h1{font-size:21px}.page-header{align-items:flex-start}.form-grid{gap:11px}.searchbar{display:grid;grid-template-columns:1fr}.searchbar .input,.searchbar select,.searchbar .btn{max-width:none;width:100%}.actions{gap:6px}.actions>.btn,.actions>form,.actions>form>.btn{flex:1 1 145px}.table{min-width:540px}.table th,.table td{padding:9px 10px}.pos-layout{gap:12px}.cart-list{max-height:none}.cart-controls{grid-template-columns:92px minmax(0,1fr) 34px}.discount-row{grid-template-columns:1fr}.payment-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.command-dialog,.shortcut-dialog{border-radius:14px}.permission-choice{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.permission-choice label{justify-content:center}.permission-actions{display:grid;grid-template-columns:1fr}.permission-actions form,.permission-actions .btn{width:100%}}
@media(max-width:420px){.mobile-topbar{padding-left:10px;padding-right:10px}.mobile-topbar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{padding-left:9px;padding-right:9px}.card.pad{padding:11px}.btn{padding:9px 11px}.table{min-width:500px}.service-grid{grid-template-columns:1fr}.shortcut-grid>div{grid-template-columns:auto auto minmax(0,1fr)}.permission-choice{grid-template-columns:1fr}.pos-toolbar{display:grid;grid-template-columns:1fr}.pos-return-shortcut{width:100%}.command-palette,.shortcut-modal{padding-left:9px;padding-right:9px}}
@media(hover:none) and (pointer:coarse){.btn,.sidebar nav a,.cat-btn,.pay-btn{min-height:44px}.service-card:hover{transform:none}.table tr:hover td{background:inherit}}
@media print{.command-palette,.shortcut-modal,.menu-search-wrap,.shortcut-help{display:none!important}}

/* MAXYRA V10.5 - organized sidebar, unified reports hub and all-device responsiveness */
.nav-group{margin:2px 0 5px;border-radius:12px;overflow:hidden}.nav-group .nav-label{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;padding:8px 12px;margin:5px 0 3px;font:800 10px/1.2 inherit;letter-spacing:1.45px;text-transform:uppercase;color:#7e95b4}.nav-group .nav-label b{font-size:13px;transition:transform .18s ease;color:#6f89aa}.nav-group.is-open .nav-label b{transform:rotate(180deg)}.nav-group-items{display:none}.nav-group.is-open .nav-group-items{display:block}.nav-group.has-filter-match .nav-group-items{display:block}.nav-group .nav-label:hover{color:#b8c9df;background:rgba(255,255,255,.04)}
.lang-arabic .nav-group .nav-label{text-align:right;direction:rtl}.lang-arabic .nav-group .nav-label b{margin-left:0;margin-right:auto}
.report-hub-search{position:sticky;top:8px;z-index:8;display:flex;gap:10px;align-items:center;margin-bottom:16px;padding:12px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(12,39,70,.08);backdrop-filter:blur(8px)}.report-hub-search .input{flex:1}.report-hub-search small{white-space:nowrap;color:var(--muted);font-weight:700}.report-section[data-report-section].report-filter-hidden,.report-card.report-filter-hidden{display:none!important}.report-card b{line-height:1.25}.report-card span{font-size:11px}.report-hub-summary{display:flex;gap:8px;flex-wrap:wrap}.report-hub-summary .badge{padding:7px 9px}
@media(min-width:851px) and (max-width:1180px){.sidebar{width:226px;padding-left:10px;padding-right:10px}.main{margin-left:226px;padding-left:20px;padding-right:20px}.brand span{font-size:17px}.sidebar nav a{font-size:13px;padding:10px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.nav-group .nav-label{padding-top:10px;padding-bottom:10px}.sidebar nav a{padding:12px}.report-hub-search{top:66px;flex-wrap:wrap}.report-hub-search small{width:100%}.report-catalogue{grid-template-columns:1fr!important}.grid.grid-4{grid-template-columns:1fr 1fr}.main{width:100%;max-width:100vw;overflow-x:hidden}}
@media(max-width:560px){.grid.grid-4,.grid.grid-3,.grid.grid-2{grid-template-columns:1fr}.main{padding-left:10px;padding-right:10px}.card.pad{padding:13px}.page-header h1{font-size:24px}.section-title{align-items:flex-start;flex-direction:column}.section-title .actions{width:100%}.section-title .actions .btn{flex:1}.report-hub-search{padding:10px}.searchbar{display:grid;grid-template-columns:1fr;width:100%}.searchbar>label,.searchbar>.input,.searchbar>.btn,.searchbar>select{width:100%}.form-grid{gap:12px}.actions{gap:7px}.actions>.btn,.actions>form,.actions>form>.btn{width:100%}.table{min-width:640px}.mobile-topbar strong{max-width:calc(100vw - 118px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:390px){.mobile-topbar{padding-left:8px;padding-right:8px}.mobile-topbar img{width:34px;height:34px}.menu-toggle{padding:7px 9px}.sidebar{width:92vw}.main{padding-left:8px;padding-right:8px}.card.pad{padding:11px}.btn{padding-left:10px;padding-right:10px}}

.nav-group.menu-filter-hidden{display:none!important}

/* V10.6 Smart Printer Auto-Fit */
.printer-smart-box{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#fafcff)}
.printer-detect-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.printer-detect-status>div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}.printer-detect-status span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.printer-detect-status strong{display:block;font-size:12px;overflow-wrap:anywhere}
.printer-pill{display:inline-flex;align-items:center;max-width:min(100%,520px);padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-toolbar{flex-wrap:wrap}.invoice-thermal-lines{display:none}
@media(max-width:760px){.printer-detect-status{grid-template-columns:1fr 1fr}.printer-pill{width:100%;justify-content:center}.printer-smart-box .section-title{align-items:flex-start;gap:10px}}
@media(max-width:480px){.printer-detect-status{grid-template-columns:1fr}.printer-smart-box{padding:12px}.printer-smart-box .section-title{display:grid}.printer-smart-box .section-title .btn{width:100%}}
@media print{
  .receipt.print-profile-thermal58,.receipt.print-profile-thermal80{font-family:Arial,"Noto Sans Arabic",sans-serif;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0 auto!important;color:#000;background:#fff}
  .receipt.print-profile-thermal58{width:48mm!important;max-width:48mm!important;padding:0!important;font-size:8.5px;line-height:1.25}
  .receipt.print-profile-thermal80{width:72mm!important;max-width:72mm!important;padding:0!important;font-size:9.5px;line-height:1.3}
  .receipt.print-profile-thermal58 .receipt-head img{width:24mm;max-height:18mm;object-fit:contain}.receipt.print-profile-thermal80 .receipt-head img{width:30mm;max-height:22mm;object-fit:contain}
  .receipt.print-profile-thermal58 .receipt-head h2{font-size:13px;margin:3px 0}.receipt.print-profile-thermal80 .receipt-head h2{font-size:15px;margin:4px 0}
  .receipt.print-profile-thermal58 .receipt-head .muted,.receipt.print-profile-thermal80 .receipt-head .muted{font-size:8px;line-height:1.25}
  .receipt.print-profile-thermal58 .receipt-meta,.receipt.print-profile-thermal80 .receipt-meta{display:block;margin:7px 0;font-size:8px}.receipt.print-profile-thermal58 .receipt-meta>div,.receipt.print-profile-thermal80 .receipt-meta>div{text-align:left!important;margin:1px 0}
  .lang-arabic .receipt.print-profile-thermal58 .receipt-meta>div,.lang-arabic .receipt.print-profile-thermal80 .receipt-meta>div{text-align:right!important}
  .receipt.print-profile-thermal58 .invoice-standard-table,.receipt.print-profile-thermal80 .invoice-standard-table{display:none!important}
  .receipt.print-profile-thermal58 .invoice-thermal-lines,.receipt.print-profile-thermal80 .invoice-thermal-lines{display:block!important;border-top:1px dashed #555;border-bottom:1px dashed #555;padding:4px 0}
  .thermal-line{padding:4px 0;border-bottom:1px dotted #aaa}.thermal-line:last-child{border-bottom:0}.thermal-line-name{display:flex;justify-content:space-between;gap:5px;align-items:flex-start}.thermal-line-name strong{min-width:0;overflow-wrap:anywhere}.thermal-line-name small{font-size:.88em;white-space:nowrap}.thermal-line-calc{display:flex;justify-content:space-between;gap:6px;margin-top:2px}.thermal-tax{display:block;font-size:.82em;color:#333;margin-top:1px}
  .receipt.print-profile-thermal58 .receipt-total,.receipt.print-profile-thermal80 .receipt-total{width:100%!important;margin:4px 0 0!important;padding-top:3px!important}.receipt.print-profile-thermal58 .total-row,.receipt.print-profile-thermal80 .total-row{padding:1.5px 0}.receipt.print-profile-thermal58 .total-row.grand,.receipt.print-profile-thermal80 .total-row.grand{font-size:1.12em;border-top:1px solid #000;margin-top:2px;padding-top:3px}
  .receipt.print-profile-thermal58 .receipt-credit,.receipt.print-profile-thermal80 .receipt-credit{margin-top:6px;padding:4px;border-radius:0;font-size:8px;background:#fff}
  .receipt.print-profile-thermal58 p.muted,.receipt.print-profile-thermal80 p.muted{margin-top:8px!important;font-size:7.5px!important}
  .receipt.print-profile-a5{width:132mm!important;max-width:132mm!important;padding:0!important}.receipt.print-profile-a5 .table{font-size:10px}.receipt.print-profile-a5 .receipt-head img{width:28mm}
  .receipt.print-profile-a4{width:185mm!important;max-width:185mm!important;padding:0!important}
}

/* V10.7 focused UI additions */
.invoice-number-hero{margin:8px 0 10px;font-size:18px;font-weight:800;letter-spacing:.02em}
.invoice-number-hero strong{font-size:1.15em}
.pos-tax-display{display:flex;align-items:center;gap:9px;margin:12px 0;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:var(--surface-soft,#f8fafc);font-size:13px;font-weight:700}
.pos-tax-display input{width:18px;height:18px;flex:0 0 auto}
@media(max-width:720px){.invoice-number-hero{font-size:16px}.pos-tax-display{padding:9px 10px}.shortcut-dialog{max-height:88vh;overflow:auto}}
@media print{.invoice-number-hero{font-size:16px;margin:5px 0 7px}.print-profile-thermal58 .invoice-number-hero,.print-profile-thermal80 .invoice-number-hero{font-size:14px}}

/* V10.7.1 short/manual invoice number control */
.pos-manual-invoice{margin:0 0 12px;padding:10px;border:1px solid var(--line,#dfe5ec);border-radius:10px;background:rgba(248,250,252,.78)}
.pos-manual-invoice label{display:block;font-size:11px;font-weight:800;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}
.pos-manual-invoice small{display:block;margin-top:5px;line-height:1.35}
@media(max-width:640px){.pos-manual-invoice{margin-bottom:10px;padding:9px}.pos-manual-invoice .input{font-size:16px}}