:root{--bg:#fafcfb;--panel:hsla(0,0%,100%,.94);--ink:#101828;--text:#1f2937;--muted:#667085;--line:#e6eaee;--green:#08735f;--green-2:#0aa36b;--green-soft:#e7f7ee;--mint:#dff4ea;--orange:#f59e0b;--blue:#2f80ed;--red:#ef4444;--shadow:0 14px 34px rgba(16,24,40,.07);--soft-shadow:0 8px 22px rgba(16,24,40,.05)}*{box-sizing:border-box;margin:0}body{font-family:Segoe UI,Tahoma,Arial,sans-serif;min-height:100vh;color:var(--ink);direction:rtl;background:radial-gradient(circle at 27% 18%,rgba(8,115,95,.035),transparent 32%),linear-gradient(180deg,#fff 0,var(--bg) 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}svg{stroke-linecap:round;stroke-linejoin:round}.app{min-height:100vh;display:flex}.sidebar{width:296px;flex-shrink:0;padding:28px 16px 22px;background:hsla(0,0%,100%,.9);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:26px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding-inline:23px;color:var(--green)}.brand svg{width:40px;height:40px;flex-shrink:0}.brand b{display:block;font-size:27px;line-height:1}.brand span{display:block;color:#475467;font-size:13px;margin-top:2px}.nav{grid-gap:5px;gap:5px;overflow-y:auto}.nav,.nav a{display:grid}.nav a{height:48px;border-radius:12px;padding:0 22px;color:#344054;grid-template-columns:26px 1fr;align-items:center;grid-gap:16px;gap:16px;font-size:15px;font-weight:650;transition:.18s ease}.nav a svg{width:23px;height:23px;stroke-width:1.9}.nav a:hover{background:#f2fbf6;color:var(--green)}.nav a.active{background:linear-gradient(90deg,rgba(226,246,235,.92),rgba(213,243,227,.88));color:var(--green)}.plan{margin:auto 8px 0;border:1px solid #efd8a5;background:linear-gradient(180deg,#fffdf8,#fff9ee);border-radius:13px;padding:20px 16px 14px;text-align:center;box-shadow:var(--soft-shadow)}.plan .crown{color:#e7a306;width:24px;height:24px;margin-bottom:8px}.plan b{display:block;font-size:14px}.plan p{margin:10px 0 14px;color:var(--muted);font-size:12.5px}.main{flex:1 1;min-width:0}.topbar{height:96px;gap:20px;padding:0 34px;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.72)}.search,.topbar{display:flex;align-items:center}.search{height:54px;flex:1 1;max-width:350px;border:1px solid #dfe5eb;border-radius:10px;background:#fff;gap:8px;padding:0 14px;box-shadow:inset 0 1px 0 rgba(16,24,40,.03);color:var(--muted)}.search input{flex:1 1;border:0;outline:0;color:#344054;font-size:14px;background:transparent}.search input::placeholder{color:#667085}.spacer{flex:1 1}.select-btn{height:54px;border:1px solid #dfe5eb;background:#fff;border-radius:10px;color:#111827;font-weight:700;display:flex;align-items:center;gap:10px;padding:0 16px;font-size:14px}.select-btn svg{color:var(--green)}.bell{border:0;background:transparent;width:48px;height:48px;display:grid;place-items:center;position:relative;color:#101828}.bell em{position:absolute;top:4px;left:5px;width:18px;height:18px;border-radius:50%;background:#f04438;color:#fff;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center}.profile{display:flex;gap:11px;align-items:center}.avatar{width:50px;height:50px;border-radius:50%;border:3px solid #fff;box-shadow:0 6px 14px rgba(16,24,40,.15);background:linear-gradient(145deg,var(--green-soft),var(--mint));color:var(--green);display:grid;place-items:center;font-weight:800;font-size:19px;position:relative}.avatar:after{content:"";width:11px;height:11px;border-radius:50%;background:#12b76a;border:2px solid #fff;position:absolute;left:1px;bottom:2px}.profile b{display:block;font-size:14px}.profile span{color:#475467;font-size:12px}.content{padding:28px 36px 38px}.hero{display:flex;gap:19px;align-items:center;margin-bottom:30px}.hero-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:14px;background:var(--green-soft);color:var(--green);flex-shrink:0}h1{font-size:30px;line-height:1.15;margin-bottom:8px}.hero p{color:#475467;font-size:14.5px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--soft-shadow)}.kpi{min-height:140px;display:flex;gap:16px;align-items:center;padding:22px 24px;transition:.18s ease}.kpi:hover{transform:translateY(-2px);border-color:rgba(8,115,95,.22);box-shadow:0 18px 38px rgba(8,115,95,.11)}.kpi-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:14px;color:var(--green);background:var(--green-soft);flex-shrink:0}.kpi-icon.teal{color:#06959b;background:#e2f7f5}.kpi-icon.amber{color:var(--orange);background:#fff3dd}.kpi-icon.gold{color:#b7791f;background:#fff7e2}.kpi strong{font-size:14px}.kpi b.value,.kpi strong{display:block;margin-bottom:10px}.kpi b.value{font-size:28px;line-height:1}.kpi small{color:#475467;font-size:12px}.up{color:#00a75a}.down,.up{font-weight:850}.down{color:var(--red)}.mini-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:18px;gap:18px;margin-bottom:22px}.mini-kpi{display:flex;gap:14px;align-items:center;padding:18px 20px}.mini-kpi .kpi-icon{width:52px;height:52px;border-radius:12px}.mini-kpi span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.mini-kpi b{font-size:22px;line-height:1}.grid-2{grid-template-columns:1.4fr 1fr;grid-gap:20px}.grid-2,.grid-3{display:grid;gap:20px;align-items:start}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:20px}.panel{padding:19px}.panel-head{min-height:36px;justify-content:space-between;margin-bottom:12px}.panel-head,.panel-title{display:flex;align-items:center}.panel-title{gap:10px;font-size:16.5px;font-weight:850}.live-dot{width:11px;height:11px;background:#12b76a;border-radius:50%;box-shadow:0 0 0 5px rgba(18,183,106,.08)}.ghost{height:36px;padding:0 14px;border:1px solid #dfe5eb;background:#fff;border-radius:8px;color:#111827;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.ghost:hover{border-color:#b8d9cb;color:var(--green)}.ai-box{border:1px solid rgba(8,115,95,.18);background:linear-gradient(180deg,#f4fcf8,#edf9f3);border-radius:11px;padding:14px 16px;margin-bottom:14px}.ai-box h3{font-size:13px;color:var(--green);margin-bottom:8px;display:flex;align-items:center;gap:7px}.ai-box p{font-size:13.5px;color:#2b4a42;line-height:1.6}.row-list{display:grid;grid-gap:8px;gap:8px}.row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13.5px;transition:.15s ease}.row:hover{border-color:rgba(8,115,95,.25);background:#fbfefc}.row b{font-size:13.5px}.row .grow{flex:1 1;min-width:0}.row .sub{color:var(--muted);font-size:12.5px;margin-top:3px}.row time{color:var(--muted);font-size:11.5px;white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.face{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,var(--green-soft),var(--mint));color:var(--green);display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}.b-confirmed,.b-delivered,.b-open,.b-trusted{background:var(--green-soft);color:var(--green)}.b-closed,.b-draft,.b-normal{background:#eef1f4;color:#4a5568}.b-pending,.b-pending_confirmation,.b-processing,.b-shipped,.b-watch{background:#fdf3e2;color:#b7791f}.b-cancelled,.b-rejected,.b-returned,.b-risky{background:#fbe9e7;color:#c0392b}.b-blocked{background:#f7d9d6;color:#8e2418}.b-handed_off{background:#e8f0fd;color:var(--blue)}.score-wrap{display:flex;align-items:center;gap:8px}.score-bar{width:90px;height:7px;border-radius:5px;background:#eef1f4;overflow:hidden}.score-bar i{display:block;height:100%;border-radius:5px}.channels{display:flex;flex-wrap:wrap;gap:12px}.channel{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px 16px;font-size:13.5px;font-weight:700}.channel .dot{width:9px;height:9px;border-radius:50%;background:#12b76a}.channel.soon{opacity:.55}.channel.soon .dot{background:#cbd5e1}.channel .state{color:var(--muted);font-size:12px;font-weight:600}.chart{direction:ltr;padding:6px 4px 0}.chart svg{width:100%;display:block;overflow:visible}.chart .bar{transition:.16s ease}.chart .bar:hover{fill:#85ddb0}.chart-stats{display:flex;gap:26px;border-top:1px solid var(--line);margin-top:12px;padding:13px 6px 2px}.chart-stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.chart-stats b{font-size:20px}.chart-stats small{color:var(--muted);font-size:11.5px;-webkit-margin-start:4px;margin-inline-start:4px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.detail-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 14px}.detail-card span{display:block;color:var(--muted);font-size:11.5px;margin-bottom:6px}.detail-card b{font-size:15px}.filters{display:flex;gap:8px}.filters a{height:32px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;font-weight:700;color:#475467}.filters a.active{background:var(--green-soft);border-color:rgba(8,115,95,.25);color:var(--green)}.action-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.action-btn{height:38px;padding:0 16px;border:1px solid #dfe5eb;background:#fff;border-radius:9px;color:#111827;font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:7px;transition:.15s ease}.action-btn:hover{border-color:#b8d9cb;color:var(--green)}.action-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.action-btn.primary:hover{background:var(--green-2);color:#fff}.action-btn.danger:hover{border-color:#f3c1bb;color:var(--red)}.empty{padding:42px;text-align:center;color:var(--muted);font-size:14px}.error-box{padding:20px;color:var(--red);font-size:14px}.error-box small{display:block;color:var(--muted);margin-top:8px}@media (max-width:1100px){.grid-2,.grid-3{grid-template-columns:1fr}.sidebar{display:none}}