@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{--color-primary-950: #0b2b2b;--color-primary-900: #103f3d;--color-primary-800: #145a56;--color-primary-600: #1b8177;--color-primary-500: #259d8c;--color-accent: #d4a84f;--color-success: #218c67;--color-warning: #c98425;--color-danger: #c94f4f;--color-info: #3478b9;--color-surface: #f5f7f6;--color-card: #ffffff;--color-text: #17302f;--color-muted: #73817e;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-soft: 0 10px 35px rgba(20, 61, 57, .08)}*{box-sizing:border-box}html{direction:rtl}body{margin:0;background:var(--color-surface);color:var(--color-text);font-family:Cairo,Tahoma,sans-serif;font-size:14px;line-height:1.7}a{color:var(--color-primary-800);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:272px;flex:0 0 272px;background:linear-gradient(180deg,var(--color-primary-950),var(--color-primary-900));color:#e8f3ef;padding:28px 18px}.app-main{min-width:0;flex:1}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:var(--color-card);border-bottom:1px solid #e5ece9}.app-content{padding:34px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:36px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--color-accent);color:var(--color-primary-950);display:grid;place-items:center;font-weight:800}.brand-name{font-weight:800;font-size:16px}.nav-section{color:#88b3ac;font-size:11px;margin:22px 12px 8px}.nav-link{display:flex;align-items:center;gap:10px;color:#d9ebe6;padding:11px 13px;border-radius:10px;margin:4px 0}.nav-link:hover,.nav-link.active{background:#ffffff1a;color:#fff}.page-title{margin:0;font-size:25px;font-weight:800}.page-subtitle{margin:4px 0 0;color:var(--color-muted)}.card{background:var(--color-card);border:1px solid #e7eeeb;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.card-body{padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.stat-card{padding:20px}.stat-label{color:var(--color-muted);font-size:12px}.stat-value{display:block;margin-top:8px;font-size:25px;font-weight:800}.badge{display:inline-flex;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.badge-success{color:#176b4e;background:#e3f5ed}.badge-warning{color:#8b5a16;background:#fff0d6}.badge-danger{color:#9d3a3a;background:#fde4e4}.brand small,.app-header small,.user-menu small{display:block;color:#88b3ac;font-size:10px;font-weight:500}.app-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}.app-header{position:sticky;top:0;z-index:30}.header-leading,.user-menu{display:flex;align-items:center;gap:14px}.user-menu{text-align:left}.user-menu small{color:var(--color-muted)}.app-footer{text-align:center;color:var(--color-muted);font-size:11px;padding:14px 24px 24px}.mobile-menu{display:none;border:0;background:#edf4f1;color:var(--color-primary-900);border-radius:9px;width:38px;height:38px;cursor:pointer}.sidebar-backdrop{display:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:9px 14px;font-weight:700;cursor:pointer;transition:.16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--color-primary-800)}.btn-secondary{color:var(--color-primary-900);background:#e6f0ed}.btn-danger{color:#fff;background:var(--color-danger)}.btn-ghost{color:var(--color-muted);background:transparent;border-color:#dce7e3}.btn-sm{padding:6px 10px;font-size:12px}.alert{border-radius:11px;padding:12px 15px;margin-bottom:18px;border:1px solid transparent}.alert-success{background:#e6f6ef;border-color:#bce5d3;color:#176b4e}.alert-danger{background:#fde9e9;border-color:#f2c5c5;color:#8e3030}.alert-warning{background:#fff4df;border-color:#efd7a6;color:#805315}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0}.card,.split-layout>*,.backup-grid>*,details{min-width:0}.field.span-2{grid-column:span 2}.field.span-3{grid-column:span 3}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.input,input.input,select.input,textarea.input{width:100%;border:1px solid #cfddd8;background:#fff;border-radius:10px;padding:10px 12px;color:var(--color-text);outline:none}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #259d8c1f}textarea.input{min-height:86px;resize:vertical}.form-help{display:block;color:var(--color-muted);font-size:10px;margin-top:4px}.table-wrap{overflow:auto;border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:right;background:#f0f5f3;color:#536763;font-size:11px;white-space:nowrap}.data-table th,.data-table td{padding:11px 13px;border-bottom:1px solid #e9efed;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfc}.muted{color:var(--color-muted)}.numeric{direction:ltr;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px;background:var(--color-success)}.status-dot.off{background:#aab5b2}.empty-state{padding:44px 20px;text-align:center;color:var(--color-muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.toolbar form{display:flex;gap:8px;flex:1;max-width:520px}details.form-panel{margin-bottom:18px}details.form-panel>summary{list-style:none}details.form-panel>summary::-webkit-details-marker{display:none}details.form-panel[open]>summary{margin-bottom:18px}.pagination{margin-top:18px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination svg{width:18px}.pagination span[aria-current=page] span{background:var(--color-primary-800)!important;color:#fff!important}.split-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:20px;align-items:start}.sticky-card{position:sticky;top:96px}.kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi{padding:16px 18px}.kpi strong{display:block;font-size:20px;margin-top:5px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);gap:20px;align-items:start}.pos-cart-row{display:grid;grid-template-columns:minmax(190px,1fr) 125px 95px 155px 120px 40px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #e9efed}.pos-total{display:flex;justify-content:space-between;align-items:center;font-size:22px;font-weight:800;padding-top:18px}.barcode-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.barcode-video{width:100%;max-height:360px;background:#102f2d;border-radius:12px;object-fit:cover}.btn-block{width:100%}.form-status{min-height:24px;margin:9px 0 0}.compact-table{min-width:520px}.settings-list{display:grid;gap:10px}.setting-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(180px,.9fr) auto;align-items:center;gap:12px;padding:14px;background:#f8fbfa;border-radius:11px}.return-line{display:grid;grid-template-columns:minmax(200px,1fr) minmax(130px,.45fr);gap:10px;align-items:end;padding:10px;background:#f8fbfa;border-radius:10px;margin-top:8px}.count-line{grid-template-columns:170px minmax(220px,1fr) 130px minmax(150px,.7fr) auto}.permission-editor{min-width:680px;max-height:70vh;overflow:auto;padding:12px}.permission-group{border:1px solid #dce8e4;border-radius:10px;padding:10px;margin:10px 0}.permission-row{display:grid;grid-template-columns:minmax(220px,1fr) 140px;gap:10px;align-items:center;margin:7px 0}.session-banner{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 15px;border-radius:11px;margin-bottom:18px}.session-open{background:#e5f5ed;color:#176b4e}.session-closed{background:#fff0d6;color:#805315}.drawer-form{width:min(620px,calc(100vw - 64px));max-width:100%;padding-top:12px}.responsive-details{max-width:100%}.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.backup-list{display:grid;gap:12px}.backup-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid #e2ebe8;border-radius:12px;background:#f9fbfa}.backup-item small{display:block;color:var(--color-muted);margin-top:4px}.restore-details{position:relative}.restore-details[open] .drawer-form{position:absolute;z-index:20;left:0;top:calc(100% + 8px);background:#fff;border:1px solid #dce7e3;box-shadow:var(--shadow-soft);padding:16px;border-radius:12px}@media(max-width:1100px){.app-sidebar{width:230px;flex-basis:230px}.stat-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.pos-layout{grid-template-columns:1fr}.sticky-card{position:static}}@media(max-width:760px){.app-sidebar{position:fixed;right:0;transform:translate(105%);width:min(86vw,300px);transition:transform .2s ease}body.sidebar-open .app-sidebar{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:0;background:#0419188c}body.sidebar-open .sidebar-backdrop{display:block}.mobile-menu{display:inline-grid;place-items:center}.app-content{padding:20px 15px}.app-header{padding:0 15px;height:68px}.user-menu>div{display:none}.stat-grid,.kpi-row,.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.field.span-2,.field.span-3{grid-column:span 1}.pos-cart-row{grid-template-columns:1fr 105px 85px 38px}.pos-cart-row .line-total{grid-column:1/-1}.barcode-entry,.setting-row,.return-line,.count-line,.backup-grid{grid-template-columns:1fr}.backup-item{align-items:flex-start;flex-direction:column}.backup-item .actions{width:100%}.backup-item .actions>*{flex:1 1 auto}.restore-details[open] .drawer-form{position:fixed;inset:auto 12px 12px 12px;width:auto;max-height:80vh;overflow:auto}details form{min-width:0!important;max-width:100%!important}.data-table{min-width:640px}.card-body{padding:18px 15px}.page-title{font-size:21px}.btn{min-height:42px}}