:root{--asar:#be1e2d;--asar-strong:#9c1622;--asar-2:#d83544;--asar-tint:#fcf1f2;--asar-line:#ecc6ca;--asar-glow:rgba(190,30,45,.16);--ink:#14161b;--ink-2:#262a31;--mute:#5c626c;--faint:#969ca6;--canvas:#eef0f4;--surface:#fff;--surface-2:#f8fafb;--hover:#f4f6f8;--sunken:#e9ecf1;--rule:#e4e6ea;--hair:#edeff2;--hair-2:#f3f5f7;--ok:#0e7a4b;--ok-tint:#eef7f2;--ok-line:#b7dcc7;--warn:#a6620f;--warn-tint:#fbf3e9;--warn-line:#e7cfa5;--danger:var(--asar);--danger-tint:var(--asar-tint);--danger-line:var(--asar-line);--info:#1f5fa8;--info-tint:#eef3fa;--info-line:#c2d4ea;--chrome:#101319;--chrome-grad:linear-gradient(180deg,#14181f,#0d1015);--on-chrome:rgba(255,255,255,.86);--on-chrome-dim:rgba(255,255,255,.55);--on-chrome-line:rgba(255,255,255,.11);--on-chrome-fill:rgba(255,255,255,.06);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r1:5px;--r2:8px;--r3:11px;--r4:16px;--e1:0 1px 2px rgba(20,22,27,.05),0 1px 3px rgba(20,22,27,.04);--e2:0 8px 20px -6px rgba(20,22,27,.14),0 2px 6px -2px rgba(20,22,27,.08);--e3:0 28px 56px -16px rgba(20,22,27,.3),0 8px 20px -8px rgba(20,22,27,.14);--head:54px;--nav:248px;--font-sans:"Inter","Segoe UI",-apple-system,"Helvetica Neue",Arial,sans-serif;--font-ar:"IBM Plex Sans Arabic","Inter","Segoe UI",Tahoma,sans-serif;--font-mono:"IBM Plex Mono","SF Mono","Consolas",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;letter-spacing:-.006em;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}:lang(ar),[dir=rtl] body,[lang=ar] body{font-family:var(--font-ar)}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:0;background:none}button,input,select{font:inherit}::selection{background:rgba(190,30,45,.15)}.mono{font-family:var(--font-mono);font-size:12px}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dt{unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.h-page{font-size:20px;font-weight:700;letter-spacing:-.02em}.h-sect{font-size:14px;font-weight:700}.caption{font-size:11px}.caption,.empty{color:var(--mute)}.empty{padding:22px 14px;text-align:center;font-size:13px}.sub{font-size:12px;color:var(--mute)}.ctx{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--asar);margin-bottom:3px}.topbar{position:fixed;inset-block-start:0;inset-inline:0;height:var(--head);background:var(--chrome);color:var(--on-chrome);display:flex;align-items:center;gap:var(--s3);padding-inline:var(--s3);z-index:40;-webkit-border-after:1px solid var(--on-chrome-line);border-block-end:1px solid var(--on-chrome-line)}.tb-icon{width:32px;height:32px;border-radius:var(--r2);display:grid;place-items:center;color:var(--on-chrome)}.tb-icon:hover{background:var(--on-chrome-fill);color:#fff}.brand{display:flex;align-items:center;gap:var(--s2);-webkit-padding-end:var(--s3);padding-inline-end:var(--s3)}.brand .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(180deg,var(--asar-2),var(--asar));display:grid;place-items:center;box-shadow:0 2px 8px var(--asar-glow)}.brand .bt,.brand .logo{color:#fff;font-weight:700;font-size:15px}.brand .bt{line-height:1}.brand .bs{font-size:10px;color:var(--on-chrome-dim);margin-top:1px}.tb-spacer{flex:1 1}.seg{display:flex;background:var(--on-chrome-fill);border:1px solid var(--on-chrome-line);border-radius:var(--r2);overflow:hidden}.seg button{padding:5px 11px;font-size:12px;font-weight:600;color:var(--on-chrome-dim)}.seg button.on{background:#fff;color:var(--ink)}.tb-role{font-size:11.5px;color:var(--on-chrome-dim);line-height:1.15;text-align:end}.tb-role b{color:var(--on-chrome);font-weight:600}.tb-avatar{width:30px;height:30px;border-radius:50%;background:var(--asar);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.side{position:fixed;inset-block-start:var(--head);inset-block-end:0;inset-inline-start:0;width:var(--nav);background:var(--chrome-grad);color:var(--on-chrome);overflow-y:auto;z-index:30;padding:var(--s3) var(--s2) var(--s6)}.nav-group{-webkit-margin-after:var(--s3);margin-block-end:var(--s3)}.nav-h{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--on-chrome-dim);padding:6px 10px 4px}.nav-i{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r2);color:var(--on-chrome);font-size:13px;font-weight:500;position:relative;-webkit-margin-after:1px;margin-block-end:1px;width:100%;text-align:start}.nav-i .ic{width:16px;text-align:center;flex:none;opacity:.72}.nav-i:hover{background:var(--on-chrome-fill);color:#fff}.nav-i.on{color:#fff;font-weight:600;background:linear-gradient(90deg,rgba(190,30,45,.22),rgba(255,255,255,.05))}.nav-i.on .ic{opacity:1;color:var(--asar-2)}.nav-i.on:before{content:"";position:absolute;inset-block:6px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--asar-2)}main.app{padding-top:var(--head)}@media(min-width:1024px){main.app{-webkit-margin-start:var(--nav);margin-inline-start:var(--nav)}}.wrap{max-width:1240px;margin:0 auto;padding:26px 16px 80px}@media(min-width:1024px){.wrap{padding-inline:32px}}.pagehd{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);-webkit-margin-after:var(--s5);margin-block-end:var(--s5);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding-inline:14px;border-radius:var(--r2);background:var(--surface);border:1px solid var(--rule);font-weight:600;font-size:12.5px;color:var(--ink);box-shadow:var(--e1)}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.55;cursor:default}.btn.pri{background:linear-gradient(180deg,var(--asar-2),var(--asar));color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--asar-glow)}.btn.sm{height:28px;padding-inline:10px;font-size:12px}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r3);box-shadow:var(--e1)}.panel-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:13px 16px;-webkit-border-after:1px solid var(--hair);border-block-end:1px solid var(--hair)}.panel-bd{padding:16px}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding-inline:9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--sunken);color:var(--ink-2);border:1px solid transparent}.chip.ok{background:var(--ok-tint);color:var(--ok);border-color:var(--ok-line)}.chip.bad{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-line)}.chip.warn{background:var(--warn-tint);color:var(--warn);border-color:var(--warn-line)}.chip.info{background:var(--info-tint);color:var(--info);border-color:var(--info-line)}.chip.mut{background:var(--sunken);color:var(--mute)}.chip .cd{width:6px;height:6px;border-radius:50%;background:currentColor}.chip.ch-lead,.chip.ch-opportunity,.chip.ch-quotation{background:var(--info-tint);color:var(--info);border-color:var(--info-line)}.chip.ch-appointment,.chip.ch-service{background:var(--ok-tint);color:var(--ok);border-color:var(--ok-line)}.chip.ch-campaign,.chip.ch-whatsapp{background:var(--warn-tint);color:var(--warn);border-color:var(--warn-line)}.chip.ch-call,.chip.ch-case{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-line)}.timeline{display:flex;flex-direction:column}.tl-row{display:flex;align-items:center;gap:10px;padding-block:9px;-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.tl-row:last-child{-webkit-border-after:none;border-block-end:none}.tl-row .chip{flex:0 0 auto;min-width:92px;justify-content:center}.tl-txt{flex:1 1 auto;font-size:12.5px}.tl-date{flex:0 0 auto;white-space:nowrap}.grid{display:grid;grid-gap:var(--s4);gap:var(--s4)}.tbl-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:12.5px}table.t th{text-align:start;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:9px 14px;-webkit-border-after:1px solid var(--hair);border-block-end:1px solid var(--hair);white-space:nowrap}table.t td{padding:11px 14px;-webkit-border-after:1px solid var(--hair-2);border-block-end:1px solid var(--hair-2);vertical-align:middle}table.t tbody tr:hover{background:var(--hover)}.kpi-v{font-size:24px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.iconchip{width:32px;height:32px;border-radius:var(--r2);display:grid;place-items:center;background:var(--sunken);color:var(--mute);font-size:15px}.iconchip.asar{background:var(--asar-tint);color:var(--asar)}.iconchip.info{background:var(--info-tint);color:var(--info)}.iconchip.ok{background:var(--ok-tint);color:var(--ok)}.notice{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--r2);background:var(--info-tint);border:1px solid var(--info-line);color:var(--info);font-size:12.5px;-webkit-margin-after:var(--s4);margin-block-end:var(--s4)}.inp{height:34px;border:1px solid var(--rule);border-radius:var(--r2);padding-inline:11px;font-size:13px;background:var(--surface);width:100%}.inp:focus{outline:2px solid var(--asar-line);outline-offset:0}.field{display:flex;flex-direction:column;gap:6px;-webkit-margin-after:14px;margin-block-end:14px}.field label{font-size:12px;font-weight:600;color:var(--mute)}.err{color:var(--danger);font-size:12px;margin-top:2px}.spin{display:inline-block;width:34px;height:34px;border:3px solid var(--sunken);border-top-color:var(--asar);border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#1a1f28,#0d1015);padding:20px}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:var(--r4);box-shadow:var(--e3);padding:28px 26px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.login-brand .logo{width:38px;height:38px;border-radius:9px;background:linear-gradient(180deg,var(--asar-2),var(--asar));display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px}.hint{margin-top:16px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r2);font-size:11.5px;color:var(--mute)}.hint code{font-family:var(--font-mono);color:var(--ink-2)}@media(max-width:1023px){.side{transform:translateX(-100%);transition:transform .2s}[dir=rtl] .side{transform:translateX(100%)}body.mnav .side{transform:none}.tb-role{display:none}}.scrim{position:fixed;inset:0;background:rgba(22,24,29,.45);z-index:29;display:none}@media(max-width:1023px){body.mnav .scrim{display:block}}.only-desktop{display:none}@media(min-width:1024px){.only-desktop{display:grid}.only-mobile{display:none}}