:root{--brand-1:#7C83FF;--brand-2:#B16DFF;--brand-3:#5EDFFF;--ok:#34D399;--warn:#FBBF24;--bad:#FF6B8B;--info:#5EDFFF;--radius:16px;--radius-sm:10px;--radius-lg:22px;--pad:22px;--ease:cubic-bezier(.32,.72,0,1);--shell:268px}[data-theme=dark]{--bg:#0B0D16;--bg-deep:#070912;--surface:#141726;--surface-2:#1A1E31;--surface-3:#232841;--line:#262B45;--line-soft:#1E2338;--text:#F2F3FA;--muted:#9AA2BD;--faint:#6F7692;--tint:rgba(124,131,255,.14);--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 34px -18px rgba(0,0,0,.9);--grid-line:rgba(255,255,255,.06)}[data-theme=light]{--bg:#F4F5FF;--bg-deep:#ECEEFC;--surface:#FFFFFF;--surface-2:#F7F8FE;--surface-3:#EDEFFB;--line:#E4E6F5;--line-soft:#EEF0FB;--text:#101223;--muted:#6B7291;--faint:#A3A8C2;--tint:rgba(99,102,241,.10);--shadow:0 1px 2px rgba(16,18,35,.05),0 14px 34px -20px rgba(16,18,35,.35);--grid-line:rgba(16,18,35,.07);--brand-1:#6366F1;--brand-2:#9333EA;--brand-3:#0EA5E9;--ok:#10C878;--bad:#FF5C7A;--warn:#E9A400;--info:#0EA5E9}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Segoe UI,system-ui,-apple-system,Noto Kufi Arabic,Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}::selection{background:var(--brand-1);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr;display:inline-block;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.spacer{-webkit-margin-start:auto;margin-inline-start:auto}.stack{flex-direction:column;gap:12px}.row,.stack{display:flex}.row{gap:10px;align-items:center;flex-wrap:wrap}.hint{font-size:12px}.crumb,.hint{color:var(--faint)}.crumb{font-size:12.5px}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 520px at 78% -12%,rgba(124,131,255,.2),transparent 62%),radial-gradient(760px 480px at 12% 108%,rgba(177,109,255,.16),transparent 60%),var(--bg-deep)}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:38px 32px;box-shadow:var(--shadow)}.login-card h1{font-size:25px;letter-spacing:-.4px;margin-bottom:6px}.login-card p.sub{color:var(--muted);font-size:13.5px;margin-bottom:26px}.shell{display:grid;grid-template-columns:var(--shell) 1fr;min-height:100vh}.sidebar{background:var(--bg-deep);-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:24px var(--pad) 20px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-1),var(--brand-2) 55%,var(--brand-3));box-shadow:0 8px 22px -10px var(--brand-2);flex:none}.brand-name{font-size:17px;font-weight:700;letter-spacing:-.3px}.brand-sub{font-size:11.5px;color:var(--faint);letter-spacing:.3px}.nav{flex:1 1;overflow-y:auto;padding:6px 12px 18px}.nav-label{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--faint);padding:18px 12px 8px;text-transform:uppercase}.nav a{display:flex;align-items:center;gap:11px;padding:9.5px 12px;border-radius:var(--radius-sm);color:var(--muted);font-size:14px;font-weight:500;position:relative;transition:background .16s var(--ease),color .16s var(--ease)}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.on{background:var(--tint);color:var(--text);font-weight:600}.nav a.on:before{content:"";position:absolute;inset-inline-start:-12px;top:50%;translate:0 -50%;width:3px;height:20px;border-radius:99px;background:linear-gradient(var(--brand-1),var(--brand-2))}.nav a svg{width:18px;height:18px;flex:none;opacity:.9}.nav .pill{-webkit-margin-start:auto;margin-inline-start:auto;background:var(--bad);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;line-height:1.6}.side-foot{padding:14px var(--pad) 20px;border-top:1px solid var(--line-soft)}.who{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer}.who .av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;font-weight:700;font-size:13px}.who b{display:block;font-size:13.5px;font-weight:600}.who span{font-size:11.5px;color:var(--faint)}main.content{min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:16px var(--pad);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h1{font-size:20px;font-weight:700;letter-spacing:-.4px}.view{padding:var(--pad);display:flex;flex-direction:column;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.card-head h2{font-size:15px;font-weight:650;letter-spacing:-.2px}.card-body{padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8.5px 15px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);font-size:13.5px;font-weight:600;cursor:pointer;transition:transform .12s var(--ease),background .16s,border-color .16s,opacity .16s;white-space:nowrap}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn.primary{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));border-color:transparent;color:#fff;box-shadow:0 8px 20px -12px var(--brand-2)}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,transparent);background:transparent}.btn.danger:hover{background:color-mix(in srgb,var(--bad) 12%,transparent)}.btn.sm{padding:5.5px 11px;font-size:12.5px;border-radius:8px}.btn.icon{padding:8px;width:36px;height:36px}.btn.block{width:100%;padding:11px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;color:var(--muted)}.note{font-size:11.5px;color:var(--faint)}input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=time],select,textarea{width:100%;padding:9.5px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);outline:none;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:var(--brand-1);box-shadow:0 0 0 3px var(--tint)}textarea{resize:vertical;min-height:76px;line-height:1.65}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:42px;height:24px;border-radius:99px;background:var(--surface-3);border:1px solid var(--line);position:relative;transition:background .2s var(--ease);flex:none}.switch .track:after{content:"";position:absolute;inset-block:2px;inset-inline-start:2px;width:18px;border-radius:50%;background:var(--faint);transition:all .22s var(--ease)}.switch input:checked+.track{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));border-color:transparent}.switch input:checked+.track:after{inset-inline-start:21px;background:#fff}.chip{display:inline-flex;align-items:center;gap:5px;padding:2.5px 9px;border-radius:99px;font-size:11.5px;font-weight:650;line-height:1.7;white-space:nowrap;background:var(--surface-3);color:var(--muted)}.chip.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.chip.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.chip.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.chip.info{background:color-mix(in srgb,var(--info) 16%,transparent);color:var(--info)}.chip.brand{background:var(--tint);color:var(--brand-1)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:6px 13px;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--muted);transition:all .16s var(--ease)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.kpi{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px 15px;box-shadow:var(--shadow)}.kpi:after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--brand-1),var(--brand-2));opacity:0;transition:opacity .2s}.kpi:hover:after{opacity:.9}.kpi .k-top{display:flex;align-items:center;gap:8px;margin-bottom:9px}.kpi .k-ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--tint);color:var(--brand-1);flex:none}.kpi .k-label{font-size:12.5px;color:var(--muted);font-weight:600}.kpi .k-val{font-size:27px;font-weight:700;letter-spacing:-.9px;line-height:1.2}.kpi .k-foot{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12px;color:var(--faint);flex-wrap:wrap}.kpi .spark{position:absolute;inset-inline-end:0;bottom:0;width:96px;height:42px;opacity:.55;pointer-events:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:start;font-size:11.5px;font-weight:700;letter-spacing:.4px;color:var(--faint);padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2)}tbody td{padding:12px 14px;border-bottom:1px solid var(--line-soft);font-size:13.5px;vertical-align:middle}tbody tr{transition:background .13s}tbody tr:hover{background:var(--surface-2)}tbody tr.clickable{cursor:pointer}tbody tr:last-child td{border-bottom:0}td.tight{white-space:nowrap}.who-cell{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.who-cell .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-cell .sm{font-size:11.5px;color:var(--faint)}.pager{display:flex;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--line-soft)}.pager .info{font-size:12.5px;color:var(--faint)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.filters .field{min-width:150px}.filters .grow{flex:1 1;min-width:220px}.empty{padding:54px 20px;text-align:center;color:var(--faint)}.empty svg{opacity:.4;margin-bottom:10px}.chart{width:100%;display:block;overflow:visible}.chart .gl{stroke:var(--grid-line);stroke-width:1}.chart .ax{fill:var(--faint);font-size:10.5px}.chart .hot .hv{opacity:0;transition:opacity .12s}.chart .hot:hover .hv{opacity:1}.chart-tip{position:absolute;pointer-events:none;z-index:30;background:var(--surface-3);border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:12px;box-shadow:var(--shadow);white-space:nowrap;opacity:0;transition:opacity .12s}.legend{display:flex;flex-wrap:wrap;gap:14px}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.legend i{width:9px;height:9px;border-radius:3px;display:block}.barlist{display:flex;flex-direction:column;gap:11px}.barlist .bar{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.barlist .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2))}.barlist .nm{font-size:13px;font-weight:550}.barlist .vl{font-size:12.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grid-2{grid-template-columns:1.65fr 1fr;grid-gap:18px}.grid-2,.grid-3{display:grid;gap:18px;align-items:start}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:18px}@media (max-width:1100px){.grid-2,.grid-3{grid-template-columns:1fr}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-gap:12px;gap:12px}.tile{position:relative;aspect-ratio:1;border-radius:13px;overflow:hidden;cursor:pointer;background:var(--surface-2);border:1px solid var(--line)}.tile img,.tile video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--ease)}.tile:hover img{transform:scale(1.06)}.tile .meta{inset-inline:0;bottom:0;padding:22px 9px 8px;font-size:11px;background:linear-gradient(transparent,rgba(0,0,0,.82));display:flex;gap:6px;align-items:center}.tile .badge,.tile .meta{position:absolute;color:#fff}.tile .badge{top:8px;inset-inline-end:8px;background:rgba(0,0,0,.6);border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:650;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scrim{position:fixed;inset:0;background:rgba(4,6,14,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;animation:fade .2s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(680px,100%);background:var(--bg);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);z-index:81;display:flex;flex-direction:column;animation:slide .32s var(--ease);box-shadow:24px 0 60px -30px rgba(0,0,0,.7)}@keyframes slide{0%{translate:-100% 0}to{translate:0 0}}.drawer-head{display:flex;align-items:center;gap:12px;padding:18px var(--pad);border-bottom:1px solid var(--line);background:var(--bg)}.drawer-body{overflow-y:auto;padding:var(--pad);display:flex;flex-direction:column;gap:16px}.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:rgba(4,6,14,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s var(--ease)}.modal .box{width:min(700px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:pop .22s var(--ease)}@keyframes pop{0%{scale:.97}to{scale:1}}.modal .box>header{padding:20px var(--pad) 0}.modal .box>header h2{font-size:18px;letter-spacing:-.3px}.modal .box>header p{color:var(--muted);font-size:13px;margin-top:4px}.modal .box>.content{padding:20px var(--pad);display:flex;flex-direction:column;gap:14px}.modal .box>footer{padding:0 var(--pad) 20px;display:flex;gap:10px}.lightbox{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:32px;cursor:zoom-out;animation:fade .18s}.lightbox img,.lightbox video{max-width:100%;max-height:86vh;border-radius:12px}.thread{display:flex;flex-direction:column;gap:9px}.bubble{max-width:74%;padding:9px 13px;border-radius:15px;font-size:13.5px}.bubble.a{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-start-start-radius:5px}.bubble.b{align-self:flex-end;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;border-start-end-radius:5px}.bubble .t{display:block;font-size:10.5px;opacity:.72;margin-top:3px}.bubble img,.bubble video{max-width:100%;border-radius:9px;margin-top:5px;display:block}.day-sep{align-self:center;font-size:11px;color:var(--faint);background:var(--surface-2);padding:3px 11px;border-radius:99px}.toasts{position:fixed;inset-block-end:20px;inset-inline-start:20px;z-index:100;display:flex;flex-direction:column;gap:9px}.toast{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:12px;background:var(--surface-3);border:1px solid var(--line);box-shadow:var(--shadow);font-size:13.5px;font-weight:550;max-width:380px;animation:toastIn .28s var(--ease)}@keyframes toastIn{0%{translate:-20px 0;opacity:0}to{translate:0 0;opacity:1}}.toast i{width:8px;height:8px;border-radius:50%;flex:none;background:var(--brand-1)}.toast.ok i{background:var(--ok)}.toast.bad i{background:var(--bad)}.skel{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shine 1.3s infinite;border-radius:12px}@keyframes shine{to{background-position:-200% 0}}.spinner{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--brand-1);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{rotate:1turn}}.phone{width:234px;border-radius:30px;border:8px solid var(--surface-3);background:var(--bg-deep);padding:26px 15px 18px;text-align:center;box-shadow:var(--shadow);flex:none}.phone .ic{width:54px;height:54px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff}.phone h4{font-size:15px;margin-bottom:7px}.phone p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:16px;min-height:40px}.phone .cta{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;border-radius:10px;padding:9px;font-size:13px;font-weight:650}.lang-row{display:grid;grid-template-columns:96px 1fr auto;grid-gap:10px;gap:10px;align-items:start}.dl{display:grid;grid-template-columns:auto 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:13.5px}.dl dt{color:var(--faint);font-size:12.5px}.dl dd{font-weight:550}.menu-btn{display:none}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:70;width:var(--shell);translate:100% 0;transition:translate .3s var(--ease)}.sidebar.open{translate:0 0}.menu-btn{display:inline-flex}}