@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap");:root{--canvas:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--ink:#162033;--muted:#6d788c;--line:#e4e9f1;--accent:#f26b38;--accent-soft:#fff0e9;--blue:#3859d7;--blue-soft:#eef2ff;--green:#16876c;--green-soft:#e8f8f1;--amber:#ad7110;--amber-soft:#fff4d9;--shadow:0 14px 32px rgba(31,50,83,.07)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:Tajawal,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app-shell,.sidebar{min-height:100vh;display:flex}.sidebar{width:252px;flex:0 0 252px;position:-webkit-sticky;position:sticky;top:0;background:#111b30;color:#dbe5f7;padding:20px 14px;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:6px 10px 24px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#ff966d,#f26b38);color:#fff;font-weight:800;box-shadow:0 8px 16px rgba(242,107,56,.28)}.brand strong{display:block;font-size:16px;color:#fff}.brand span{display:block;margin-top:2px;color:#91a0b9;font-size:11px}.nav-group{margin:8px 0 18px}.nav-label{color:#6f829f;font-size:10px;font-weight:700;padding:0 11px 8px;letter-spacing:.05em}.nav-item{width:100%;border:0;background:transparent;color:#a8b6cc;display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:11px;text-align:right;margin:2px 0;transition:.15s ease}.nav-item:hover{color:#fff;background:hsla(0,0%,100%,.07)}.nav-item.active{color:#fff;background:rgba(242,107,56,.17);box-shadow:inset -3px 0 0 var(--accent)}.nav-item small{margin-right:auto;color:#7788a6;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid hsla(0,0%,100%,.09);padding:16px 9px 0;color:#91a0b9;font-size:11px;line-height:1.7}.main{min-width:0;flex:1 1;padding:22px 30px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:25px}.page-heading h1{margin:0;font-size:26px;letter-spacing:-.03em}.page-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:9px}.search{width:min(320px,33vw);min-height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 13px;color:var(--ink);outline:none}.search:focus{border-color:#a9b8ed;box-shadow:0 0 0 4px var(--blue-soft)}.icon-btn,.primary-btn,.quiet-btn{border:1px solid var(--line);min-height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;background:#fff;color:var(--ink)}.primary-btn{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 7px 15px rgba(242,107,56,.18)}.icon-btn:hover,.quiet-btn:hover{border-color:#c2cce0;background:var(--surface-soft)}.primary-btn:hover{filter:brightness(.96)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px;margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}.kpi-label{color:var(--muted);font-size:12px}.kpi-value{margin-top:5px;font-size:25px;font-weight:800;letter-spacing:-.03em}.kpi-note{margin-top:5px;color:var(--muted);font-size:11px}.kpi-note.good{color:var(--green)}.kpi-note.warn{color:var(--amber)}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);grid-gap:16px;gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.card-head h2{font-size:15px;margin:0}.card-head span{color:var(--muted);font-size:11px}.card-body{padding:16px 18px}.order-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:13px;text-align:right;padding:13px 0;color:inherit}.order-row:last-child{border-bottom:0}.order-row:hover{background:#fbfcfe}.order-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);font-weight:800}.order-main{min-width:0;flex:1 1}.order-title{display:flex;gap:8px;align-items:center;font-weight:700;font-size:13px}.order-sub{margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;white-space:nowrap}.status.good{color:var(--green);background:var(--green-soft)}.status.warn{color:var(--amber);background:var(--amber-soft)}.status.info{color:var(--blue);background:var(--blue-soft)}.status.neutral{color:var(--muted);background:#f1f4f8}.gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.gate-card{min-height:92px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px;text-align:right}.gate-card:hover{border-color:#bcc8e7;transform:translateY(-1px)}.gate-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);margin-bottom:7px}.gate-card strong{display:block;font-size:12px}.gate-card span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.section-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;margin-bottom:15px;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tab{border:1px solid var(--line);background:#fff;color:var(--muted);min-height:38px;border-radius:10px;padding:0 14px;white-space:nowrap}.section-tab.active{color:var(--blue);border-color:#c9d3f5;background:var(--blue-soft);font-weight:700}.orders-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);grid-gap:16px;gap:16px;align-items:start}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}.filter{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;padding:7px 10px;font-size:11px}.filter.active{color:var(--blue);background:var(--blue-soft);border-color:#c9d3f5}.detail{position:-webkit-sticky;position:sticky;top:18px}.detail-cover{height:104px;border-radius:15px 15px 0 0;background:linear-gradient(135deg,#182743,#3558b2);position:relative;overflow:hidden}.detail-cover:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid hsla(0,0%,100%,.19);left:-28px;top:-82px}.detail-content{padding:16px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.detail-title h2{margin:0;font-size:21px}.detail-title p{color:var(--muted);margin:4px 0 0;font-size:11px}.detail-price{margin-top:17px;display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.money-box{background:var(--surface-soft);border:1px solid var(--line);padding:11px;border-radius:12px}.money-box span{color:var(--muted);font-size:10px}.money-box strong{display:block;margin-top:5px;font-size:16px}.journey{margin-top:17px}.journey h3{font-size:13px;margin:0 0 10px}.journey-step{position:relative;display:flex;gap:9px;padding-bottom:12px}.journey-step:not(:last-child):before{content:"";position:absolute;right:7px;top:18px;bottom:0;width:1px;background:#d9e0eb}.dot{width:15px;height:15px;flex:0 0 15px;border-radius:50%;background:#dbe2ed;border:3px solid #fff;box-shadow:0 0 0 1px #ccd5e4;z-index:1}.dot.done{background:var(--green);box-shadow:0 0 0 1px #a8dfcb}.journey-step strong{display:block;font-size:11px}.journey-step span{display:block;margin-top:2px;color:var(--muted);font-size:10px}.link-box{margin-top:10px;display:flex;align-items:center;gap:9px;padding:11px;border-radius:12px;border:1px dashed #bcc8e7;background:#f8faff}.link-box strong{display:block;font-size:11px}.link-box span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.link-box button{margin-right:auto;border:0;color:var(--blue);background:transparent;font-weight:700;font-size:10px}.inventory-table{width:100%;border-collapse:collapse;font-size:12px}.inventory-table td,.inventory-table th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right}.inventory-table th{color:var(--muted);font-size:10px;font-weight:500}.inventory-table tr:last-child td{border-bottom:0}.stock-number{font-weight:800}.stock-bar{height:6px;background:#eef1f6;border-radius:999px;overflow:hidden;margin-top:6px}.stock-bar i{display:block;height:100%;border-radius:inherit;background:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:18px}.product-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.product-card-top{display:flex;align-items:center;justify-content:space-between}.product-card h3{margin:15px 0 5px;font-size:15px}.product-route{color:var(--muted);font-size:11px;min-height:30px;margin:0 0 14px;line-height:1.5}.product-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:9px;margin-top:9px;font-size:10px}.product-meta span{color:var(--muted)}.product-meta strong{font-size:10px;text-align:left}.mobile-nav{display:none}.empty-note{color:var(--muted);padding:30px 16px;text-align:center;font-size:13px}@media (max-width:1120px){.content-grid,.orders-layout{grid-template-columns:1fr}.detail{position:static}}@media (max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:220px;flex-basis:220px}.main{padding-inline:20px}.kpis{grid-template-columns:repeat(2,1fr)}.search{width:220px}}@media (max-width:680px){.app-shell{display:block}.sidebar{display:none}.main{padding:16px 13px 86px}.topbar{align-items:flex-start;flex-direction:column;margin-bottom:18px}.search,.top-actions{width:100%}.search{flex:1 1}.top-actions .primary-btn{padding-inline:10px}.page-heading h1{font-size:22px}.kpis{gap:9px}.kpi{padding:13px}.kpi-value{font-size:21px}.content-grid{gap:11px}.card-body,.card-head{padding-inline:14px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(6,1fr);bottom:0;right:0;left:0;z-index:20;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:10px;display:grid;grid-gap:4px;gap:4px;justify-items:center;padding:4px}.mobile-nav button.active{color:var(--accent);font-weight:800}.detail-price{gap:7px}.product-grid{grid-template-columns:1fr;padding:14px}}