@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap&font-display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(13px,3vw,16px);scroll-behavior:smooth;overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}:root{--bg:#f8fafc;--surface:#ffffff;--surface2:#f1f5f9;--surface3:#e2e8f0;--surface4:#cbd5e1;--border:#e2e8f0;--border-light:#f1f5f9;--text:#0f172a;--text2:#334155;--text3:#64748b;--text4:#94a3b8;--text5:#cbd5e1;--primary:#1d4ed8;--primary-h:#1e40af;--primary-d:#172554;--primary-light:#eff6ff;--primary-dim:rgba(29,78,216,0.06);--primary-glow:none;--accent:#1d4ed8;--accent-h:#1e40af;--accent-light:#eff6ff;--accent-dim:rgba(29,78,216,0.06);--success:#059669;--success-bg:#f0fdf4;--success-border:#bbf7d0;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--info:#1d4ed8;--info-bg:#eff6ff;--info-border:#bfdbfe;--purple:#475569;--purple-bg:#f1f5f9;--purple-border:#e2e8f0;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:0 4px 16px rgba(0,0,0,0.08);--shadow-primary:none;--shadow-accent:none;--sidebar-w:clamp(240px,20vw,280px);--sidebar-cw:72px;--topbar-h:clamp(56px,8vw,68px);--sidebar-bg:#090d16;--sidebar-border:#1e293b;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--r-sm:8px;--r:8px;--r-lg:8px;--r-xl:8px;--r-2xl:8px;--t:140ms ease-out;--t-spring:140ms ease-out}.dark{--bg:#090d16;--surface:#0f172a;--surface2:#1e293b;--surface3:#334155;--surface4:#475569;--border:#1e293b;--border-light:#162032;--text:#f8fafc;--text2:#e2e8f0;--text3:#94a3b8;--text4:#64748b;--text5:#475569;--primary:#3b82f6;--primary-h:#2563eb;--primary-d:#1d4ed8;--primary-light:#172554;--primary-dim:rgba(59,130,246,0.12);--primary-glow:none;--accent:#3b82f6;--accent-h:#2563eb;--accent-light:#172554;--accent-dim:rgba(59,130,246,0.12);--success:#10b981;--success-bg:#052016;--success-border:#064e3b;--danger:#ef4444;--danger-bg:#200c0c;--danger-border:#7f1d1d;--warning:#f59e0b;--warning-bg:#1e1400;--warning-border:#78350f;--info:#3b82f6;--info-bg:#172554;--info-border:#1e3a8a;--purple:#94a3b8;--purple-bg:#1e293b;--purple-border:#334155;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:0 4px 16px rgba(0,0,0,0.4);--sidebar-bg:#060911;--sidebar-border:#1e293b}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:var(--bg);color:var(--text);transition:background var(--t),color var(--t);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:.9375rem;overflow-x:hidden;max-width:100vw}body,button,input,select,textarea{font-family:Cairo,sans-serif}button{cursor:pointer}a{text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlide{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400% 0}to{background-position:400% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes floatDot{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dore-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:200;background:var(--sidebar-bg);width:var(--sidebar-w);transition:width var(--t),transform var(--t);display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--sidebar-border);contain:layout style;will-change:width,transform;padding-bottom:env(safe-area-inset-bottom,0)}.dore-sidebar:before{display:none}.dore-sidebar.collapsed{width:var(--sidebar-cw)}.dore-sidebar.mobile-hidden{transform:translateX(100%)}.dore-sidebar.mobile-open{transform:translateX(0)!important}.sidebar-logo{padding:0 16px;height:var(--topbar-h);min-height:var(--topbar-h);display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffff;border-bottom:1px solid #e2e8f0;flex-shrink:0;overflow:hidden;position:relative;z-index:1}.sidebar-logo-full{height:38px;max-width:175px;width:auto;object-fit:contain;display:block;margin:0 auto;transition:opacity var(--t)}.sidebar-logo-icon{display:none;height:36px;width:36px;object-fit:contain;transition:transform var(--t)}.dore-sidebar.collapsed .sidebar-logo{padding:0;justify-content:center}.dore-sidebar.collapsed .sidebar-logo-full{display:none}.dore-sidebar.collapsed .sidebar-logo-icon{display:block}.dore-sidebar.mobile-open .sidebar-logo{padding:0 16px;justify-content:center}.dore-sidebar.mobile-open .sidebar-logo-full{display:block!important}.dore-sidebar.mobile-open .sidebar-logo-icon{display:none!important}.logo-icon{width:36px;height:36px;border-radius:var(--r);flex-shrink:0;background:var(--primary);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12)}.logo-text{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:-.01em;transition:opacity var(--t),width var(--t)}.logo-sub{font-size:11px;color:var(--text4);white-space:nowrap;margin-top:1px;transition:opacity var(--t)}.dore-sidebar.collapsed .logo-sub,.dore-sidebar.collapsed .logo-text{opacity:0;width:0;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:0}.nav-section{font-size:10px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.3);text-transform:uppercase;padding:16px 8px 6px;white-space:nowrap;transition:opacity var(--t),height var(--t),padding var(--t)}.dore-sidebar.collapsed .nav-section{opacity:0;height:0;padding:0;overflow:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-bottom:2px;color:rgba(255,255,255,.65);font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;background:none;width:100%;text-align:right;border-radius:var(--r);position:relative;text-decoration:none;transition:color var(--t),background var(--t),border-color var(--t);white-space:nowrap}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;font-weight:600;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.nav-item.active .nav-icon{color:#fff}.dore-sidebar.collapsed .nav-item{justify-content:center!important;padding:10px 0!important;gap:0!important;text-align:center!important}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-icon,.nav-icon svg{width:20px;height:20px;flex-shrink:0}.nav-icon svg{display:block}.nav-label{overflow:hidden;transition:opacity var(--t),width var(--t)}.dore-sidebar.collapsed .nav-label{display:none!important;opacity:0!important;width:0!important;max-width:0!important;overflow:hidden!important;pointer-events:none!important;flex:none!important}.dore-sidebar.collapsed .nav-icon{margin:0 auto!important}.dore-sidebar.collapsed .sidebar-bottom{padding:10px 8px!important}.dore-sidebar.collapsed .sidebar-bottom .nav-item{justify-content:center!important;padding:10px 0!important;gap:0!important}.sidebar-bottom{border-top:1px solid var(--sidebar-border);padding:10px;flex-shrink:0;position:relative;z-index:1}.dore-topbar{position:fixed;top:0;right:var(--sidebar-w);left:0;height:var(--topbar-h);z-index:100;background:rgba(255,255,255,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 24px;gap:10px;transition:right var(--t),background var(--t);direction:rtl}.dark .dore-topbar{background:rgba(12,21,48,.85)}.dore-topbar.collapsed{right:var(--sidebar-cw)}.dore-topbar.mobile-mode{right:0!important}.topbar-btn{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;color:var(--text3);transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.topbar-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}.topbar-left{margin-right:auto;display:flex;align-items:center;gap:6px}.notif-badge{position:absolute;top:5px;left:5px;width:9px;height:9px;border-radius:50%;background:var(--danger);border:2px solid var(--surface);animation:pulse 2.5s infinite}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 8px;border-radius:var(--r);cursor:pointer;border:1px solid transparent;transition:background var(--t),border-color var(--t);position:relative}.user-chip:hover{background:var(--surface2);border-color:var(--border)}.user-avatar{width:32px;height:32px;border-radius:var(--r);flex-shrink:0;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.user-name{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3}.user-role{font-size:11px;color:var(--text4);font-weight:500}.drop-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:6px;min-width:210px;box-shadow:0 4px 16px rgba(0,0,0,.08);z-index:600;direction:rtl}.dark .drop-menu{background:var(--surface2);box-shadow:0 4px 16px rgba(0,0,0,.4)}.drop-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--text2);cursor:pointer;border:none;background:none;width:100%;text-align:right;font-family:Cairo,sans-serif;border-radius:calc(var(--r) - 2px);transition:background var(--t),color var(--t)}.drop-item:hover{background:var(--surface3);color:var(--text)}.drop-item.red{color:var(--danger)}.drop-item.red:hover{background:var(--danger-bg)}.drop-sep{height:1px;background:var(--border);margin:4px 0}.dore-main{margin-right:var(--sidebar-w);padding-top:var(--topbar-h);min-height:100vh;transition:margin-right var(--t);background:var(--bg);overflow-x:hidden;max-width:100%}.dore-main.collapsed{margin-right:var(--sidebar-cw)}.dore-main.mobile-mode{margin-right:0!important}.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:clamp(12px,2.5vw,18px) clamp(16px,3vw,28px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;direction:rtl;position:sticky;top:0;z-index:50;min-height:60px}.page-title{font-size:clamp(16px,3vw,20px);font-weight:700;color:var(--text);line-height:1.2}.breadcrumb{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text4);margin-top:4px;direction:rtl}.bc-link{color:var(--primary);cursor:pointer;font-weight:600;transition:color var(--t)}.bc-link:hover{color:var(--primary-h);text-decoration:underline}.bc-sep{color:var(--border);font-size:10px}.page-content{padding:var(--space-lg);direction:rtl;overflow-x:hidden;max-width:100%}.dore-card{background:var(--surface);border-radius:var(--r);border:1px solid var(--border);width:100%;transition:background var(--t),border-color var(--t)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;direction:rtl}.card-title{font-size:15px;font-weight:700;color:var(--text)}.card-sub{font-size:12.5px;color:var(--text3);margin-top:2px}.card-body{padding:clamp(14px,2.5vw,20px);direction:rtl}.dore-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:var(--r);font-size:13.5px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t);font-family:Cairo,sans-serif;white-space:nowrap;line-height:1;min-height:38px;max-width:100%}.dore-btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-h);border-color:var(--primary-h)}.btn-accent{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-accent:hover{background:var(--primary-h);border-color:var(--primary-h)}.btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--surface2);border-color:var(--text4)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-ghost{background:transparent;color:var(--text3)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#047857;border-color:#047857}.btn-sm{padding:6px 12px;font-size:12.5px;min-height:32px}.btn-sm,.btn-xs{border-radius:var(--r)}.btn-xs{padding:4px 8px;font-size:11.5px;min-height:26px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--r);font-size:12px;font-weight:600}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6;flex-shrink:0}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-info{background:var(--surface2);color:var(--primary);border:1px solid var(--border)}.badge-purple,.badge-secondary{background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.dore-table{width:100%;border-collapse:collapse;direction:rtl;min-width:600px}.dore-table thead th{padding:clamp(10px,1.5vw,13px) clamp(10px,1.5vw,16px);text-align:right;font-size:clamp(10px,1.2vw,11.5px);font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface2)}.dore-table thead th:first-child{border-radius:0 0 0 var(--r-sm)}.dore-table thead th:last-child{border-radius:0 0 var(--r-sm) 0}.dore-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .1s}.dore-table tbody tr:hover{background:var(--surface2)}.dore-table tbody tr:last-child{border-bottom:none}.dore-table tbody td{padding:clamp(10px,1.5vw,14px) clamp(10px,1.5vw,16px);font-size:clamp(12px,1.5vw,14px);color:var(--text2);vertical-align:middle;text-align:right}.dore-input{width:100%;padding:clamp(9px,1.5vw,11px) clamp(12px,2vw,15px);border:1px solid var(--border);border-radius:10px;font-size:max(16px,.9rem);color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;font-family:Cairo,sans-serif;direction:rtl;max-width:100%;min-height:44px}.dore-input::placeholder{color:var(--text4)}.dore-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim);background:var(--surface)}.dore-input:disabled{background:var(--surface2);color:var(--text4);cursor:not-allowed}.dore-input:hover:not(:focus):not(:disabled){border-color:var(--text4)}.dore-select{width:100%;padding:clamp(9px,1.5vw,10px) clamp(12px,2vw,15px) clamp(9px,1.5vw,10px) 36px;border:1px solid var(--border);border-radius:10px;font-size:max(16px,.875rem);color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;font-family:Cairo,sans-serif;cursor:pointer;appearance:none;direction:rtl;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238c97b4' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;max-width:100%;min-height:44px}.dore-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13.5px;font-weight:700;color:var(--text2);text-align:right}.form-hint{font-size:12px;color:var(--text4);text-align:right;margin-top:2px}.form-label .req{color:var(--danger);margin-right:1px}.form-error{font-size:12.5px;color:var(--danger);gap:5px;margin-top:4px}.form-error,.search-bar{display:flex;align-items:center;direction:rtl}.search-bar{gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:9px 13px;transition:all .15s}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim);background:var(--surface)}.search-bar input{border:none;background:none;outline:none;font-size:13.5px;color:var(--text);width:100%;font-family:Cairo,sans-serif;direction:rtl}.search-bar input::placeholder{color:var(--text4)}.stat-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);padding:22px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-sm);transition:all .2s;direction:rtl;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--stat-color,var(--primary)),transparent);opacity:0;transition:opacity .2s}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-dim)}.stat-card:hover:after{opacity:1}.stat-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:clamp(11px,1.5vw,12.5px);color:var(--text4);font-weight:600;margin-bottom:5px;letter-spacing:.01em}.stat-value{font-size:clamp(22px,4vw,28px);font-weight:800;color:var(--text);line-height:1;letter-spacing:-.03em;animation:countUp .4s ease}.stat-delta{font-size:11.5px;font-weight:700;margin-top:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px}.stat-delta.up{background:var(--success-bg);color:var(--success)}.stat-delta.down{background:var(--danger-bg);color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:400% 100%;animation:shimmer 2s infinite;border-radius:6px}.tab-nav{display:flex;border-bottom:1px solid var(--border-light);direction:rtl;gap:2px}.tab-btn{padding:11px 18px;font-size:14px;font-weight:700;color:var(--text3);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;font-family:Cairo,sans-serif;border-radius:var(--r-sm) var(--r-sm) 0 0}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn:hover:not(.active){color:var(--text);background:var(--surface2)}.spinner{width:32px;height:32px;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite;margin:40px auto;display:block}.spinner-sm{width:15px;height:15px;border-width:2px;margin:0;display:inline-block}.empty-state{flex-direction:column;padding:60px 32px;gap:12px;text-align:center;direction:rtl}.empty-icon,.empty-state{display:flex;align-items:center;color:var(--text4)}.empty-icon{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,var(--surface3),var(--surface2));border:1px solid var(--border);justify-content:center;margin-bottom:4px}.empty-state h3{font-size:17px;font-weight:800;color:var(--text2)}.empty-state p{font-size:13.5px;color:var(--text4);max-width:280px;line-height:1.7}.mobile-overlay{position:fixed;inset:0;z-index:150;background:rgba(4,8,26,.7);backdrop-filter:blur(6px);animation:fadeIn .15s ease}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid-2,.grid-3{display:grid;gap:clamp(10px,2vw,16px)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(10px,2vw,16px)}.grid-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:clamp(8px,1.5vw,12px)}.file-input-label{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1.5px dashed var(--border);border-radius:10px;cursor:pointer;transition:all .15s;font-size:14px;color:var(--text3);background:var(--surface2);direction:rtl}.file-input-label:hover{border-color:var(--primary);background:var(--primary-dim);color:var(--primary)}.file-input-label input[type=file]{display:none}.file-name{font-size:12.5px;color:var(--primary);font-weight:700;margin-top:5px}.pagination{gap:4px;direction:rtl}.page-btn,.pagination{display:flex;align-items:center}.page-btn{min-width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13.5px;font-weight:700;cursor:pointer;justify-content:center;transition:all .15s;font-family:Cairo,sans-serif}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.dore-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(4,8,26,.65);display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,24px) clamp(16px,3vw,24px) max(clamp(16px,3vw,24px),env(safe-area-inset-bottom,16px));animation:fadeIn .14s ease;overflow-y:auto}.dore-modal{background:var(--surface);border-radius:var(--r);width:100%;max-width:min(640px,95vw);max-height:min(90vh,90dvh);overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.12);border:1px solid var(--border);direction:rtl;margin:auto}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:1;border-radius:var(--r) var(--r) 0 0}.modal-title{font-size:16px;font-weight:700;color:var(--text)}.modal-close{width:28px;height:28px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text3);transition:background var(--t),color var(--t);font-size:16px}.modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:var(--surface);border-radius:0 0 var(--r) var(--r)}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border-light);direction:rtl;gap:16px}.info-row:last-child{border-bottom:none}.info-label{color:var(--text4);font-size:clamp(12px,1.5vw,13px);font-weight:600;flex-shrink:0;min-width:clamp(100px,15vw,130px)}.info-value{font-size:clamp(13px,1.5vw,14px);color:var(--text);font-weight:700;text-align:left;word-break:break-word}.section-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.section-divider span{font-size:11px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.section-divider:before{content:"";flex:1;height:1px;background:var(--border-light)}.alert{padding:13px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;direction:rtl}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.check-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--text2)}.check-label input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:var(--primary)}.tracking-pill{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;background:var(--primary-light);color:var(--primary);padding:4px 10px;border-radius:6px;border:1px solid rgba(0,87,255,.15);letter-spacing:.02em}.dore-card,.dore-topbar{contain:layout style}.stat-card:hover{transform:translateY(-3px)}.dore-topbar{padding-right:max(var(--space-sm),env(safe-area-inset-right,0px));padding-left:max(var(--space-sm),env(safe-area-inset-left,0px))}@media (max-width:359px){:root{--sidebar-w:100vw;--topbar-h:52px}.page-content{padding:8px}.page-header{padding:10px 12px;min-height:52px}.stat-card{padding:12px 14px;gap:10px}.stat-icon{width:38px;height:38px;border-radius:10px}.dore-btn{font-size:12px;gap:5px}.btn-sm{font-size:11.5px;padding:6px 10px}.btn-xs{font-size:11px;padding:4px 8px;min-height:34px}.dore-card{border-radius:8px}.dore-modal{border-radius:14px;max-height:90dvh}.dore-modal-overlay{padding:12px;align-items:center}.modal-body,.modal-header{padding:14px 16px}.modal-footer{padding:12px 16px;gap:8px}.modal-title{font-size:14px}.card-header{padding:12px 14px}.card-body{padding:12px!important}.badge{font-size:11px;padding:3px 8px}.tracking-pill{font-size:10px;padding:3px 7px}.topbar-btn{width:32px;height:32px}.user-name{font-size:12px}.user-role{display:none}.user-chip{padding:4px 6px;gap:7px}.user-avatar{width:28px;height:28px;border-radius:7px}.breadcrumb,.user-avatar{font-size:11px}.info-label{min-width:90px}.info-label,.info-value{font-size:12px}.dore-topbar{padding:0 10px;gap:6px}.empty-state{padding:24px 12px}.empty-state h3{font-size:14px}.page-btn{min-width:30px;height:30px;font-size:12px}}@media (min-width:360px) and (max-width:479px){:root{--sidebar-w:280px;--topbar-h:56px}.page-content{padding:10px 12px}.page-header{padding:12px 16px}.stat-card{padding:14px 16px;gap:12px}.stat-icon{width:42px;height:42px}.dore-btn{font-size:13px}.btn-sm{font-size:12.5px;padding:7px 12px}.dore-card{border-radius:10px}.dore-modal-overlay{padding:12px;align-items:center}.dore-modal{border-radius:16px;max-height:90dvh}.modal-body,.modal-header{padding:16px 18px}.modal-footer{padding:12px 18px}.card-body{padding:14px!important}.user-role{display:none}.topbar-btn{width:34px;height:34px}}@media (min-width:480px) and (max-width:639px){:root{--topbar-h:60px}.page-content{padding:14px 16px}.page-header{padding:14px 20px}.dore-modal-overlay{padding:16px;align-items:center}.dore-modal{border-radius:18px;max-height:90dvh}.card-body{padding:16px!important}}@media (min-width:640px) and (max-width:767px){.page-content{padding:16px 20px}.page-header{padding:14px 22px}.dore-modal-overlay{padding:16px;align-items:center}.dore-modal{border-radius:18px;max-height:90dvh}}@media (min-width:768px) and (max-width:899px){:root{--sidebar-w:240px}.page-content{padding:18px 22px}.page-header{padding:16px 24px}.dore-modal{max-height:92vh}}@media (min-width:900px) and (max-width:1023px){:root{--sidebar-w:260px}}@media (min-width:1440px){.page-content{padding:28px 36px}.page-header{padding:20px 36px}}@media (max-width:767px){.dore-topbar{right:0!important}.dore-main{margin-right:0!important}.page-header{position:relative!important;top:0!important}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.card-header>div:last-child{width:100%}.card-header .dore-btn,.card-header button{width:100%;justify-content:center}.search-bar{width:100%!important}.info-row{flex-direction:column;gap:4px}.info-value{text-align:right}.dore-modal{width:100%!important;max-width:min(480px,calc(100vw - 32px))!important}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .dore-btn{width:100%;justify-content:center}.page-header>div:last-child{width:100%}.page-header .dore-btn{width:100%;justify-content:center}.breadcrumb{flex-wrap:wrap}.user-role{display:none}.page-btn{min-width:32px;height:32px;font-size:12.5px}.stat-card{flex-direction:row}}@media (max-width:599px){.dore-table .col-hide-sm{display:none}.dore-table tbody td,.dore-table thead th{padding:9px 8px;font-size:12px}.tracking-pill{font-size:10.5px;padding:3px 8px}}@media (max-width:399px){[style*="repeat(auto-fit"]{grid-template-columns:1fr!important}}@media (pointer:coarse){.dore-btn{min-height:44px}.btn-xs{min-height:38px}.nav-item{padding:12px 13px;min-height:48px}.drop-item{padding:12px 14px;min-height:48px}.page-btn{min-width:44px;min-height:44px}.dore-input,.dore-select{min-height:48px}.check-label input[type=checkbox]{width:22px;height:22px}.topbar-btn{min-width:44px;min-height:44px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.dore-sidebar{padding-bottom:env(safe-area-inset-bottom)}.modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.dore-topbar{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}@media (max-width:767px){.dore-modal{padding-bottom:env(safe-area-inset-bottom)}}}@media (max-height:500px) and (orientation:landscape){:root{--topbar-h:48px}.dore-modal-overlay{align-items:center;padding:8px}.dore-modal{max-height:96dvh;border-radius:14px}.stat-card{padding:10px 14px}.page-content{padding:10px 16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dore-sidebar,.dore-topbar{border-width:.5px}}.wh-structure{display:grid;grid-template-columns:minmax(230px,280px) 1fr;gap:16px;align-items:start}.wh-tree-card{position:sticky;top:12px}.wh-tree-header{display:flex;align-items:center;justify-content:space-between}.wh-tree-scroll::-webkit-scrollbar{width:6px}.wh-tree-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.wh-breadcrumbs{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-bottom:12px;font-size:13px;padding-bottom:2px;direction:rtl}.wh-breadcrumbs::-webkit-scrollbar{height:4px}.wh-breadcrumbs::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.wh-content{min-width:0}@media (max-width:1023px){.wh-structure{grid-template-columns:minmax(210px,250px) 1fr}}@media (max-width:859px){.wh-structure{grid-template-columns:1fr;gap:12px}.wh-tree-card{position:static}.wh-tree-scroll{max-height:320px!important}.wh-breadcrumbs{font-size:12.5px}}.product-form-grid,.product-variation-grid,.shelf-picker-grid{display:grid;gap:12px}.product-form-grid{grid-template-columns:1fr 1fr}.product-variation-grid{grid-template-columns:repeat(4,1fr)}.shelf-picker-grid{grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width:640px){.product-form-grid,.product-variation-grid,.shelf-picker-grid{grid-template-columns:1fr!important}}.dore-card,.wh-card,.wh-tree-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease}.dore-card:hover{box-shadow:var(--shadow-md)}.dore-btn{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dore-btn:active{transform:scale(.97)}.dore-btn.btn-primary:hover{box-shadow:0 4px 16px rgba(0,87,255,.3)}.dore-input{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.dore-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-dim)!important}.dore-table tbody tr{transition:background-color .15s ease}.dore-table tbody tr:hover{background-color:var(--surface2)!important}.badge{letter-spacing:.02em;box-shadow:0 1px 2px rgba(0,0,0,.04)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text5);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text4)}.dark .ant-card{border-color:var(--border)!important}.dark .ant-card,.dark .ant-card-head{background:var(--surface)!important;color:var(--text)!important}.dark .ant-card-head{border-bottom-color:var(--border)!important}.dark .ant-card-body,.dark .ant-card-head-title,.dark .ant-table{color:var(--text)!important}.dark .ant-table{background:var(--surface)!important}.dark .ant-table-container{border-color:var(--border)!important}.dark .ant-table-thead>tr>th{background:var(--surface2)!important;color:var(--text2)!important;border-bottom-color:var(--border)!important}.dark .ant-table-tbody>tr>td{background:var(--surface)!important;color:var(--text)!important;border-bottom-color:var(--border)!important}.dark .ant-table-cell-row-hover,.dark .ant-table-tbody>tr:hover>td{background:var(--surface2)!important}.dark .ant-input,.dark .ant-input-affix-wrapper,.dark .ant-input-number{background:var(--surface2)!important;border-color:var(--border)!important;color:var(--text)!important}.dark .ant-input-affix-wrapper input{background:transparent!important;color:var(--text)!important}.dark .ant-input-affix-wrapper input::placeholder,.dark .ant-input::placeholder{color:var(--text4)!important}.dark .ant-select-selector{background:var(--surface2)!important;border-color:var(--border)!important}.dark .ant-select-arrow,.dark .ant-select-selection-item,.dark .ant-select-selector{color:var(--text)!important}.dark .ant-select-selection-placeholder{color:var(--text4)!important}.dark .ant-select-dropdown{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-xl)!important}.dark .ant-select-dropdown,.dark .ant-select-item{color:var(--text)!important}.dark .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--surface2)!important;color:var(--primary)!important}.dark .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:var(--surface2)!important}.dark .ant-modal-content,.dark .ant-modal-header{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.dark .ant-modal-title{color:var(--text)!important}.dark .ant-modal-close{color:var(--text3)!important}.dark .ant-modal-close:hover{color:var(--text)!important}.dark .ant-btn-default{background:var(--surface2)!important}.dark .ant-btn-default,.dark .ant-btn-default:hover{border-color:var(--border)!important;color:var(--text)!important}.dark .ant-btn-default:hover{background:var(--surface3)!important}.dark .ant-typography,.dark .ant-typography-secondary{color:var(--text)!important}.dark .ant-typography-secondary,.dark span.ant-typography-secondary{color:var(--text3)!important}.dark .ant-empty-description{color:var(--text4)!important}.dark .ant-form-item-label>label{color:var(--text2)!important}.dark .ant-statistic-title{color:var(--text3)!important}.dark .ant-statistic-content{color:var(--text)!important}.dark .ant-divider{border-color:var(--border)!important}.dark .ant-tabs-nav{border-bottom-color:var(--border)!important}.dark .ant-tabs-tab{color:var(--text3)!important}.dark .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary)!important}.dark .ant-popover-inner{background:var(--surface)!important;border:1px solid var(--border)!important}.dark .ant-popover-inner,.dark .ant-popover-message-title{color:var(--text)!important}.dark .ant-picker,.dark .ant-tag{border-color:var(--border)!important}.dark .ant-picker{background:var(--surface2)!important}.dark .ant-picker,.dark .ant-picker-input>input{color:var(--text)!important}.dark .ant-picker-input>input::placeholder{color:var(--text4)!important}.dark .ant-picker-dropdown .ant-picker-panel-container{background:var(--surface)!important;border:1px solid var(--border)!important}.dark .ant-picker-header{color:var(--text)!important;border-bottom-color:var(--border)!important}.dark .ant-picker-content th,.dark .ant-picker-header button{color:var(--text3)!important}.dark .ant-picker-cell{color:var(--text4)!important}.dark .ant-picker-cell-in-view{color:var(--text)!important}.dark .ant-pagination-item,.dark .ant-picker-cell:hover:not(.ant-picker-cell-selected) .ant-picker-cell-inner{background:var(--surface2)!important}.dark .ant-pagination-item{border-color:var(--border)!important}.dark .ant-pagination-item a{color:var(--text)!important}.dark .ant-pagination-item-active{background:var(--primary)!important;border-color:var(--primary)!important}.dark .ant-pagination-item-active a{color:#fff!important}.dark .ant-pagination-next .ant-pagination-item-link,.dark .ant-pagination-prev .ant-pagination-item-link{background:var(--surface2)!important;border-color:var(--border)!important;color:var(--text)!important}.dark input:not([type=checkbox]):not([type=radio]):not([type=color]):not(.dore-input),.dark select:not(.dore-select),.dark textarea{background-color:var(--surface2)!important;color:var(--text)!important;border-color:var(--border)!important}.dark input::placeholder,.dark textarea::placeholder{color:var(--text4)!important}.dark table:not(.dore-table){color:var(--text)!important}.dark table:not(.dore-table) th{background-color:var(--surface2)!important;color:var(--text3)!important}.dark .coa-tree-node,.dark table:not(.dore-table) td,.dark table:not(.dore-table) th{border-color:var(--border)!important}.dark .coa-tree-node{background:var(--surface)!important}@media print{body{background:white!important;color:black!important}.dore-sidebar,.dore-topbar,.hide-on-print,.mobile-overlay,.unpaid-orders-banner,button:not(.print-only){display:none!important}.dore-main,.page-content{margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;width:100%!important;max-width:100%!important}table{width:100%!important;border-collapse:collapse!important}td,th{border:1px solid #ddd!important;padding:8px!important;color:black!important}.status-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}}