:root{color-scheme:light;--ink:#172338;--muted:#66758a;--blue:#1258b2;--line:#e1e7ee;--surface:#fff;--bg:#f5f7fa;--red:#b42318;--green:#117449}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.65}.page{max-width:1200px;margin:0 auto;padding:26px 20px 60px}h1,h2,h3{line-height:1.4;margin:0 0 12px}h1{font-size:27px}h2{font-size:19px}p{margin:0 0 14px}a{color:var(--blue)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.brand{font-size:22px;font-weight:800;color:var(--blue);letter-spacing:.25px}.tagline{color:var(--muted);font-size:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.metric strong{display:block;font-size:28px;font-weight:800}.metric small{color:var(--muted)}.notice{border:1px solid #eac4a3;background:#fff9f1;border-radius:9px;padding:14px;margin-bottom:16px;color:#76461e}.error{color:var(--red)}.ok{color:var(--green)}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:right;font-size:14px}td,th{padding:12px;border-bottom:1px solid var(--line)}th{color:#556477;background:#f9fafb}.badge{display:inline-block;background:#eef3f9;color:#365476;border-radius:999px;padding:3px 9px;font-size:12px}.badge.warn{background:#fff0e5;color:#9a4c0d}.form-card{width:min(100%,470px);margin:70px auto}.field{display:block;margin:16px 0}.field span{display:block;font-weight:600;margin-bottom:6px}input{font:inherit;width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;outline:0}input:focus{border-color:var(--blue)}button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:8px;background:var(--blue);color:white;padding:11px 18px}button:disabled{opacity:.65;cursor:not-allowed}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn-subtle{background:#eaf1fb;color:#184f96}.link{color:var(--blue);text-decoration:none}.footer{font-size:12px;margin-top:26px;color:var(--muted)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:530px){.page{padding:16px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:12px}.metric strong{font-size:23px}table{font-size:12px}td,th{padding:8px}}.navigation{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:15px}.navigation a{text-decoration:none;display:inline-block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 12px;color:#183554;font-size:13px}.navigation a.active{background:var(--blue);border-color:var(--blue);color:#fff}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.quick-actions a{text-decoration:none;border:1px solid #b3cde8;background:#f3f8fd;padding:12px;border-radius:10px;font-weight:700}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{min-width:650px}.field select,select{width:100%;font:inherit;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px 18px;gap:12px 18px}.form-grid button{align-self:end;margin:16px 0}.inline-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.inline-search input{width:auto;flex:1 1;min-width:180px}.checkline{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;margin:10px 0}.checkline input{width:auto;flex:none;accent-color:var(--blue)}.warehouse-options{border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:12px 18px}.badge.approved{background:#e5f7eb;color:#176534}.sku{font-family:Consolas,monospace;direction:ltr;text-align:right;font-size:13px}.btn-small{padding:6px 10px;font-size:12px}.danger-button{background:#a52525}.status-message{background:#e9f4ff;padding:14px;border-radius:10px;border:1px solid #bed6f1;margin:15px 0}.camera-box{border:1px solid #a2b9d7;border-radius:10px;padding:14px;margin:14px 0;background:#f0f6fb}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.inline-search button{padding:9px}.navigation a{font-size:12px}.panel{padding:14px}.quick-actions a{width:100%}}.mobile-workflow{max-width:690px;margin-inline:auto}.mobile-panel{padding:18px;margin-bottom:12px}.mobile-section-title{margin-top:18px}.mobile-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.mobile-actions button{background:#eef3f9;color:#143d6c;border:1px solid #bdd0e5;min-height:54px}.mobile-actions button.active{background:#1258b2;color:white}.mobile-scan-button{width:100%;min-height:65px;background:#1258b2;font-size:17px}.mobile-search{display:flex;gap:7px;margin:12px 0}.mobile-search input{min-width:0;flex:1 1}.mobile-item-summary{border:1px solid #b9d0ed;background:#f1f7ff;border-radius:12px;padding:16px;margin:14px 0}.mobile-item-summary strong{display:block;font-size:23px;overflow-wrap:anywhere}.mobile-item-summary small{display:block;color:#546880}.mobile-submit{width:100%;min-height:62px;margin-top:14px;font-size:17px}.mobile-offline{border:2px solid #b42318;background:#fff1f0;color:#7d1818;padding:15px;border-radius:12px;margin-bottom:16px}.inventory-progress{border:1px solid #d9e3ee;border-radius:12px;padding:14px;margin:12px 0}.inventory-progress progress{width:100%;height:16px;accent-color:#1258b2;display:block;margin:8px 0}.receipt-controls{display:flex;gap:6px;min-width:154px}.receipt-controls input{width:92px;min-width:70px}.scanner-modal{position:fixed;inset:0;z-index:1000;background:rgba(14,25,42,.87);display:flex;justify-content:center;align-items:center;padding:12px}.scanner-card{width:min(100%,540px);background:#fff;border-radius:18px;padding:18px;max-height:95dvh;overflow-y:auto}.scanner-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.scanner-viewport{position:relative;background:#091322;border-radius:12px;overflow:hidden;min-height:210px;display:grid;place-items:center}.scanner-viewport video{width:100%;height:280px;object-fit:cover}.scanner-target{position:absolute;inset:21% 14%;border:3px solid #69e9a4;border-radius:14px;pointer-events:none;box-shadow:0 0 0 120px #0003}.scanner-manual{display:flex;align-items:end;gap:10px}.scanner-manual .field{flex:1 1;min-width:0}.scanner-help{font-size:12px}@media(max-width:530px){button,input,select{font-size:16px}.mobile-workflow .panel{padding:14px}.scanner-viewport video{height:38dvh;max-height:330px}.scanner-card{padding:12px}}.status-message.error-status{background:#fff2f0;border-color:#e6a7a1;color:#9b1c13}@media(max-width:700px){.permissions-table{overflow-x:visible}.permissions-table table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 10px}.permissions-table thead{display:none}.permissions-table tbody,.permissions-table td,.permissions-table tr{display:block;width:100%}.permissions-table tr{background:#fff;border:1px solid #d6dfe9;border-radius:12px;padding:12px 14px;margin-bottom:10px}.permissions-table td{padding:4px 0;border:0;text-align:right;font-size:14px}.permissions-table td:first-child{font-weight:750;font-size:16px;overflow-wrap:anywhere}.permissions-table td:nth-child(2){color:#5c6d83;font-size:13px}.permissions-table td:nth-child(2):before{content:"الافتراضي حسب الدور: ";font-weight:600}.permissions-table td:nth-child(3){padding-top:9px}.permissions-table td:nth-child(3) select{width:100%;min-height:48px;font-size:16px}}.page:has(.app-sidebar){margin-left:260px;max-width:min(1320px,calc(100% - 260px));margin-right:auto}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;z-index:90;overflow-y:auto;background:#fff;border-right:1px solid #d6e0ec;padding:23px 12px;box-shadow:2px 0 12px #1028420c;text-align:right}.sidebar-heading{font-size:19px;font-weight:800;color:#1258b2;padding:3px 12px 9px;direction:ltr;text-align:left}.sidebar-heading small{font-size:11px;font-weight:500;color:#60738a;display:block}.sidebar-phase{display:block;background:#fff4df;border-radius:8px;color:#8c5800;font-size:12px;font-weight:700;margin:7px 6px 15px;padding:8px 10px;text-align:center}.sidebar-links{display:flex;flex-direction:column;gap:5px}.sidebar-links a{text-decoration:none;color:#183554;border-radius:9px;padding:10px 12px;border:1px solid transparent;font-size:14px;font-weight:600;min-height:43px}.sidebar-links a:focus-visible,.sidebar-links a:hover{background:#eef5fc;border-color:#c0d7ee}.sidebar-links a.active{background:#1258b2;color:white;border-color:#1258b2}.menu-mobile-trigger{display:none}@media(max-width:850px){.page:has(.app-sidebar){margin:0 auto;max-width:100%;padding-top:58px}.menu-mobile-trigger{position:fixed;top:10px;left:10px;z-index:110;display:block;border-radius:10px;padding:10px 13px;font-size:15px;min-height:43px}.app-sidebar{transform:translateX(-105%);transition:transform .18s ease;width:min(82vw,290px);z-index:109;box-shadow:6px 0 20px #101f3840}.app-sidebar.sidebar-open{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;z-index:105;background:#0b1b3280;border:0;border-radius:0}}.transit-alert{border:1px solid #f3be82;background:#fff8ef;color:#804400;padding:11px 14px;border-radius:10px;margin:12px 0}.transit-overdue{background:#fff7f0}.stock-language-choice{display:inline-flex;align-items:center;gap:3px;border:1px solid #cbd7e6;background:#edf3fa;padding:4px;border-radius:13px;direction:ltr}.stock-language-choice button{border:0;border-radius:9px;padding:7px 12px;background:transparent;color:#284665;min-height:38px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;white-space:nowrap}.stock-language-choice button.selected{background:#145eac;color:#fff;box-shadow:0 1px 3px #234c7d35}.stock-language-choice button:focus-visible{outline:3px solid #fbad3b;outline-offset:2px}.app-sidebar[dir=ltr],.app-sidebar[dir=ltr] .sidebar-links a{text-align:left}.app-sidebar[dir=rtl] .sidebar-links a{text-align:right}@media(max-width:530px){.stock-language-choice button{font-size:13px;padding:7px 8px}.topbar .actions{display:flex;gap:5px;flex-wrap:wrap}}