@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=DM+Sans:wght@400;500;700&display=swap");@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1;size-adjust:88%}:root{--bg:#f4f7fe;--surface:#fff;--border:rgba(112,144,176,.16);--primary-a:#422afb;--primary-b:#7551ff;--primary-grad:linear-gradient(135deg,#422afb,#7551ff);--success:#01b574;--warning:#ffb547;--danger:#f53939;--info:#4318ff;--text:#1b2559;--muted:#707eae;--muted-2:#a3aed0;--radius-card:20px;--radius-btn:12px;--shadow:0 18px 40px rgba(112,144,176,.14);--sidebar-w:246px;--sidebar-w-collapsed:68px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,Cairo,system-ui,sans-serif;min-height:100vh}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px}h1{font-size:22px;margin:0 0 16px}h1,h2{font-weight:800;letter-spacing:-.01em}h2{font-size:19px;margin:0 0 12px}h3{font-size:15px;font-weight:800;letter-spacing:-.005em;margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;border-radius:var(--radius-btn);padding:10px 18px;font-family:inherit;font-weight:700;font-size:14px;background:var(--primary-grad);color:#fff;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(66,42,251,.3)}.btn:focus-visible{outline:3px solid var(--info);outline-offset:2px}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn.success{background:var(--success)}.btn.warning{background:var(--warning);color:var(--text)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input,select.input,textarea.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-btn);font-family:inherit;font-size:14px;color:var(--text);background:var(--surface)}.input:focus{outline:2px solid var(--primary-b)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700}.badge.success{background:rgba(1,181,116,.12);color:var(--success)}.badge.warning{background:rgba(255,181,71,.16);color:#b07708}.badge.info{background:rgba(67,24,255,.1);color:var(--info)}.badge.danger{background:rgba(245,57,57,.1);color:var(--danger)}.badge.muted{background:rgba(163,174,208,.16);color:var(--muted)}.label{font-size:12px;color:var(--muted-2);font-weight:700;letter-spacing:.04em}.progress-track{height:7px;border-radius:999px;background:rgba(163,174,208,.2);overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.product-section-header{font-family:inherit;color:inherit}.product-section-header:hover{background:rgba(67,24,255,.08)!important}.muted{color:var(--muted)}.shell{min-height:100vh}.main{padding:28px;transition:margin .25s ease}[dir=rtl] .main{margin-right:var(--sidebar-w);margin-left:0}[dir=ltr] .main{margin-left:var(--sidebar-w);margin-right:0}[dir=rtl] .shell.collapsed .main{margin-right:var(--sidebar-w-collapsed)}[dir=ltr] .shell.collapsed .main{margin-left:var(--sidebar-w-collapsed)}.page-topbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.sidebar{position:fixed;top:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-color:var(--border);display:flex;flex-direction:column;overflow:visible;transition:width .25s ease;z-index:40}[dir=rtl] .sidebar{right:0;border-left:1px solid var(--border)}[dir=ltr] .sidebar{left:0;border-right:1px solid var(--border)}.shell.collapsed .sidebar{width:var(--sidebar-w-collapsed)}.sidebar-scroll{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--muted-2) transparent}.sidebar-scroll::-webkit-scrollbar{width:7px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--muted-2);border-radius:999px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:var(--muted)}.sidebar-scroll::-webkit-scrollbar-button,.sidebar-scroll::-webkit-scrollbar-button:vertical:end:increment,.sidebar-scroll::-webkit-scrollbar-button:vertical:start:decrement{display:none;width:0;height:0;background:transparent;-webkit-appearance:none}.sidebar-scroll nav,.sidebar-scroll nav>div{display:flex;flex-direction:column}.sidebar-scroll.fill-8 nav{height:100%}.sidebar-scroll.fill-8 nav>*{flex:1 1 auto;min-height:12.5%}.sidebar-scroll.fill-8 nav>div>.nav-item:only-child{flex:1 1}.sidebar-scroll:not(.fill-8) nav>*{flex:0 0 auto}.sidebar-head{padding:16px 18px 10px;gap:12px}.logo,.sidebar-head{display:flex;align-items:center;flex-shrink:0}.logo{width:34px;height:34px;border-radius:10px;background:var(--primary-grad);color:#fff;font-weight:800;font-size:15px;justify-content:center}.brand b{display:block;font-size:15px;letter-spacing:-.01em}.brand span{font-size:10px;color:var(--muted-2);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.shell.collapsed .brand{display:none}.collapse-btn{position:absolute;top:50%;transform:translateY(-50%);width:15px;height:44px;padding:0;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:0 4px 10px rgba(20,30,60,.14);z-index:45;display:flex;align-items:center;justify-content:center;transition:right .25s ease,left .25s ease,box-shadow .15s ease,color .15s ease}.collapse-btn:hover{color:var(--primary-a);box-shadow:0 6px 14px rgba(20,30,60,.2)}[dir=rtl] .collapse-btn{left:-13px;border-radius:10px 0 0 10px;border-right:none}[dir=ltr] .collapse-btn{right:-13px;border-radius:0 10px 10px 0;border-left:none}[dir=rtl] .shell.collapsed .collapse-btn{left:10px;border-radius:8px;border-right:1px solid var(--border)}[dir=ltr] .shell.collapsed .collapse-btn{right:10px;border-radius:8px;border-left:1px solid var(--border)}.menu-label{padding:10px 22px 6px;font-size:10px;font-weight:800;color:var(--muted-2);letter-spacing:.1em;flex-shrink:0}.shell.collapsed .menu-label{visibility:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 16px;margin:1px 10px;border-radius:var(--radius-btn);color:var(--muted-2);font-weight:500;font-size:14px;text-decoration:none;cursor:pointer;border:none;background:transparent;width:calc(100% - 20px);font-family:inherit;text-align:start;position:relative}.nav-item:hover{background:rgba(67,24,255,.06);color:var(--text)}.nav-item.active{background:rgba(67,24,255,.08);color:var(--info);font-weight:700}.nav-item.active:before{content:"";position:absolute;top:8px;bottom:8px;width:4px;border-radius:25px;background:var(--info)}[dir=rtl] .nav-item.active:before{right:-10px}[dir=ltr] .nav-item.active:before{left:-10px}.nav-item .ico{width:22px;font-size:17px;text-align:center;flex-shrink:0}.shell.collapsed .nav-item .txt{display:none}.sidebar-bottom{padding:10px 0 14px;border-top:1px solid var(--border);flex-shrink:0;margin-top:auto}.sidebar-bottom .nav-item{font-size:13px;padding:8px 18px}.user-row{padding:8px 22px;font-weight:800;font-size:13px}.shell.collapsed .user-row{display:none}@media (max-height:640px){.sidebar-head{padding:10px 16px 6px}.logo{width:28px;height:28px;font-size:14px}.brand b{font-size:13px}.menu-label{padding:4px 20px 2px}.nav-item{padding:5px 16px;font-size:12px}.sidebar-bottom .nav-item{padding:4px 16px}}.mobile-topbar,.sidebar-backdrop{display:none}@media (max-width:900px){[dir=ltr] .main,[dir=rtl] .main{margin:0!important}.main{padding-top:76px}.collapse-btn,.page-topbar{display:none}.sidebar{width:var(--sidebar-w)!important;z-index:60;transition:transform .25s ease}[dir=ltr] .sidebar{transform:translateX(-100%)}[dir=rtl] .sidebar{transform:translateX(100%)}.shell.mobile-open .sidebar{transform:translateX(0)}.shell.collapsed .brand,.shell.collapsed .menu-label,.shell.collapsed .nav-item .txt,.shell.collapsed .user-row{display:revert!important}.mobile-topbar{display:flex;align-items:center;gap:12px;position:fixed;top:0;inset-inline:0;height:60px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);z-index:50}.mobile-menu-btn{width:38px;height:38px;flex-shrink:0;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:18px;cursor:pointer;color:var(--text)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(27,37,89,.4);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:55}.shell.mobile-open .sidebar-backdrop{opacity:1;pointer-events:auto}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.stat-card{gap:10px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:10px 14px}.stat-card,.stat-card-icon{display:flex;align-items:center}.stat-card-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;justify-content:center;font-size:16px;background:color-mix(in srgb,var(--stat-color,var(--info)) 12%,var(--surface))}.stat-card-label{font-size:11px;font-weight:600;color:var(--muted-2)}.stat-card-value{font-size:17px;font-weight:800;color:var(--text);line-height:1.25}.drag-scroll-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--muted-2) transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-scroll-row>*{flex:0 0 220px}.drag-scroll-row::-webkit-scrollbar{height:7px}.drag-scroll-row::-webkit-scrollbar-track{background:transparent}.drag-scroll-row::-webkit-scrollbar-thumb{background:var(--muted-2);border-radius:999px;-webkit-transition:background .15s ease;transition:background .15s ease}.drag-scroll-row::-webkit-scrollbar-button{display:none;width:0;height:0}.drag-scroll-row:hover::-webkit-scrollbar-thumb{background:var(--muted)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:18px;gap:18px}.order-card{position:relative;overflow:hidden}.order-card:before{content:"";position:absolute;top:0;bottom:0;width:6px;background:var(--accent,var(--muted-2))}[dir=rtl] .order-card:before{right:0}[dir=ltr] .order-card:before{left:0}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(27,37,89,.55);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;padding:26px;position:relative}.modal-close{position:absolute;top:14px;border:none;background:rgba(163,174,208,.16);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;color:var(--muted)}[dir=rtl] .modal-close{left:14px}[dir=ltr] .modal-close{right:14px}.timeline{position:relative;-webkit-padding-start:22px;padding-inline-start:22px;margin:10px 0}.timeline:before{content:"";position:absolute;inset-inline-start:7px;top:4px;bottom:4px;width:2px;background:var(--border)}.timeline-item{position:relative;padding:8px 0}.timeline-item:before{content:"";position:absolute;inset-inline-start:-22px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--dot,var(--muted-2));border:2px solid #fff;box-shadow:0 0 0 2px var(--border)}.history-row{border-bottom:1px solid var(--border);padding:14px 4px}.history-row summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-row summary::-webkit-details-marker{display:none}.arrow{transition:transform .2s;-webkit-margin-start:auto;margin-inline-start:auto;color:var(--muted-2)}details[open] .arrow{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}