:root{--bg:#1a1a1a;--bg-2:#151515;--panel:#242424;--panel-2:#2e2e2e;--panel-3:#383838;--border:#2c2c2c;--border-strong:#3d3d3d;--rail-bg:#0e0e0e;--rail-border:#232323;--rail-active-bg:#132b49;--rail-active-fg:#6fb0ff;--text:#ededed;--text-2:#c6c6c6;--muted:#8a8a8a;--accent:#5b9df8;--accent-2:#7db0fa;--accent-weak:rgba(91,157,248,0.16);--green:#3ecf8e;--green-weak:rgba(62,207,142,0.15);--red:#f0556e;--red-weak:rgba(240,85,110,0.15);--amber:#f0a93b;--amber-weak:rgba(240,169,59,0.15);--ring:rgba(91,157,248,0.55);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow:0 6px 24px rgba(0,0,0,0.28);--shadow-lg:0 16px 48px rgba(0,0,0,0.4);--fs-xs:11px;--fs-sm:12px;--fs-base:14px;--fs-md:15px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:34px;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-ar:"Noto Sans Arabic","Geeza Pro","Segoe UI",Tahoma,var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--maxw:1180px}[data-theme=light]{--bg:#fcfcfb;--bg-2:#f4f4f1;--panel:#ffffff;--panel-2:#f2f2ef;--panel-3:#e8e8e4;--border:#e8e7e2;--border-strong:#d6d5cf;--rail-bg:#f7f6f3;--rail-border:#ebe9e4;--rail-active-bg:#dce9fd;--rail-active-fg:#2563eb;--text:#1f2430;--text-2:#454b58;--muted:#8d93a0;--accent:#2563eb;--accent-2:#1d4fd0;--accent-weak:rgba(37,99,235,0.1);--green:#1f9d57;--green-weak:rgba(31,157,87,0.12);--red:#d23454;--red-weak:rgba(210,52,84,0.1);--amber:#b9760f;--amber-weak:rgba(185,118,15,0.12);--ring:rgba(37,99,235,0.45);--shadow-sm:0 1px 2px rgba(20,30,60,0.08);--shadow:0 6px 24px rgba(20,30,60,0.1);--shadow-lg:0 16px 48px rgba(20,30,60,0.16)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased}:lang(ar),[dir=rtl]{font-family:var(--font-ar)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}code{font-family:var(--font-mono);font-size:.92em;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid var(--bg)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell{max-width:var(--maxw);margin:0 auto;padding:var(--sp-8) var(--sp-6) 64px}.topbar{justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--sp-3);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.brand .dot{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);flex:none}.grid{display:grid;grid-template-columns:360px 1fr;grid-gap:var(--sp-5);gap:var(--sp-5)}@media (max-width:820px){.grid{grid-template-columns:1fr}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.page-header h1{margin:0;font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.01em}.page-header .sub{color:var(--muted);font-size:var(--fs-base);margin-top:var(--sp-1)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-wrap{flex-wrap:wrap}.stack{display:grid;grid-gap:var(--sp-3)}.spread,.stack{gap:var(--sp-3)}.spread{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.nav{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap}.nav-link{color:var(--muted);font-size:var(--fs-sm);font-weight:600;padding:6px 10px;border-radius:var(--r-sm);text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.nav-link:hover{color:var(--text);background:var(--panel-2);text-decoration:none}.nav-link.active{color:var(--text);background:var(--accent-weak)}.app-layout{display:flex;align-items:flex-start;min-height:100vh}.app-main{flex:1 1 auto;min-width:0}.nav-rail{position:-webkit-sticky;position:sticky;top:0;flex:0 0 auto;align-self:stretch;height:100vh;box-sizing:border-box;width:64px;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);background:var(--rail-bg);-webkit-border-end:1px solid var(--rail-border);border-inline-end:1px solid var(--rail-border);overflow-x:hidden;overflow-y:auto;transition:width .18s ease;z-index:20}:root[data-rail=expanded] .nav-rail{width:220px}.rail-top{justify-content:space-between;gap:var(--sp-2);min-height:32px;padding:0 var(--sp-1) var(--sp-1)}.rail-brand,.rail-top{display:flex;align-items:center}.rail-brand{gap:var(--sp-3);min-width:0;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden}.rail-brand .dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.rail-toggle{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;background:none;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;font-size:15px;line-height:1;transition:background .15s ease,color .15s ease}.rail-toggle:hover{color:var(--text);background:var(--panel-2)}[dir=rtl] .rail-toggle svg{transform:scaleX(-1)}:root[data-rail=collapsed] .nav-rail:not(.open) .rail-brand{display:none}:root[data-rail=collapsed] .nav-rail:not(.open) .rail-top{justify-content:center;padding-inline:0}.rail-nav{display:flex;flex-direction:column;gap:2px}.nav-rail.open .rail-nav,:root[data-rail=expanded] .rail-nav{flex:1 1 auto;justify-content:space-between}.rail-divider{height:1px;background:var(--border);margin:var(--sp-2) var(--sp-2)}.rail-link{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:8px 10px;border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-sm);font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;transition:background .15s ease,color .15s ease}.rail-link:hover{color:var(--text);background:var(--panel-2);text-decoration:none}.rail-link.active{color:var(--rail-active-fg);background:var(--rail-active-bg);font-weight:700}.rail-ico{flex:0 0 auto;width:22px;height:22px}.rail-footer{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:var(--sp-2);border-top:1px solid var(--border)}.rail-footer .rail-link{width:100%;background:none;border:none;cursor:pointer;text-align:start;font:inherit;font-size:var(--fs-sm);font-weight:600}.rail-label{display:none}:root[data-rail=expanded] .rail-label{display:inline}.rail-burger,.rail-scrim{display:none}.rail-burger{position:fixed;top:12px;inset-inline-start:12px;z-index:46;width:40px;height:40px;place-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm)}.rail-scrim{position:fixed;inset:0;z-index:40;border:0;padding:0;background:rgba(0,0,0,.5);cursor:pointer}@media (max-width:640px){.rail-burger{display:grid}.rail-burger.is-open{display:none}.rail-scrim.open{display:block}.nav-rail{position:fixed;inset-block:0;inset-inline-start:0;z-index:45;width:248px;transform:translateX(-100%);transition:transform .22s ease;box-shadow:0 12px 40px rgba(0,0,0,.45)}[dir=rtl] .nav-rail{transform:translateX(100%)}.nav-rail.open{transform:translateX(0)}.nav-rail .rail-label{display:inline}.app-main .shell{padding-top:60px}}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--panel-2);border:1px solid var(--border)}.seg,.seg-item{border-radius:var(--r-full)}.seg-item{padding:5px 14px;font-size:var(--fs-sm);font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;cursor:pointer;border:none;background:none;transition:background .15s ease,color .15s ease}.seg-item:hover{color:var(--text);text-decoration:none}.seg-item.active{background:var(--accent);color:#fff}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card h2{margin:0 0 var(--sp-4);font-size:var(--fs-md);letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.section{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.tile{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-4)}.chart{direction:ltr}.bar-track{position:relative;height:8px;background:var(--panel-2);overflow:hidden}.bar-fill,.bar-track{border-radius:var(--r-full)}.bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.bar-target{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--text);opacity:.35}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.legend-item{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--muted)}.legend-swatch{width:10px;height:10px;border-radius:3px;flex:none}.drill{cursor:pointer;color:inherit}.drill,.drill:hover{text-decoration:none}.drill:hover .drill-label{text-decoration:underline}.drill:hover .bar-fill{filter:brightness(1.12)}a.stat{display:block;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}a.stat,a.stat:hover{text-decoration:none}a.stat:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.07)}.drill:focus-visible,a.stat:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpi-hero-value{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em}.kpi-share{margin-top:8px;font-weight:600;color:var(--text-2)}.kpi-def{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--accent-weak);color:var(--text-2);font-size:13px}.kpi-rowtag{font-size:12px;font-weight:700;white-space:nowrap}@media (prefers-reduced-motion:reduce){.drill:hover,a.stat:hover{transform:none}}.drill-cell:hover{outline:2px solid var(--accent);outline-offset:-1px}.col-link{transition:background .12s ease}.col-link:hover{background:var(--accent-weak)}.btn{flex:1 1;border:1px solid transparent;border-radius:var(--r);padding:14px 0;font-size:var(--fs-md);font-weight:600;cursor:pointer;color:#fff;background:var(--accent);text-decoration:none;transition:filter .15s ease,transform .05s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){filter:brightness(1.08);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-call{background:var(--green)}.btn-secondary{background:var(--panel-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--panel-3);filter:none}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--panel-2);filter:none}.btn-danger{background:var(--red)}.btn-auto,.btn-sm{flex:0 0 auto}.btn-sm{padding:8px 14px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-block{width:100%}.status-line{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--muted);text-align:center}.input,.select,.textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:9px 11px;font-size:var(--fs-base);font-family:inherit;color-scheme:dark;transition:border-color .15s ease,box-shadow .15s ease}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .textarea{color-scheme:light}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.textarea{resize:vertical;min-height:80px}.label{font-size:var(--fs-sm);color:var(--muted)}.field{display:grid;grid-gap:var(--sp-1);gap:var(--sp-1)}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--sp-3);gap:var(--sp-3);margin-bottom:var(--sp-5)}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.stat .value{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.01em}.stat .label{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-1)}.stats--hero{grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.stats--hero .stat{position:relative;overflow:hidden;padding:var(--sp-5);background:linear-gradient(180deg,color-mix(in srgb,var(--tile-accent,var(--accent)) 6%,var(--panel)),var(--panel))}.stats--hero .stat:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--tile-accent,var(--accent))}.stats--hero .stat .value{font-size:var(--fs-3xl);line-height:1.05}.stat-ico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);margin-bottom:var(--sp-3);font-size:15px;background:color-mix(in srgb,var(--tile-accent,var(--accent)) 18%,transparent)}@media (max-width:900px){.stats--hero{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.stats--hero{grid-template-columns:1fr}}.dash .card:not(.drill){position:relative}.dash .card:not(.drill):before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(
    --card-accent,color-mix(in srgb,var(--accent) 55%,var(--border))
  )}.call-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.call-row:last-child{border-bottom:none}a.call-row{margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:var(--r-sm);transition:background .12s ease}a.call-row:hover{background:var(--panel-2);text-decoration:none}.call-meta{display:flex;align-items:center;gap:var(--sp-3)}.dir-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-base);background:var(--panel-2);border:1px solid var(--border);flex:none}.call-party{font-weight:600}.call-sub{font-size:var(--fs-sm);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:var(--r-full);white-space:nowrap}.badge-completed,.badge-green{background:var(--green-weak);color:var(--green)}.badge-failed,.badge-missed,.badge-red{background:var(--red-weak);color:var(--red)}.badge-amber,.badge-in-progress,.badge-queued,.badge-ringing{background:var(--amber-weak);color:var(--amber)}.badge-accent{background:var(--accent-weak);color:var(--accent-2)}.badge-neutral{color:var(--muted);border:1px solid var(--border)}.badge-neutral,.chip{background:var(--panel-2)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;padding:4px 10px;border-radius:var(--r-full);border:1px solid var(--border);color:var(--text-2)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.table th{text-align:left;color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:var(--sp-2) var(--sp-3)}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:var(--sp-3)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--panel-2)}[dir=rtl] .table td,[dir=rtl] .table th{text-align:right}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-5);overflow-x:auto}.tab{padding:9px 14px;font-size:var(--fs-base);font-weight:600;color:var(--muted);background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab,.tab:hover{text-decoration:none}.tab.active,.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--accent)}.empty{color:var(--muted);font-size:var(--fs-base);padding:var(--sp-4) 0}.empty-state{display:grid;place-items:center;grid-gap:var(--sp-2);gap:var(--sp-2);text-align:center;padding:var(--sp-10) var(--sp-5);color:var(--muted)}.empty-state .icon{font-size:28px;opacity:.7}.skeleton{background:linear-gradient(90deg,var(--panel-2) 25%,var(--panel-3) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.notice{background:var(--amber-weak);border:1px solid rgba(240,169,59,.3);color:var(--amber);border-radius:var(--r);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.notice-info{background:var(--accent-weak);border-color:rgba(79,124,255,.3);color:var(--accent-2)}.notice-danger{background:var(--red-weak);border-color:rgba(239,77,106,.3);color:var(--red)}.notice-success{background:var(--green-weak);border-color:rgba(47,191,113,.3);color:var(--green)}@media (max-width:600px){.shell{padding:var(--sp-5) var(--sp-4) 48px}.stats{grid-template-columns:repeat(2,1fr)}.page-header h1{font-size:var(--fs-xl)}.topbar{margin-bottom:var(--sp-5)}}