@font-face{font-family:Cairo;font-weight:400;font-display:swap;src:url(fonts/cairo-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Cairo;font-weight:700;font-display:swap;src:url(fonts/cairo-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Cairo;font-weight:400;font-display:swap;src:url(fonts/cairo-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:Cairo;font-weight:700;font-display:swap;src:url(fonts/cairo-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
:root{--bg:#070f1d;--bg2:#0a1528;--panel:#0e1a2f;--panel2:#12213b;--line:#1c2d4a;--line2:#26395a;--txt:#e7eefb;--mut:#8b9cba;--mut2:#61728f;
--acc:#22c55e;--acc2:#16a34a;--accbg:rgba(34,197,94,.12);--blue:#3b82f6;--amber:#f59e0b;--red:#ef4444;--violet:#8b5cf6;--pink:#ec4899;--cyan:#06b6d4;
--sh:0 1px 0 rgba(255,255,255,.03) inset,0 8px 24px -12px rgba(0,0,0,.6);--r:14px;--sbw:248px}
[data-theme=light]{--bg:#f4f6fb;--bg2:#eef2f8;--panel:#ffffff;--panel2:#f6f8fc;--line:#e3e8f1;--line2:#d4dbe8;--txt:#0d1830;--mut:#5b6b86;--mut2:#8a98b0;--accbg:rgba(22,163,74,.10);--sh:0 1px 2px rgba(16,24,40,.05),0 6px 18px -10px rgba(16,24,40,.18)}
*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--txt);font:14.5px/1.65 Cairo,system-ui,"Segoe UI",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--accbg)}
.app{display:flex;min-height:100vh}
/* sidebar */
.sb{width:var(--sbw);flex:none;background:var(--bg2);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:40}
.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#0ea5e9 140%);display:grid;place-items:center;color:#04210f;font-weight:800;font-size:15px;box-shadow:0 6px 18px -6px rgba(34,197,94,.6)}
.brand b{font-size:16px;letter-spacing:.2px}.brand b span{color:var(--acc)}.brand small{display:block;color:var(--mut2);font-size:11.5px;margin-top:-3px}
.nav{padding:6px 10px;overflow:auto;flex:1}
.nav .sec{color:var(--mut2);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:14px 10px 6px}
.nav a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;color:var(--mut);font-weight:600;margin:1px 0;text-decoration:none;position:relative}
.nav a:hover{background:var(--panel);color:var(--txt)}
.nav a.on{background:var(--accbg);color:var(--txt)}.nav a.on svg{color:var(--acc)}
.nav a.on::before{content:"";position:absolute;inset-inline-start:-10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--acc)}
.nav a .cnt{margin-inline-start:auto;background:var(--panel2);border:1px solid var(--line);color:var(--mut);font-size:11px;border-radius:20px;padding:0 7px;min-width:22px;text-align:center}
.nav a .cnt.hot{background:var(--acc);border-color:var(--acc);color:#04210f}
.sbf{padding:12px;border-top:1px solid var(--line);display:flex;gap:6px}
svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* main */
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 22px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top h1{font-size:17px;margin:0;font-weight:700;white-space:nowrap}
.crumb{color:var(--mut2);font-size:12.5px}
.search{flex:1;max-width:440px;margin-inline-start:auto;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 10px;color:var(--mut);cursor:text}
.search{min-width:0}.top .pill{flex:none}.search input{border:0;background:transparent;outline:0;flex:1;min-width:0;color:var(--txt)}
kbd{font:11px/1 ui-monospace,monospace;border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;padding:2px 5px;color:var(--mut)}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}
.dot{width:8px;height:8px;border-radius:50%;background:var(--mut2);flex:none}
.dot.ok{background:var(--acc);box-shadow:0 0 0 3px rgba(34,197,94,.18)}.dot.warn{background:var(--amber);box-shadow:0 0 0 3px rgba(245,158,11,.18)}.dot.bad{background:var(--red);box-shadow:0 0 0 3px rgba(239,68,68,.18)}
.dot.pulse{animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.45}}
.ib{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--mut)}
.ib:hover{color:var(--txt);border-color:var(--line2)}
.content{padding:22px;max-width:1320px;width:100%;margin:0 auto;flex:1}
.ph{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ph h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.2px}.ph p{margin:2px 0 0;color:var(--mut);font-size:13.5px}
.ph .sp{flex:1}
/* cards */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:16px}
.card h3{margin:0 0 10px;font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.card h3 .sp{flex:1}
.grid{display:grid;gap:14px}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gauto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gsm{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.span2{grid-column:span 2}.span3{grid-column:span 3}
.kpi{position:relative;overflow:hidden}
.kpi .lb{color:var(--mut);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:7px}
.kpi .lb .ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--accbg);color:var(--acc)}
.kpi .v{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-top:8px;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi .s{color:var(--mut);font-size:12.5px;margin-top:4px}
.kpi .spark{position:absolute;inset-inline-end:12px;bottom:10px;opacity:.9}
.mut{color:var(--mut)}.mut2{color:var(--mut2)}.sm{font-size:12.5px}.xs{font-size:11.5px}.b{font-weight:700}
.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row.nw{flex-wrap:nowrap}.sp{flex:1}
.col{display:flex;flex-direction:column;gap:8px}
.ltr{direction:ltr;unicode-bidi:isolate}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--mut);white-space:nowrap}
.tag.g{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:#4ade80}.tag.r{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#f87171}
.tag.a{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3);color:#fbbf24}.tag.bl{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3);color:#60a5fa}
.tag.v{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3);color:#a78bfa}
[data-theme=light] .tag.g{color:#15803d}[data-theme=light] .tag.r{color:#b91c1c}[data-theme=light] .tag.a{color:#b45309}[data-theme=light] .tag.bl{color:#1d4ed8}[data-theme=light] .tag.v{color:#6d28d9}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:7px 13px;font-weight:700;font-size:13.5px;cursor:pointer;background:var(--acc);color:#04210f;transition:.15s;white-space:nowrap;text-decoration:none}
.btn:hover{filter:brightness(1.07);text-decoration:none}.btn:active{transform:translateY(1px)}
.btn.gh{background:var(--panel2);border-color:var(--line);color:var(--txt)}.btn.gh:hover{border-color:var(--line2)}
.btn.red{background:transparent;border-color:rgba(239,68,68,.4);color:#f87171}.btn.red:hover{background:rgba(239,68,68,.1)}
.btn.sm{padding:4px 10px;font-size:12.5px;border-radius:8px}.btn.xs{padding:2px 8px;font-size:12px;border-radius:7px}
.btn[disabled]{opacity:.55;pointer-events:none}
.btn .i{width:16px;height:16px}
.seg{display:inline-flex;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{border:0;background:transparent;color:var(--mut);padding:5px 11px;border-radius:7px;font-weight:700;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.seg button.on{background:var(--panel);color:var(--txt);box-shadow:0 1px 3px rgba(0,0,0,.25)}
/* forms */
label.f{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:700;color:var(--mut)}
input.in,select.in,textarea.in{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 11px;color:var(--txt);outline:0;transition:.15s}
input.in:focus,select.in:focus,textarea.in:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--accbg)}
textarea.in{min-height:90px;resize:vertical;line-height:1.7}
.drop{border:1.5px dashed var(--line2);border-radius:12px;padding:18px;text-align:center;color:var(--mut);cursor:pointer;background:var(--bg2)}
.drop:hover,.drop.over{border-color:var(--acc);color:var(--txt)}
/* tables / lists */
.list>*+*{border-top:1px solid var(--line)}
.li{display:flex;gap:12px;align-items:center;padding:10px 4px}
.prog{height:6px;border-radius:6px;background:var(--panel2);overflow:hidden;border:1px solid var(--line)}
.prog>i{display:block;height:100%;background:linear-gradient(90deg,var(--acc2),var(--acc));border-radius:6px;transition:width .5s}
.prog.a>i{background:var(--amber)}.prog.r>i{background:var(--red)}
.prog.run>i{background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%);background-size:16px 16px;animation:stripes 1s linear infinite;background-color:var(--acc)}
@keyframes stripes{to{background-position:16px 0}}
/* unit card */
.ucard .hd{display:flex;align-items:flex-start;gap:10px}
.ucard .nm{font-weight:700}.ucard .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--mut);font-size:12px;margin:10px 0}
.ucard .meta b{color:var(--txt);font-weight:700}
.term{background:#050b16;color:#b9c6dc;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:11.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;height:240px;overflow:auto;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;margin-top:10px}
[data-theme=light] .term{background:#0b1426;color:#c8d3e6}
.term .e{color:#f87171}.term .w{color:#fbbf24}.term .o{color:#4ade80}
/* chat */
.msg{padding:8px 12px;border-radius:14px;max-width:82%;white-space:pre-wrap;word-break:break-word;font-size:13.5px}
.msg.in{background:var(--panel2);border:1px solid var(--line);align-self:flex-start;border-start-start-radius:4px}
.msg.out{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.25);align-self:flex-end;border-start-end-radius:4px}
.thread{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto;padding:4px}
/* gallery */
.media{aspect-ratio:1;background:var(--bg2);border-radius:10px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}
.media img,.media video{width:100%;height:100%;object-fit:cover}
.media.tall{aspect-ratio:9/16}
/* toasts */
.toasts{position:fixed;bottom:18px;inset-inline-end:18px;display:flex;flex-direction:column;gap:8px;z-index:100}
.toast{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:10px 14px;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);display:flex;gap:9px;align-items:center;min-width:240px;max-width:380px;animation:tin .25s ease}
.toast.ok{border-inline-start:3px solid var(--acc)}.toast.err{border-inline-start:3px solid var(--red)}.toast.info{border-inline-start:3px solid var(--blue)}
@keyframes tin{from{opacity:0;transform:translateY(8px)}}
/* skeleton */
.sk{background:linear-gradient(90deg,var(--panel2),var(--line),var(--panel2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:10px}
@keyframes sk{to{background-position:-200% 0}}
/* palette */
.ov{position:fixed;inset:0;background:rgba(3,8,18,.55);backdrop-filter:blur(3px);z-index:90;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
.pal{width:min(620px,92vw);background:var(--panel);border:1px solid var(--line2);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);overflow:hidden}
.pal input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 18px;font-size:15px;outline:0;color:var(--txt)}
.pal .res{max-height:55vh;overflow:auto;padding:6px}
.pal .it{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;cursor:pointer}
.pal .it.on,.pal .it:hover{background:var(--accbg)}
.pal .grp{font-size:11px;color:var(--mut2);font-weight:700;padding:8px 12px 2px;text-transform:uppercase}
/* calendar */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.cal .d{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:9px;min-height:84px;cursor:pointer}
.cal .d.on{border-color:var(--acc);box-shadow:0 0 0 3px var(--accbg)}.cal .d.today .n{color:var(--acc)}
.cal .d .n{font-weight:800;font-size:13px}.cal .d .w{color:var(--mut2);font-size:11px}
.cal .bars{display:flex;gap:3px;margin-top:8px;flex-wrap:wrap}
.cal .bars i{height:6px;border-radius:3px;display:block}
.pf{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;color:#fff;font-size:11px;font-weight:800}
.pf.facebook{background:#1877f2}.pf.fb_profile{background:#4267b2}.pf.tiktok{background:#111;border:1px solid #333}.pf.youtube{background:#ff0033}.pf.instagram{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}
details.acc{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:10px;box-shadow:var(--sh)}
details.acc>summary{list-style:none;cursor:pointer;padding:13px 16px;display:flex;align-items:center;gap:10px;font-weight:700}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary .chev{margin-inline-start:auto;transition:.2s;color:var(--mut)}details.acc[open]>summary .chev{transform:rotate(180deg)}
details.acc>.bd{padding:0 16px 16px}
.kv{display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line)}
.kv:last-child{border-bottom:0}
.empty{text-align:center;color:var(--mut);padding:40px 10px}
.empty svg{width:40px;height:40px;opacity:.5;margin-bottom:6px}
.bn{display:none}
.scrim{display:none}
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.span3{grid-column:span 2}}
@media (max-width:860px){
 .sb{position:fixed;inset-block:0;inset-inline-start:0;transform:translateX(calc(var(--sbw) * var(--dirx,1)));transition:transform .25s;box-shadow:0 0 40px rgba(0,0,0,.5)}
 [dir=rtl] .sb{--dirx:1}[dir=ltr] .sb{--dirx:-1}
 body.nav-open .sb{transform:none}body.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35}
 .top{padding:9px 12px;gap:8px}.top .crumb,.search kbd{display:none}.search{max-width:none}.top h1{font-size:15px}#hpt{font-size:11.5px}
 .content{padding:14px 12px 90px}
 .g4,.g3,.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.span2,.span3{grid-column:span 2}.gauto{grid-template-columns:1fr}
 .kpi .v{font-size:24px}.kpi .spark{display:none}
 .bn{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:45;background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 .bn a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--mut);font-size:10.5px;font-weight:700;padding:4px 0;text-decoration:none}
 .bn a.on{color:var(--acc)}
 .cal{grid-template-columns:repeat(7,minmax(38px,1fr));overflow-x:auto}.cal .d{min-height:64px;padding:6px}
 .kv{grid-template-columns:1fr}
 .toasts{inset-inline:12px;bottom:80px}.toast{max-width:none}
 .hide-m{display:none!important}
}
@media (min-width:861px){.only-m{display:none!important}}
@media (max-width:760px){.gstack{grid-template-columns:1fr!important}}