@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.3s ease-out fadeIn}.slide-up{animation:.36s cubic-bezier(.16,1,.3,1) slideUp}.slide-down{animation:.3s cubic-bezier(.16,1,.3,1) slideDown}.scale-in{animation:.24s cubic-bezier(.16,1,.3,1) scaleIn}.pulse-anim{animation:2s ease-in-out infinite pulseDot}.skeleton{background:linear-gradient(90deg, var(--bg-2) 0%, var(--line) 50%, var(--bg-2) 100%);background-size:1000px 100%;border-radius:8px;animation:1.6s linear infinite shimmer}
:root{--qd-turquoise:#00b6b6;--qd-blue:#0c7eb4;--qd-purple:#6f4b98;--qd-deep:#393071;--qd-sky:#00c8ec;--qd-green:#00a777;--qd-orange:#ff9300;--qd-red:#d7002c;--brand-turquoise:#00b6b6;--brand-blue:#0c7eb4;--brand-violet:#6f4b98;--brand-purple:#6f4b98;--brand-deep:#393071;--qd-gradient:linear-gradient(135deg,#00b6b6 0%,#0c7eb4 40%,#6f4b98 100%);--grad-1:linear-gradient(135deg,#00b6b6 0%,#6f4b98 100%);--grad-2:linear-gradient(135deg,#00b6b6 0%,#0c7eb4 100%);--grad-aurora:linear-gradient(120deg,#00b6b6,#0c7eb4 35%,#6f4b98 70%,#393071);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--r:10px;--r-2:12px;--r-3:14px;--r-lg:16px;--r-pill:999px;--ease:cubic-bezier(.16,1,.3,1);--t-fast:.16s;--t-base:.24s;--t-slow:.4s;--qt-ease:cubic-bezier(.16,1,.3,1);--qt-fast:.16s;--qt-base:.24s;--font-ar:"IBM Plex Sans Arabic","Tajawal","Cairo",system-ui,sans-serif;--font-en:"Manrope",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-display:"IBM Plex Sans Arabic","Tajawal",sans-serif}html:root[data-theme=dark],html:root{--bg:#0b1020;--bg-2:#121826;--surface-0:#0b1020;--surface-1:#121826;--surface:#121826;--surface-2:#1b2233;--surface-3:#222c42;--surface-sunken:#090d1a;--card:#1b2233;--card-bg:#1b2233;--text-1:#f3f4f6;--text:#f3f4f6;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#64748b;--text-muted:#94a3b8;--text-on-brand:#fff;--line-soft:#ffffff0f;--line:#ffffff14;--line-2:#ffffff1f;--line-firm:#ffffff1f;--line-strong:#ffffff2e;--border:#ffffff14;--primary:#00c2c2;--primary-2:#1e96d6;--primary-3:#2cb0e6;--primary-bg:#00b6b61f;--accent:#a78bda;--accent-2:#c4b0ec;--brand-fg:#2cd1d1;--brand-bg-soft:#00b6b61f;--success:#34d399;--success-bg:#34d39921;--warning:#fbbf24;--warning-bg:#fbbf2421;--danger:#fb7185;--danger-bg:#fb718521;--info:#22d3ee;--info-bg:#22d3ee21;--glow-shadow:#00b6b62e;--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 24px #00000080;--shadow-3:0 14px 40px #0009;--shadow-4:0 28px 70px #000000b3;--shadow:0 6px 24px #00000080}html:root[data-theme=light]{--bg:#f7f8fa;--bg-2:#eef1f6;--surface-0:#f7f8fa;--surface-1:#fff;--surface:#fff;--surface-2:#f0f2f6;--surface-3:#e6e9ef;--surface-sunken:#eceef3;--card:#fff;--card-bg:#fff;--text-1:#1f2937;--text:#1f2937;--text-2:#475569;--text-3:#64748b;--text-4:#94a3b8;--text-muted:#64748b;--text-on-brand:#fff;--line-soft:#0f172a12;--line:#0f172a17;--line-2:#0f172a1a;--line-firm:#0f172a21;--line-strong:#0f172a33;--border:#0f172a17;--primary:#0a8a8a;--primary-2:#0c7eb4;--primary-3:#0e6ea0;--primary-bg:#e6f6f6;--accent:#6f4b98;--accent-2:#8a66b8;--brand-fg:#00807f;--brand-bg-soft:#e6f6f6;--success:#0e8a56;--success-bg:#dff3ea;--warning:#b45309;--warning-bg:#fbeedc;--danger:#dc2626;--danger-bg:#fbe0e2;--info:#0e7490;--info-bg:#def1f6;--glow-shadow:#00b6b62e;--shadow-1:0 1px 2px #0f172a0f;--shadow-2:0 6px 20px #0f172a17;--shadow-3:0 14px 36px #0f172a1f;--shadow-4:0 28px 60px #0f172a29;--shadow:0 6px 20px #0f172a17}html:root[data-theme=navy]{--bg:#0f1729;--bg-2:#16223c;--surface-0:#0f1729;--surface-1:#1a2540;--surface:#1a2540;--surface-2:#243052;--surface-3:#2d3b63;--surface-sunken:#0c1322;--card:#243052;--card-bg:#243052;--text-1:#e2e8f0;--text:#e2e8f0;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#64748b;--text-muted:#94a3b8;--text-on-brand:#fff;--line-soft:#ffffff0f;--line:#ffffff14;--line-2:#ffffff1c;--line-firm:#ffffff1c;--line-strong:#ffffff2e;--border:#ffffff14;--primary:#00c8c8;--primary-2:#38bdf8;--primary-3:#0ea5e9;--primary-bg:#00c8c81f;--accent:#a78bda;--accent-2:#c4b0ec;--brand-fg:#2cd1d1;--brand-bg-soft:#00c8c81f;--success:#34d399;--success-bg:#34d39921;--warning:#fbbf24;--warning-bg:#fbbf2421;--danger:#fb7185;--danger-bg:#fb718521;--info:#38bdf8;--info-bg:#38bdf821;--glow-shadow:#00c8c82e;--shadow-1:0 1px 2px #00000073;--shadow-2:0 6px 24px #0000008c;--shadow-3:0 14px 40px #000000a6;--shadow-4:0 28px 70px #000000bf;--shadow:0 6px 24px #0000008c}body{background:var(--bg);color:var(--text-1);font-family:var(--font-ar);transition:background .4s var(--ease),color .4s var(--ease)}html:root body{background-color:var(--bg)!important}*{font-variant-numeric:tabular-nums}html.theme-transitioning,html.theme-transitioning *{transition:background-color .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease)!important}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aurora{0%{transform:translate(-8%,-6%)rotate(0)scale(1)}50%{transform:translate(8%,8%)rotate(180deg)scale(1.15)}to{transform:translate(-8%,-6%)rotate(360deg)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fade-up .5s var(--ease) both}.animate-scale-in{animation:scale-in .4s var(--ease) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);padding:20px}.glass-card:hover{box-shadow:0 12px 40px var(--glow-shadow);border-color:var(--primary);transform:translateY(-3px)}.gradient-text{background:var(--qd-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);padding:20px;position:relative;overflow:hidden}.stat-card:after{content:"";top:0;background:var(--qd-gradient);opacity:0;height:3px;transition:opacity .3s var(--ease);position:absolute;inset-inline:0}.stat-card:hover{box-shadow:0 12px 40px var(--glow-shadow);border-color:var(--primary);transform:translateY(-4px)}.stat-card:hover:after{opacity:1}.stat-card .stat-number{animation:count-up .6s var(--ease) both;font-size:2rem;font-weight:800;line-height:1.1}.program-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);overflow:hidden}.program-card:hover{box-shadow:0 16px 44px var(--glow-shadow);border-color:var(--primary);transform:translateY(-4px)}.program-card .pc-header{background:var(--qd-gradient);background-size:160% 160%;height:80px;position:relative;overflow:hidden}.program-card .pc-body{padding:18px}.pill-filter{border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .25s var(--ease);background:0 0;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.pill-filter:hover{border-color:var(--primary);color:var(--primary)}.pill-filter.active{background:var(--primary);color:#fff;border-color:var(--primary)}.progress-bar{background:var(--surface-2);border-radius:var(--r-pill);height:7px;overflow:hidden}.progress-bar .progress-fill{border-radius:var(--r-pill);background:var(--qd-gradient);height:100%;transition:width .8s var(--ease)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:10px;animation:1.5s infinite shimmer}.badge{border-radius:var(--r-pill);align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error,.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.hero-gradient{background:var(--qd-gradient);border-radius:var(--radius-xl);color:#fff;background-size:200% 200%;padding:32px;animation:9s infinite gradient-shift;position:relative;overflow:hidden}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particles .p{opacity:.35;background:#fff;border-radius:50%;width:4px;height:4px;animation:8s infinite float;position:absolute}.particles .p:first-child{top:25%;left:12%}.particles .p:nth-child(2){animation-delay:1.2s;top:62%;left:28%}.particles .p:nth-child(3){animation-delay:2.4s;top:30%;left:48%}.particles .p:nth-child(4){animation-delay:3.6s;top:58%;left:66%}.particles .p:nth-child(5){animation-delay:4.8s;top:18%;left:82%}.particles .p:nth-child(6){animation-delay:6s;top:70%;left:92%}.aurora-bg{background:var(--grad-aurora);filter:blur(90px);opacity:.55;pointer-events:none;z-index:0;animation:20s linear infinite aurora;position:absolute;inset:-30%}.tab-list{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);gap:4px;padding:5px;display:inline-flex}.tab-item{border-radius:var(--r-pill);color:var(--text-3);cursor:pointer;transition:all .25s var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:8px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.tab-item:hover{color:var(--text-1)}.tab-item.active{background:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-1)}.chat-bubble{max-width:72%;animation:fade-up .3s var(--ease) both;border-radius:16px;padding:10px 14px;font-size:.9rem;line-height:1.6}.chat-bubble.me{background:var(--qd-gradient);color:#fff;border-bottom-right-radius:4px;margin-inline-start:auto}.chat-bubble.other{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-bottom-left-radius:4px;margin-inline-end:auto}.glow-border{position:relative}.glow-border:before{content:"";border-radius:inherit;background:var(--qd-gradient);-webkit-mask-composite:xor;opacity:0;transition:opacity .3s var(--ease);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-border:hover:before{opacity:1}.drop-zone{border:2px dashed var(--line-firm);border-radius:var(--radius-lg);text-align:center;color:var(--text-3);transition:all .3s var(--ease);cursor:pointer;padding:48px 20px}.drop-zone:hover,.drop-zone.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fade-up .2s var(--ease);background:#080b149e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-4);animation:scale-in .3s var(--ease);padding:28px;overflow:auto}.qd-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);font:inherit;transition:all .25s var(--ease);padding:11px 14px}.qd-input::placeholder{color:var(--text-4)}.qd-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:none}.qd-button{border-radius:var(--radius-sm);cursor:pointer;transition:all .25s var(--ease);border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;display:inline-flex}.qd-button:hover{border-color:var(--primary);color:var(--primary)}.qd-button-primary{background:var(--qd-gradient);color:#fff;border:0}.qd-button-primary:hover{box-shadow:0 6px 20px var(--glow-shadow);color:#fff;transform:translateY(-1px)}.qd-button-ghost{color:var(--text-2);background:0 0;border-color:#0000}.qd-button-ghost:hover{background:var(--surface-2);color:var(--text-1)}.empty-state{text-align:center;color:var(--text-3);padding:56px 20px}.empty-state svg{opacity:.5;margin:0 auto 14px}html:root .qt-kpis,html:root .bento-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:24px;display:grid}html:root .bento-grid.dense{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media (max-width:560px){html:root .qt-kpis,html:root .bento-grid,html:root .bento-grid.dense{grid-template-columns:1fr}}.grid-bg{background-image:linear-gradient(color-mix(in srgb,var(--primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 4%,transparent) 1px,transparent 1px);background-size:64px 64px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-firm);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.skip-to-main{top:8px;z-index:2000;background:var(--primary);color:#fff;border-radius:var(--radius-sm);transition:transform .18s var(--ease);padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;position:fixed;inset-inline-start:8px;transform:translateY(-220%)}.skip-to-main:focus,.skip-to-main:focus-visible{outline:none;transform:translateY(0)}.brand-logo{-o-object-fit:contain;object-fit:contain;display:block}.brand-logo-light{display:none}html:root[data-theme=light] .brand-logo-light{display:block}html:root[data-theme=light] .brand-logo-dark{display:none}html:root .glass-card,html:root .stat-card,html:root .program-card,html:root .modern-card,html:root .card{box-shadow:var(--shadow-1);transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease)}html:root .glass-card:hover,html:root .stat-card:hover,html:root .program-card:hover,html:root .modern-card:hover,html:root .card:hover,html:root .hover-lift:hover{box-shadow:var(--shadow-3);border-color:color-mix(in srgb, var(--primary) 28%, var(--border));transform:translateY(-2px)}@media (max-width:768px){.glass-card,.stat-card,.program-card .pc-body{padding:16px}.hero-gradient{border-radius:var(--radius-lg);padding:22px}.tab-list{justify-content:flex-start;width:100%;overflow-x:auto}.modal-content{padding:20px}.stat-card .stat-number{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}