:root{--bg:#080C15;--surface:#0E1524;--surface-2:#151E32;--line:#1E2A44;--ink:#EDF1F7;--ink-2:#8B96AD;--ink-3:#556077;--pulse:#3DDC97;--pulse-dim:rgba(61,220,151,.13);--data:#5CA8FF;--amber:#F0B429;--amber-dim:rgba(240,180,41,.13);--danger:#F26D6D;--danger-dim:rgba(242,109,109,.13);--gold:#C8A96A;--r-sm:8px;--r-md:12px;--r-lg:20px;--ease:cubic-bezier(.22,1,.36,1);--font-ui:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-display:"Zain",var(--font-ui);--font-mono:"IBM Plex Mono",monospace;--sidebar-w:248px;--topbar-h:60px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.25}a{color:var(--data);text-decoration:none}button{font-family:var(--font-ui)}b,.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--pulse);outline-offset:2px;border-radius:4px}::placeholder{color:var(--ink-3)}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);height:42px;padding-inline:13px;color:var(--ink);font:14px var(--font-ui);width:100%;transition:border-color .18s var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pulse)}label{display:grid;gap:6px;font-size:12.5px;color:var(--ink-2);font-weight:500}.field-err{color:var(--danger);font-size:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding-inline:20px;border-radius:var(--r-sm);font:600 13.5px var(--font-ui);cursor:pointer;border:none;transition:all .18s var(--ease)}.btn-primary{background:var(--pulse);color:#06140d}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.55;cursor:default;filter:none}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--ink-3)}.btn-danger{background:var(--danger-dim);color:var(--danger)}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-block-end:1px solid var(--line);font-weight:700;font-size:14.5px}.card-body{padding:20px}.badge{display:inline-flex;align-items:center;border-radius:6px;padding:2px 10px;font-size:11.5px;font-weight:600}.badge-ok{background:var(--pulse-dim);color:var(--pulse)}.badge-warn{background:var(--amber-dim);color:var(--amber)}.badge-bad{background:var(--danger-dim);color:var(--danger)}.badge-mute{background:var(--surface-2);color:var(--ink-2)}.skl{background:linear-gradient(90deg,var(--surface-2) 25%,#1B2540 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skl 1.3s infinite;border-radius:6px}@keyframes skl{to{background-position:-200% 0}}.toasts{position:fixed;top:16px;inset-inline-start:16px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:340px}.toast{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 16px;font-size:13px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 40px #0006;animation:toastin .3s var(--ease)}.toast:before{content:"";width:4px;align-self:stretch;border-radius:99px;flex-shrink:0}.toast-ok:before{background:var(--pulse)}.toast-err:before{background:var(--danger)}.toast-info:before{background:var(--data)}@keyframes toastin{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c15cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:480px;box-shadow:0 12px 40px #0006;animation:toastin .25s var(--ease)}.modal-head{padding:18px 22px;border-block-end:1px solid var(--line);font-weight:700;font-size:15px}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-block-start:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;text-align:center;color:var(--ink-2)}.empty svg{width:40px;height:40px;color:var(--ink-3)}.empty p{max-width:340px;font-size:13.5px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--surface);border-inline-end:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding-inline:10px}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--pulse);box-shadow:0 0 12px var(--pulse)}.brand-name{font-family:var(--font-display);font-weight:800;font-size:21px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:10.5px;color:var(--ink-3);font-weight:600;padding:0 12px 6px;letter-spacing:0}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-sm);color:var(--ink-2);font-size:13.5px;font-weight:500;transition:all .16s var(--ease)}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item:hover{color:var(--ink);background:var(--surface-2)}.nav-item.active{color:var(--pulse);background:var(--pulse-dim)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);border-block-end:1px solid var(--line);display:flex;align-items:center;gap:16px;padding-inline:24px;position:sticky;top:0;background:#080c15d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40}.topbar-tenant{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:8px}.topbar-tenant .badge{font-size:10.5px}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.lang-btn{background:none;border:1px solid var(--line);color:var(--ink-2);border-radius:var(--r-sm);padding:6px 13px;font:600 12px var(--font-ui);cursor:pointer}.lang-btn:hover{color:var(--ink);border-color:var(--ink-3)}.user-chip{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:5px 12px 5px 5px;cursor:pointer}[dir=ltr] .user-chip{padding:5px 5px 5px 12px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--pulse-dim);color:var(--pulse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.page{padding:28px;display:flex;flex-direction:column;gap:22px}.page-head h1{font-size:24px}.page-head p{color:var(--ink-2);font-size:13px;margin-block-start:2px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(800px 400px at 50% -100px,rgba(61,220,151,.08),transparent 70%)}.login-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:26px}.login-brand{display:flex;align-items:center;gap:12px;justify-content:center}.login-brand .brand-name{font-size:30px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;display:grid;gap:18px}.login-foot{text-align:center;color:var(--ink-3);font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px 16px;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:var(--ink-2)}.stat-value{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1.15}.stat-delta{font-size:12px;font-weight:600}.stat-delta.up{color:var(--pulse)}.stat-delta.down{color:var(--danger)}.stat-delta.mute{color:var(--ink-3)}.c-pulse{color:var(--pulse)}.c-danger{color:var(--danger)}.c-data{color:var(--data)}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px;gap:2px}.seg-btn{background:none;border:none;color:var(--ink-2);border-radius:6px;padding:6px 14px;font:600 12.5px var(--font-ui);cursor:pointer;transition:all .16s var(--ease)}.seg-btn:hover{color:var(--ink)}.seg-btn.on{background:var(--pulse-dim);color:var(--pulse)}.bots-strip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 18px;font-size:13px;color:var(--ink-2)}.bots-strip svg{width:18px;height:18px;color:var(--danger);flex-shrink:0}.bots-strip b{font-size:15px}.chart-wrap{position:relative}.chart-wrap svg{width:100%;height:auto;display:block}.chart-tip{position:absolute;top:0;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 12px;font-size:11.5px;display:flex;flex-direction:column;gap:3px;pointer-events:none;box-shadow:0 12px 40px #0006;white-space:nowrap;z-index:5}[dir=rtl] .chart-tip{transform:translate(50%)}.chart-tip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px}.legend{display:flex;gap:18px;justify-content:center;margin-block-start:12px;font-size:12px;color:var(--ink-2)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:7px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid,.shell{grid-template-columns:1fr}.sidebar{display:none}}.lead-tabs{display:flex;gap:8px;flex-wrap:wrap}.lead-tab{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:8px 18px;color:var(--ink-2);font:600 13px var(--font-ui);cursor:pointer;transition:all .16s var(--ease)}.lead-tab b{font-size:12px;background:var(--surface-2);border-radius:99px;padding:1px 9px}.lead-tab:hover{color:var(--ink)}.lead-tab.on{border-color:var(--pulse);color:var(--pulse);background:var(--pulse-dim)}.lead-tab.on b{background:transparent}.lead-tab.tab-danger.on{border-color:var(--danger);color:var(--danger);background:var(--danger-dim)}.lead-list{display:flex;flex-direction:column;gap:10px}.lead-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 18px;cursor:pointer;text-align:start;font-family:var(--font-ui);color:var(--ink);transition:all .16s var(--ease);width:100%}.lead-row:hover{border-color:var(--ink-3);background:var(--surface-2)}.lead-main{display:flex;flex-direction:column;min-width:0;flex:1}.lead-main b{font-size:13.5px}.lead-main span{font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}.lead-score{font-weight:700;font-size:15px;width:34px;text-align:center;flex-shrink:0}.lead-row time{font-size:11.5px;color:var(--ink-3);white-space:nowrap}.pager{display:flex;align-items:center;gap:14px;justify-content:center}.pager .btn{height:34px;padding-inline:16px;font-size:12.5px}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c15aa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:120;display:flex;justify-content:flex-end}.drawer{background:var(--surface);border-inline-start:1px solid var(--line);width:min(440px,100%);height:100%;display:flex;flex-direction:column;animation:drawin .3s var(--ease)}@keyframes drawin{0%{transform:translate(var(--drawer-from,-30px));opacity:0}to{transform:none;opacity:1}}[dir=ltr] .drawer{--drawer-from:30px}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-block-end:1px solid var(--line);font-weight:700;font-size:15px}.drawer-x{background:none;border:none;color:var(--ink-3);font-size:15px;cursor:pointer;padding:4px 8px;border-radius:6px}.drawer-x:hover{color:var(--ink);background:var(--surface-2)}.drawer-body{padding:22px;overflow-y:auto;flex:1}.drawer-foot{padding:16px 22px;border-block-start:1px solid var(--line)}.lead-detail{display:flex;flex-direction:column;gap:13px}.ld-row{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px}.ld-row>span:first-child{color:var(--ink-2);flex-shrink:0}.score-wrap{display:flex;align-items:center;gap:10px;flex:1;max-width:220px}.score-bar{flex:1;height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.score-bar i{display:block;height:100%;border-radius:99px;transition:width .5s var(--ease)}.overdue-note{background:var(--danger-dim);color:var(--danger);border-radius:var(--r-sm);padding:10px 14px;font-size:12.5px;font-weight:600}.bars{display:flex;flex-direction:column;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(90px,180px) 1fr 64px;align-items:center;gap:14px;font-size:13px}.bar-label{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:9px;border-radius:99px;background:var(--surface-2);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:99px;transition:width .6s var(--ease)}.bar-val{text-align:end;font-weight:700}.funnel{display:flex;flex-direction:column;gap:2px;padding-block:6px}.funnel-slab-wrap{display:flex;flex-direction:column;gap:5px}.funnel-slab{background:linear-gradient(90deg,var(--pulse-dim),rgba(61,220,151,.28));border:1px solid rgba(61,220,151,.4);border-radius:var(--r-sm);padding:12px 16px;min-width:64px;transition:width .7s var(--ease)}.funnel-slab b{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--pulse)}.funnel-meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-2);padding-inline:2px}.funnel-conn{padding:10px 22px;color:var(--ink-3);font-size:12px;display:flex;align-items:center;gap:8px}.funnel-conn:before{content:"↓";color:var(--pulse);font-size:14px}.funnel-conn span{font-weight:600;color:var(--ink-2)}.dv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1100px){.dv-grid{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:start;padding:12px 18px;color:var(--ink-2);font-weight:600;font-size:11.5px;background:var(--surface-2);position:sticky;top:0}.tbl td{padding:11px 18px;border-block-start:1px solid var(--line)}.tbl tbody tr:hover{background:var(--surface-2)}.mono{font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.live-list{display:flex;flex-direction:column;gap:9px}.live-row{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 14px;font-size:12.5px;color:var(--ink-2)}.live-row b{color:var(--ink);font-size:12.5px}.live-row time{margin-inline-start:auto;font-size:11px;color:var(--ink-3);white-space:nowrap}.feed-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--pulse);animation:blink 1.6s infinite;display:inline-block}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 8px var(--pulse)}50%{opacity:.35;box-shadow:none}}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.kan-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;transition:border-color .2s var(--ease)}.kan-col.over{border-color:var(--pulse)}.kan-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13.5px;padding:2px 4px 12px}.kan-head b{background:var(--surface-2);border-radius:99px;padding:1px 10px;font-size:12px;color:var(--ink-2)}.kan-list{display:flex;flex-direction:column;gap:10px;min-height:80px}.kan-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 15px;cursor:grab;transition:all .16s var(--ease)}.kan-card:hover{border-color:var(--ink-3)}.kan-card.dragging{opacity:.45;cursor:grabbing}.kan-card b{font-size:13px;display:block;margin-block-end:8px}.kan-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kan-assignee{font-size:11px;color:var(--ink-2);background:var(--surface-2);border-radius:99px;padding:2px 10px}.kan-meta time{font-size:11px;color:var(--ink-3);margin-inline-start:auto}.kan-empty{color:var(--ink-3);font-size:12px;text-align:center;padding:22px 0;border:1px dashed var(--line);border-radius:var(--r-sm)}@media(max-width:960px){.kanban{grid-template-columns:1fr}}.comments{display:flex;flex-direction:column;gap:12px;margin-block-start:10px;padding-block-start:16px;border-block-start:1px solid var(--line)}.comment{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px}.comment-head{display:flex;justify-content:space-between;font-size:11.5px;margin-block-end:4px}.comment-head b{color:var(--ink)}.comment-head time{color:var(--ink-3)}.comment p{font-size:13px;color:var(--ink-2)}.site-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.site-row{display:flex;align-items:center;gap:14px;padding:15px 18px;flex-wrap:wrap}.embed-box{display:flex;align-items:center;gap:12px;padding:13px 18px;border-block-start:1px solid var(--line);background:var(--bg)}.embed-box code{flex:1;font:12px var(--font-mono);color:var(--ink-2);overflow-x:auto;white-space:nowrap}.bl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.bl-grid{grid-template-columns:1fr}}.op-root{min-height:100vh}.op-strip{height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.nav-item.op-active{color:var(--gold);background:#c8a96a1f}.oc-gold{border-color:#c8a96a66;background:linear-gradient(180deg,rgba(200,169,106,.06),transparent 55%),var(--surface)}.op-gate{background:radial-gradient(800px 400px at 50% -100px,rgba(200,169,106,.09),transparent 70%)}.op-gate-card{border-color:#c8a96a59}.op-gate-btn{background:var(--gold);color:#140f06}.op-gate-btn:hover{filter:brightness(1.08)}