.notif-root{position:relative;font-family:Tajawal,sans-serif}.notif-bell{position:relative;width:40px;height:40px;border-radius:50%;border:none;background:rgba(124,58,237,.12);color:var(--text-color, #1a202c);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s,transform .2s}.notif-bell:hover{background:rgba(124,58,237,.22);transform:scale(1.05)}body.dark .notif-bell{color:#f7fafc;background:rgba(168,85,247,.18)}body.dark .notif-bell:hover{background:rgba(168,85,247,.3)}.notif-badge{position:absolute;top:-2px;left:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--card-bg, #fff);animation:notifPulse 2s ease-in-out infinite}@keyframes notifPulse{0%,to{box-shadow:0 0 0 2px var(--card-bg, #fff),0 0 #ef44448c}50%{box-shadow:0 0 0 2px var(--card-bg, #fff),0 0 0 6px #ef444400}}.notif-panel{position:absolute;top:calc(100% + 10px);left:0;right:auto;width:360px;max-width:92vw;max-height:520px;background:var(--card-bg, #fff);color:var(--text-color, #1a202c);border:1px solid rgba(124,58,237,.2);border-radius:14px;box-shadow:0 16px 40px #0000002e;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:notifSlideIn .18s ease-out}body.dark .notif-panel{background:#1e1e2f;color:#f7fafc;border-color:#a855f759;box-shadow:0 16px 40px #00000080}@media (max-width: 480px){.notif-panel{width:85vw;max-width:340px;right:auto;left:50%;transform:translate(-50%);max-height:70vh}.notif-list{overflow-y:auto;max-height:55vh}.notif-item{padding:12px 14px;gap:10px;min-height:auto}.notif-icon{width:32px;height:32px;flex-shrink:0}.notif-body{overflow:hidden;text-overflow:ellipsis}.notif-title{font-size:.9rem;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.notif-message{font-size:.82rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-top:4px}.notif-time{font-size:.7rem;white-space:nowrap;flex-shrink:0}.notif-delete{width:28px;height:28px;font-size:.85rem;flex-shrink:0}.notif-compose{gap:6px;padding:10px 12px}.notif-compose-row{flex-wrap:wrap;gap:6px}.notif-compose-row select{flex:1 1 100px;min-width:0}}.notif-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(124,58,237,.15);flex-shrink:0}.notif-panel-head strong{font-size:1rem}.notif-panel-actions{display:flex;gap:6px}.notif-mark-read,.notif-compose-toggle{border:none;background:transparent;color:#8b5cf6;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.notif-mark-read:hover,.notif-compose-toggle:hover{background:rgba(139,92,246,.12)}.notif-compose{padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:rgba(124,58,237,.05);border-bottom:1px solid rgba(124,58,237,.15);flex-shrink:0}body.dark .notif-compose{background:rgba(168,85,247,.1)}.notif-compose input,.notif-compose textarea,.notif-compose select{font-family:inherit;font-size:.88rem;padding:8px 10px;border-radius:8px;border:1px solid rgba(124,58,237,.25);background:var(--card-bg, #fff);color:var(--text-color, #1a202c);outline:none;resize:vertical}body.dark .notif-compose input,body.dark .notif-compose textarea,body.dark .notif-compose select{background:#2d3748;color:#f7fafc;border-color:#a855f766}.notif-compose input:focus,.notif-compose textarea:focus,.notif-compose select:focus{border-color:#8b5cf6}.notif-compose-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notif-compose-row select{flex:1 1 120px;min-width:0}.notif-grade-tag{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;font-size:11px;font-weight:700;color:#6d28d9;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);border-radius:999px;width:fit-content}body.dark .notif-grade-tag{color:#c4b5fd;background:rgba(139,92,246,.18);border-color:#a78bfa59}.notif-send{border:none;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;padding:8px 14px;border-radius:8px;font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.notif-send:hover{filter:brightness(1.08)}.notif-list{overflow-y:auto;flex:1}.notif-empty{padding:40px 20px;text-align:center;color:var(--text-color, #1a202c);opacity:.55}.notif-empty i{font-size:2rem;margin-bottom:8px;display:block}.notif-empty p{margin:0;font-size:.9rem}.notif-item{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid rgba(124,58,237,.08);cursor:pointer;transition:background .15s;position:relative}.notif-item:hover{background:rgba(124,58,237,.06)}body.dark .notif-item:hover{background:rgba(168,85,247,.1)}.notif-item:last-child{border-bottom:none}.notif-unread:before{content:"";position:absolute;top:50%;right:6px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);transform:translateY(-50%)}.notif-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem}.notif-info .notif-icon{background:rgba(59,130,246,.15);color:#3b82f6}.notif-warning .notif-icon{background:rgba(245,158,11,.18);color:#d97706}.notif-danger .notif-icon{background:rgba(239,68,68,.18);color:#dc2626}.notif-success .notif-icon{background:rgba(16,185,129,.18);color:#10b981}.notif-nav-hint{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:.72rem;font-weight:600;color:#8b5cf6;opacity:.7;transition:opacity .15s}.notif-item:hover .notif-nav-hint{opacity:1}body.dark .notif-nav-hint{color:#a78bfa}.notif-body{flex:1;min-width:0}.notif-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.notif-title{font-weight:700;font-size:.92rem}.notif-time{font-size:.72rem;opacity:.6;flex-shrink:0}.notif-message{font-size:.84rem;line-height:1.55;opacity:.85;word-break:break-word}.notif-delete{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px 6px;border-radius:6px;opacity:.55;transition:opacity .15s,background .15s;flex-shrink:0}.notif-delete:hover{opacity:1;background:rgba(239,68,68,.1)}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:root{--bg-color: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-secondary: #f0f2f8;--text-color: #1a202c;--card-bg: #ffffff;--primary: var(--primary, #7c3aed);--secondary: var(--secondary, #06b6d4);--success: #48bb78;--warning: #ed8936;--shadow: 0 4px 20px rgba(124, 58, 237, .12);--shadow-hover: 0 12px 36px rgba(124, 58, 237, .2);--gradient-success: linear-gradient(135deg, #48bb78, #38a169);--gradient-warning: linear-gradient(135deg, #ed8936, #dd6b20);--page-bg: #f0f2f8;--page-bg-secondary: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--border-light: #e2e8f0;--hover-bg: #f0f2f8;--mh-h: 84px;--mh-bg: rgba(255, 255, 255, .78);--mh-bg-solid: #ffffff;--mh-border: rgba(15, 23, 42, .07);--mh-text: #0f172a;--mh-muted: #64748b;--mh-hover: rgba(102, 126, 234, .09);--mh-active-bg: linear-gradient(135deg, rgba(102, 126, 234, .13), rgba(118, 75, 162, .13));--mh-active-fg: #4f46e5;--mh-ring: rgba(102, 126, 234, .4);--mh-shadow: 0 1px 0 rgba(15, 23, 42, .04);--mh-shadow-elev: 0 10px 30px -16px rgba(102, 126, 234, .28), 0 2px 6px -2px rgba(15, 23, 42, .06), 0 1px 0 rgba(15, 23, 42, .06)}body.dark{--bg-color: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--bg-secondary: #0f0f23;--text-color: #f7fafc;--card-bg: #2d3748;--shadow: 0 10px 30px rgba(0, 0, 0, .3);--shadow-hover: 0 20px 40px rgba(0, 0, 0, .4);--page-bg: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);--page-bg-secondary: #2d3748;--text-primary: #f7fafc;--text-secondary: #cbd5e1;--text-muted: #a0aec0;--border-light: rgba(255, 255, 255, .08);--hover-bg: rgba(255, 255, 255, .08);--mh-bg: rgba(17, 24, 39, .78);--mh-bg-solid: #0f172a;--mh-border: rgba(255, 255, 255, .08);--mh-text: #e5e7eb;--mh-muted: #94a3b8;--mh-hover: rgba(255, 255, 255, .08);--mh-active-bg: linear-gradient(135deg, var(--primary-soft, rgba(129, 140, 248, .2)), var(--secondary-soft, rgba(167, 139, 250, .18)));--mh-active-fg: var(--primary);--mh-ring: var(--primary-glow, rgba(129, 140, 248, .5));--mh-shadow: 0 1px 0 rgba(0, 0, 0, .4);--mh-shadow-elev: 0 14px 34px -18px rgba(0, 0, 0, .7), 0 2px 8px -2px rgba(0, 0, 0, .35), 0 1px 0 rgba(0, 0, 0, .5)}.mh{position:sticky;top:0;z-index:1000;width:100%;min-height:var(--mh-h);height:auto;background:var(--mh-bg);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--mh-border);box-shadow:var(--mh-shadow);transition:box-shadow .35s ease,background .35s ease,height .25s ease;font-family:Tajawal,sans-serif;color:var(--mh-text);isolation:isolate;padding-top:env(safe-area-inset-top,0px)}.mh:before,.mh:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.mh:before{background:radial-gradient(600px 100px at 12% 0%,rgba(102,126,234,.18),transparent 70%),radial-gradient(500px 120px at 88% 100%,rgba(118,75,162,.16),transparent 70%);opacity:.9}.mh:after{bottom:-1px;top:auto;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.45) 25%,rgba(118,75,162,.45) 75%,transparent 100%);opacity:.5}body.dark .mh:before{background:radial-gradient(600px 110px at 12% 0%,rgba(129,140,248,.16),transparent 70%),radial-gradient(520px 130px at 88% 100%,rgba(167,139,250,.14),transparent 70%)}.mh--scrolled{box-shadow:var(--mh-shadow-elev)}.mh__inner{min-height:var(--mh-h);height:auto;max-width:1320px;margin:0 auto;padding:10px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;box-sizing:border-box}.mh__brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:inherit;outline:none;border-radius:14px;padding:4px;transition:transform .25s ease}.mh__brand:hover{transform:translateY(-1px)}.mh__brand:focus-visible{box-shadow:0 0 0 3px var(--mh-ring)}.mh__mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:inline-flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 22px -8px #667eea8c,0 2px #ffffff2e inset,0 -8px 16px -8px #0000002e inset;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.mh__mark:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0) 40%,rgba(255,255,255,.45) 70%,rgba(255,255,255,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;animation:mh-spin 6s linear infinite}.mh__mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 0% 0%,rgba(255,255,255,.3),transparent 60%),radial-gradient(140% 100% at 100% 100%,rgba(0,0,0,.18),transparent 55%);pointer-events:none}.mh__brand:hover .mh__mark{transform:rotate(-4deg) scale(1.04);box-shadow:0 14px 30px -10px #667eeaa6,0 2px #ffffff38 inset}.mh__brand:hover .mh__mark:before{opacity:1}.mh__mark-letter{font-weight:800;font-size:24px;line-height:1;font-family:Tajawal,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.18);position:relative;z-index:1}.mh__mark-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.mh__wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.mh__brand-name{font-size:clamp(14px,1.15vw,17px);font-weight:800;letter-spacing:.2px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.25;width:auto;max-width:220px}body.dark .mh__brand-name{background:linear-gradient(135deg,#c7d2fe 0%,#ddd6fe 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mh__brand-tag{font-size:11.5px;font-weight:600;color:var(--mh-muted);margin-top:3px;letter-spacing:.4px;text-transform:uppercase}.mh__nav{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:5px;border-radius:14px;justify-self:center;background:rgba(102,126,234,.05);border:1px solid var(--mh-border);box-shadow:inset 0 1px #ffffff80}body.dark .mh__nav{background:rgba(148,163,184,.06);box-shadow:inset 0 1px #ffffff0a}.mh__link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--mh-muted);font-size:13.5px;font-weight:700;line-height:1;transition:color .2s ease,background .2s ease,transform .2s ease;white-space:nowrap}.mh__link i{font-size:13.5px;opacity:.85;transition:transform .25s ease,opacity .2s ease}.mh__link:hover{color:var(--mh-text);background:var(--mh-hover)}.mh__link:hover i{transform:translateY(-1px) scale(1.1);opacity:1}.mh__link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--mh-ring)}.mh__link.is-active{color:var(--mh-active-fg);background:var(--mh-active-bg);box-shadow:inset 0 0 0 1px #667eea33,0 4px 12px -6px #667eea66}.mh__link.is-active:after{content:"";position:absolute;bottom:-2px;left:50%;width:18px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:translate(-50%,100%);box-shadow:0 4px 10px -2px #7c3aed80}.mh__actions{display:inline-flex;align-items:center;gap:8px;justify-self:end}.mh__icon-btn{width:44px;height:44px;border-radius:12px;background:var(--mh-bg-solid);color:var(--mh-text);border:1px solid var(--mh-border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;font-size:16px;position:relative;overflow:hidden}.mh__icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));opacity:0;transition:opacity .2s ease}.mh__icon-btn:hover{border-color:transparent;box-shadow:0 6px 16px -8px #667eea80;color:var(--mh-active-fg);transform:translateY(-1px)}.mh__icon-btn:hover:before{opacity:1}.mh__icon-btn:active{transform:scale(.96)}.mh__icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--mh-ring)}.mh__icon-btn i{position:relative;z-index:1;transition:transform .35s ease}.mh__icon-btn:hover i{transform:rotate(20deg)}.mh__user{display:inline-flex;align-items:center;gap:8px;padding:4px;padding-inline-end:12px;line-height:1;border-radius:18px;border:1px solid var(--mh-border);background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(99,102,241,.04));max-width:240px;box-shadow:0 1px 2px #0f172a0a,inset 0 1px #ffffff80;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease,background .25s ease;position:relative}body.dark .mh__user{background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(99,102,241,.08));box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff0f}.mh__user:hover{transform:translateY(-1px);border-color:#7c3aed59;box-shadow:0 8px 22px -10px #7c3aed80,inset 0 1px #ffffff80}.mh__avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-weight:800;font-size:15px;flex:0 0 auto;box-shadow:0 0 0 2px var(--mh-bg-solid),0 0 0 3px #7c3aed40,0 6px 16px -4px #7c3aed80,inset 0 1px #ffffff4d;position:relative;letter-spacing:.3px;transition:transform .3s ease,box-shadow .3s ease}.mh__user:hover .mh__avatar{transform:scale(1.06) rotate(-3deg);box-shadow:0 0 0 2px var(--mh-bg-solid),0 0 0 3px #7c3aed73,0 8px 20px -4px #7c3aed99,inset 0 1px #ffffff59}.mh__avatar:after{content:"";position:absolute;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#4ade80,#16a34a);border-radius:50%;bottom:-1px;inset-inline-end:-1px;box-shadow:0 0 0 2px var(--mh-bg-solid),0 0 8px #22c55eb3;animation:mhPulse 2.2s ease-in-out infinite}@keyframes mhPulse{0%,to{box-shadow:0 0 0 2px var(--mh-bg-solid),0 0 #22c55e8c}50%{box-shadow:0 0 0 2px var(--mh-bg-solid),0 0 0 5px #22c55e00}}.mh__avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.mh__avatar--lg{width:52px;height:52px;font-size:20px;border-radius:14px}.mh__avatar--lg:after{display:none}.mh__user-meta{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.15;min-width:0;padding-block:2px}.mh__user-hi{font-size:10.5px;color:var(--mh-muted);font-weight:600;letter-spacing:.3px;opacity:.85;margin-bottom:2px}.mh__user-name{font-size:13.5px;font-weight:800;background:linear-gradient(135deg,var(--mh-text),var(--mh-text) 40%,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--mh-text);direction:ltr;text-align:start;white-space:normal;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;line-height:1.25;max-width:260px;min-width:0;margin-top:2px}.mh__logout{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;flex:0 0 auto;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease;position:relative;overflow:hidden;box-shadow:0 8px 18px -8px #dc26268c,inset 0 1px #ffffff40}.mh__logout:before{content:"";position:absolute;top:0;inset-inline-start:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:inset-inline-start .55s ease;pointer-events:none}.mh__logout i{font-size:13px;transition:transform .25s ease;position:relative;z-index:1}.mh__logout span{position:relative;z-index:1;white-space:nowrap}.mh__logout:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 12px 24px -10px #dc2626b3,inset 0 1px #ffffff4d}.mh__logout:hover:before{inset-inline-start:120%}.mh__logout:hover i{transform:translate(2px)}.mh__logout:active{transform:translateY(0)}.mh__logout:focus-visible{outline:none;box-shadow:0 0 0 3px #ef444473,0 8px 18px -8px #dc26268c}.mh__logout--full{width:100%;justify-content:center;height:48px;font-size:14px}.mh__burger{display:none;width:44px;height:44px;border-radius:12px;background:var(--mh-bg-solid);border:1px solid var(--mh-border);cursor:pointer;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;transition:background .2s ease,border-color .2s ease}.mh__burger span{width:20px;height:2.5px;background:var(--mh-text);border-radius:2px;transition:transform .3s ease,opacity .2s ease}.mh__burger.is-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.mh__burger.is-open span:nth-child(2){opacity:0}.mh__burger.is-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mh__burger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--mh-ring)}.mh-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:1100}.mh-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto}.mh-drawer__panel{position:absolute;top:0;inset-inline-end:0;height:100%;width:min(380px,88vw);background:var(--mh-bg-solid);color:var(--mh-text);border-inline-start:1px solid var(--mh-border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:-24px 0 50px -22px #0f172a59;font-family:Tajawal,sans-serif}[dir=rtl] .mh-drawer__panel{transform:translate(-100%)}.mh-drawer.is-open .mh-drawer__panel{transform:translate(0)}.mh-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--mh-border);flex:0 0 auto;background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.06))}.mh-drawer__user{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--mh-border);flex:0 0 auto}.mh-drawer__user-name{font-size:15.5px;font-weight:800;color:var(--mh-text)}.mh-drawer__user-role{display:inline-block;font-size:11.5px;color:var(--mh-active-fg);background:var(--mh-active-bg);margin-top:4px;padding:3px 10px;border-radius:999px;font-weight:700}.mh-drawer__nav{display:flex;flex-direction:column;gap:4px;padding:16px;flex:1 1 auto;overflow-y:auto;min-height:0}.mh-drawer__link{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:12px;text-decoration:none;color:var(--mh-text);font-size:14.5px;font-weight:700;transition:background .2s ease,color .2s ease,transform .2s ease;border:1px solid transparent}.mh-drawer__link>i:first-child{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(102,126,234,.1);font-size:14px;color:var(--mh-active-fg);transition:background .2s ease,color .2s ease,transform .25s ease;flex:0 0 auto}.mh-drawer__link>span{flex:1}.mh-drawer__link-arrow{font-size:11px;color:var(--mh-muted);opacity:.5;transition:transform .25s ease,opacity .2s ease}.mh-drawer__link:hover{background:var(--mh-hover);transform:translate(-2px)}.mh-drawer__link:hover>i:first-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.06)}.mh-drawer__link:hover .mh-drawer__link-arrow{opacity:1;transform:translate(-4px);color:var(--mh-active-fg)}.mh-drawer__link.is-active{background:var(--mh-active-bg);color:var(--mh-active-fg);border-color:#667eea33}.mh-drawer__link.is-active>i:first-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mh-drawer__foot{padding:16px 20px;border-top:1px solid var(--mh-border);flex:0 0 auto}@keyframes mh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.mh,.mh__brand,.mh__mark,.mh__link,.mh__icon-btn,.mh__logout,.mh__user,.mh-drawer__panel,.mh-drawer__link,.mh__burger span{transition:none!important}.mh__mark:before{animation:none}}@media (max-width: 1300px){.mh__inner{gap:18px;padding:10px 22px}.mh__link{padding:9px 13px;font-size:13.5px;gap:8px}.mh__nav{padding:5px;gap:3px}.mh__user{max-width:260px;padding-inline-end:12px}.mh__user-name{max-width:220px}.mh__logout span{display:none}.mh__logout{padding:0 12px}}@media (max-width: 1220px){.mh__inner{gap:14px;padding:10px 18px}.mh__brand-tag{display:none}.mh__brand{gap:10px}.mh__link{padding:8px 11px;font-size:13px;gap:7px}.mh__link i{font-size:12.5px}.mh__actions{gap:8px}.mh__icon-btn{width:40px;height:40px}.mh__logout{height:40px;padding:0 12px;font-size:13px}.mh__user{padding-inline-end:4px;padding:3px}.mh__user-meta{display:none}.mh__avatar{width:32px;height:32px;font-size:13px}}@media (max-width: 1100px){.mh__inner{gap:10px;padding:10px 14px}.mh__wordmark{display:none}.mh__link{padding:9px 10px}.mh__link span{display:none}.mh__link i{font-size:15px;opacity:1}.mh__link.is-active:after{display:none}}@media (max-width: 900px){.mh__user{display:none}.mh__inner{gap:8px;padding:10px 12px}}@media (max-width: 1150px){.mh__nav,.mh__user{display:none}.mh__actions>.mh__logout{display:none}.mh__burger{display:inline-flex}.mh__inner{grid-template-columns:1fr auto;gap:12px;padding:10px 16px}.mh__wordmark{display:flex}.mh__brand-tag{display:none}.mh__brand-name{font-size:16px;max-width:200px;width:auto}}@media (max-width: 480px){:root{--mh-h: 72px}.mh__brand-tag{display:none}.mh__mark{width:42px;height:42px;border-radius:12px}.mh__mark-letter{font-size:21px}.mh__brand-name{font-size:15px;max-width:170px;width:auto}.mh__icon-btn,.mh__burger{width:40px;height:40px}}.header-back{width:40px;height:40px;border-radius:50%;border:none;background:rgba(124,58,237,.12);color:var(--text-color, #1a202c);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s,transform .2s}.header-back:hover{background:rgba(124,58,237,.22);transform:scale(1.05)}body.dark .header-back{color:#f7fafc;background:rgba(168,85,247,.18)}body.dark .header-back:hover{background:rgba(168,85,247,.3)}.nav-badge-pending{background:#f59e0b;color:#fff;font-size:.72rem;font-weight:800;padding:1px 6px;border-radius:999px;min-width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 8px #f59e0b8c;animation:pulse-orange 2s infinite;margin-inline-start:6px}@keyframes pulse-orange{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 5px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.mh__pending-ribbon{background:linear-gradient(90deg,#b45309 0%,#d97706 100%);color:#fff;padding:8px 16px;font-size:13.5px;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1a;width:100%;box-sizing:border-box;z-index:10}.mh__pending-ribbon a{color:#fff;text-decoration:underline;font-weight:800;transition:opacity .2s}.mh__pending-ribbon a:hover{opacity:.85}.mh__pending-ribbon i{font-size:14px}:root{--mh-ease: cubic-bezier(.22, 1, .36, 1)}.mh{-webkit-backdrop-filter:saturate(190%) blur(22px);backdrop-filter:saturate(190%) blur(22px);background:color-mix(in srgb,var(--mh-bg) 100%,transparent)}.mh--scrolled{box-shadow:0 1px 0 var(--mh-border),0 12px 28px -18px #667eea59,0 2px 8px -2px #0f172a0f}body.dark .mh--scrolled{box-shadow:0 1px #ffffff0f,0 18px 36px -20px #000000bf,0 2px 10px -2px #0006}.mh__mark{border-radius:16px;box-shadow:0 10px 24px -8px #667eea8c,0 1px #ffffff38 inset,0 -10px 18px -10px #00000038 inset}.mh__nav{border-radius:16px;padding:6px;background:color-mix(in srgb,var(--primary) 5%,transparent)}body.dark .mh__nav{background:rgba(148,163,184,.07);border-color:#ffffff12}.mh__link{border-radius:11px;transition:color .25s var(--mh-ease),background .25s var(--mh-ease),transform .25s var(--mh-ease)}.mh__link.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent),0 6px 16px -8px color-mix(in srgb,var(--primary) 60%,transparent)}.mh__icon-btn{border-radius:13px;background:color-mix(in srgb,var(--mh-bg-solid) 92%,transparent)}.mh__icon-btn:hover{box-shadow:0 8px 22px -10px color-mix(in srgb,var(--primary) 60%,transparent)}.mh__avatar{box-shadow:0 0 0 2px var(--mh-bg-solid),0 0 0 3.5px color-mix(in srgb,var(--primary) 30%,transparent),0 8px 20px -6px color-mix(in srgb,var(--primary) 55%,transparent),inset 0 1px #ffffff59}.mh__logout{border-radius:13px;background:linear-gradient(135deg,#f43f5e 0%,#dc2626 100%);box-shadow:0 10px 22px -10px #dc2626a6,inset 0 1px #ffffff47}.mh__logout:hover{box-shadow:0 14px 28px -12px #f43f5ebf,inset 0 1px #ffffff52}.mh-drawer{background:rgba(15,23,42,.55)}body.dark .mh-drawer{background:rgba(2,6,23,.65)}.mh-drawer__panel{box-shadow:-30px 0 70px -28px #0f172a73}body.dark .mh-drawer__panel{box-shadow:-30px 0 70px -28px #000000d9;background:linear-gradient(180deg,#0f172a 0%,#0b1224 100%)}.mh-drawer__link{border-radius:14px;transition:background .25s var(--mh-ease),color .25s var(--mh-ease),transform .25s var(--mh-ease),border-color .25s ease}.mh__pending-ribbon{background:linear-gradient(90deg,#b45309 0%,#d97706 50%,#f59e0b 100%);box-shadow:inset 0 1px #ffffff1f,0 6px 16px -10px #f59e0b8c}@media (prefers-reduced-motion: reduce){.mh,.mh__link,.mh__icon-btn,.mh__logout,.mh__user,.mh-drawer__panel,.mh-drawer__link{transition:none!important}}.mh__link[href="/control-panel"].is-active{background:transparent!important;box-shadow:none!important;color:#5bc2e7!important}.mh__link[href="/control-panel"].is-active:after{content:""!important;position:absolute!important;bottom:-4px!important;left:50%!important;width:24px!important;height:2px!important;background:#5bc2e7!important;transform:translate(-50%)!important;box-shadow:0 0 8px #5bc2e7!important;border-radius:99px!important}.site-footer{margin-top:4rem;font-family:Tajawal,sans-serif;color:#e2e8f0;position:relative;isolation:isolate;z-index:1}.sf-strip{height:4px;background:linear-gradient(90deg,#43e97b,#38f9d7,#4facfe,#667eea,#f093fb,#f6ad55,#43e97b);background-size:300% 100%;animation:sfStrip 9s linear infinite}@keyframes sfStrip{0%{background-position:0% 50%}to{background-position:300% 50%}}.sf-marquee{background:rgba(15,23,42,.95);border-block:1px solid rgba(255,255,255,.06);overflow:hidden;padding:.7rem 0;direction:ltr}.sf-marquee-track{display:flex;width:max-content;white-space:nowrap;animation:sfMarquee 38s linear infinite;will-change:transform}.sf-marquee-item{padding-inline-end:2.5rem}@keyframes sfMarquee{0%{transform:translate(0)}to{transform:translate(-25%)}}.site-footer:hover .sf-marquee-track{animation-play-state:paused}.sf-marquee-item{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.92rem;color:#cbd5e0}.sf-marquee-item i{color:#4facfe;font-size:1rem}.sf-marquee-dot{margin-inline-start:1.6rem;color:#ffffff40}.sf-main{position:relative;background:radial-gradient(ellipse at top,#1e293b 0%,#0f172a 60%,#020617 100%);padding:3.2rem 0 0;overflow:hidden}.sf-container{max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}.sf-main>.sf-container{display:grid;grid-template-columns:1.5fr .9fr 2fr 1.4fr;gap:2.2rem;padding-bottom:2.2rem}.sf-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;z-index:1}.sf-blob-1{width:260px;height:260px;background:#4facfe;top:-80px;right:-60px;animation:sfBlob1 14s ease-in-out infinite}.sf-blob-2{width:220px;height:220px;background:#667eea;bottom:-60px;left:15%;animation:sfBlob2 17s ease-in-out infinite}.sf-blob-3{width:180px;height:180px;background:#43e97b;top:40%;left:-40px;animation:sfBlob3 20s ease-in-out infinite}@keyframes sfBlob1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,25px) scale(1.1)}}@keyframes sfBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-20px) scale(.9)}}@keyframes sfBlob3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,30px) scale(1.15)}}.sf-col-title{display:flex;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:800;color:#fff;margin:0 0 1.1rem;padding-bottom:.7rem;border-bottom:2px solid rgba(255,255,255,.08);position:relative}.sf-col-title:after{content:"";position:absolute;bottom:-2px;right:0;width:50px;height:2px;background:linear-gradient(90deg,#4facfe,#43e97b);border-radius:2px}.sf-col-title i{color:#4facfe;font-size:1rem}.sf-brand{display:flex;gap:.9rem;align-items:center;margin-bottom:1rem}.sf-brand-logo{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#4facfe 0%,#667eea 100%);font-size:1.6rem;color:#fff;box-shadow:0 10px 25px #4facfe59;position:relative;overflow:hidden}.sf-brand-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 60%)}.sf-brand-name{margin:0;font-size:1.25rem;font-weight:800;color:#fff}.sf-brand-tag{margin:2px 0 0;font-size:.82rem;color:#94a3b8}.sf-brand-desc{font-size:.9rem;line-height:1.8;color:#94a3b8;margin:0 0 1.2rem}.sf-social{display:flex;gap:.55rem;flex-wrap:wrap}.sf-social-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#cbd5e0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.sf-social-btn:hover{transform:translateY(-3px);color:#fff;background:linear-gradient(135deg,#4facfe 0%,#667eea 100%);border-color:transparent;box-shadow:0 8px 18px #4facfe59}.sf-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.sf-links a{display:inline-flex;align-items:center;gap:.55rem;color:#cbd5e0;text-decoration:none;font-size:.93rem;padding:.35rem .5rem;border-radius:6px;transition:color .2s ease,background .2s ease,padding-inline-start .25s ease}.sf-links a i{width:16px;text-align:center;color:#4facfe;font-size:.85rem;transition:transform .25s ease}.sf-links a:hover{color:#fff;background:rgba(79,172,254,.08);padding-inline-start:.9rem}.sf-links a:hover i{transform:translate(-3px);color:#43e97b}.sf-links--text li>span{display:inline-flex;align-items:center;gap:.55rem;color:#94a3b8;font-size:.93rem;padding:.35rem 0;font-weight:500;transition:color .2s ease}.sf-links--text li>span i{width:16px;text-align:center;color:#4facfe;font-size:.85rem;transition:filter .2s ease}.sf-links--text li>span:hover{color:#e2e8f0}.sf-links--text li>span:hover i{filter:brightness(1.15)}.sf-badges{display:flex;gap:.4rem;margin-top:1rem;flex-wrap:wrap}.sf-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:600;color:#cbd5e0}.sf-badge i{color:#43e97b;font-size:.8rem}.sf-badge--text{background:transparent;border:0;padding:0;font-weight:500;color:#94a3b8;transition:color .2s ease}.sf-badge--text:hover{color:#e2e8f0}.sf-badge--text:hover i{filter:brightness(1.15)}.sf-links--static li>span{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem;font-size:.92rem;color:#cbd5e0;cursor:default;-webkit-user-select:none;user-select:none}.sf-links--static li>span i{width:16px;text-align:center;font-size:.85rem;color:#43e97b}body:not(.dark) .sf-links--static li>span{color:#475569}.sf-stages-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.5rem 1.2rem;margin-bottom:1.5rem}.sf-stage-group-title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .6rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:.4rem}.sf-stage-group-title i{color:#4facfe;font-size:.9rem}body:not(.dark) .sf-stage-group-title{color:#0f172a;border-bottom-color:#0f172a14}.sf-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.sf-contact li{display:flex;gap:.7rem;align-items:flex-start}.sf-ci{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(79,172,254,.12);border:1px solid rgba(79,172,254,.25);color:#4facfe;flex-shrink:0}.sf-contact div{display:flex;flex-direction:column}.sf-ck{font-size:.75rem;color:#64748b;font-weight:600}.sf-cv{font-size:.92rem;color:#e2e8f0;font-weight:600}.sf-bottom{border-top:1px solid rgba(255,255,255,.06);background:rgba(2,6,23,.6);padding:1.1rem 0;position:relative;z-index:2}.sf-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sf-copy,.sf-made{margin:0;font-size:.85rem;color:#94a3b8}.sf-copy strong{color:#fff}.sf-heart{color:#f56565;margin:0 .2rem;animation:sfHeart 1.4s ease-in-out infinite;display:inline-block}@keyframes sfHeart{0%,to{transform:scale(1)}20%,60%{transform:scale(1.25)}40%,80%{transform:scale(.95)}}.sf-mini{list-style:none;margin:0;padding:0;display:flex;gap:1.1rem}.sf-mini a{font-size:.83rem;color:#94a3b8;text-decoration:none;transition:color .2s ease}.sf-mini a:hover{color:#4facfe}.sf-devs{display:flex;align-items:center;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.08)}.sf-devs-card{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 18px;background:linear-gradient(135deg,rgba(79,172,254,.1),rgba(0,242,254,.05));border:1px solid rgba(79,172,254,.22);border-radius:999px;box-shadow:0 6px 22px #02061740;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:center}.sf-devs-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;font-family:Inter,system-ui,sans-serif}.sf-devs-tag i{color:#4facfe;font-size:.78rem}.sf-devs-people{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.sf-dev-pill{display:inline-flex;align-items:center;padding:7px 16px;background:rgba(15,23,42,.45);border:1px solid rgba(79,172,254,.25);border-radius:999px;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease,background .25s ease;position:relative;overflow:hidden}.sf-dev-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 90%);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.sf-dev-pill:hover{transform:translateY(-2px);border-color:#4facfe8c;box-shadow:0 10px 24px #4facfe38;background:rgba(15,23,42,.65)}.sf-dev-pill:hover:before{transform:translate(120%)}.sf-dev-name{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Inter,Tajawal,system-ui,sans-serif;font-weight:800;font-size:.9rem;letter-spacing:.3px;white-space:nowrap}.sf-devs-amp{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:1.05rem;color:#4facfeb3;margin:0 2px;-webkit-user-select:none;user-select:none}body:not(.dark) .sf-devs{border-top-color:#0f172a14}body:not(.dark) .sf-devs-card{background:linear-gradient(135deg,rgba(79,172,254,.1),rgba(0,242,254,.06));border-color:#4facfe4d;box-shadow:0 6px 22px #0f172a0f}body:not(.dark) .sf-devs-tag{color:#475569}body:not(.dark) .sf-dev-pill{background:rgba(255,255,255,.85);border-color:#4facfe4d}body:not(.dark) .sf-dev-pill:hover{background:#fff;border-color:#4facfe8c}body:not(.dark) .sf-devs-amp{color:#4facfed9}@media (max-width: 520px){.sf-devs-card{padding:7px 12px;gap:10px}.sf-dev-name{font-size:.84rem}.sf-dev-pill{padding:6px 12px}}@media (max-width: 980px){.sf-main>.sf-container{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 600px){.sf-main{padding-top:2.4rem}.sf-main>.sf-container{grid-template-columns:1fr;gap:1.6rem}.sf-bottom-row{justify-content:center;text-align:center}.sf-mini{justify-content:center;flex-wrap:wrap}.sf-marquee-item{font-size:.85rem}}body:not(.dark) .site-footer{color:#1e293b}body:not(.dark) .sf-marquee{background:rgba(250,248,243,.95);border-block-color:rgba(15,23,42,.08)}body:not(.dark) .sf-marquee-item{color:#475569}body:not(.dark) .sf-marquee-dot{color:#0f172a59}body:not(.dark) .sf-main{background:radial-gradient(ellipse at top,#fdfbf6 0%,#f5f3ee 60%,#ece8df 100%)}body:not(.dark) .sf-blob{opacity:.18}body:not(.dark) .sf-col-title{color:#0f172a;border-bottom-color:#0f172a14}body:not(.dark) .sf-brand-name{color:#0f172a}body:not(.dark) .sf-brand-tag,body:not(.dark) .sf-brand-desc,body:not(.dark) .sf-copy,body:not(.dark) .sf-made,body:not(.dark) .sf-mini a{color:#64748b}body:not(.dark) .sf-copy strong{color:#0f172a}body:not(.dark) .sf-social-btn{color:#475569;background:rgba(15,23,42,.04);border-color:#0f172a14}body:not(.dark) .sf-links a{color:#475569}body:not(.dark) .sf-links a:hover{color:#0f172a;background:rgba(79,172,254,.1)}body:not(.dark) .sf-badge{color:#475569;background:rgba(15,23,42,.04);border-color:#0f172a14}body:not(.dark) .sf-cv{color:#0f172a}body:not(.dark) .sf-ck{color:#64748b}body:not(.dark) .sf-bottom{background:rgba(241,245,249,.7);border-top-color:#0f172a14}@media (prefers-reduced-motion: reduce){.sf-strip,.sf-marquee-track,.sf-blob,.sf-heart{animation:none!important}}.season-decor{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.season-decor-eid-adha,.season-decor-ramadan{z-index:999}.season-night-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 0%,rgba(124,92,255,.18),transparent 55%),radial-gradient(ellipse at 20% 100%,rgba(201,164,90,.18),transparent 55%)}.season-crescent{position:absolute;top:120px;inset-inline-start:40px;filter:drop-shadow(0 0 35px rgba(201,164,90,.5));animation:crescent-shimmer 6s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes crescent-shimmer{0%,to{opacity:.8;transform:rotate(-8deg)}50%{opacity:.95;transform:rotate(-3deg)}}@media (max-width: 1250px){.season-crescent{width:130px!important;height:130px!important;top:100px;inset-inline-start:24px;opacity:.7}}.season-star{position:absolute;border-radius:50%;background:#fff7d8;box-shadow:0 0 8px #fff7d8f2;animation:star-twinkle 3.4s ease-in-out infinite;z-index:-1}@keyframes star-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.season-ramadan-garland{position:fixed;top:84px;left:0;width:100%;height:150px;pointer-events:none;z-index:99}.season-garland-svg{width:100%;height:40px;display:block;filter:drop-shadow(0 4px 6px rgba(138,100,34,.25))}.season-lantern{position:absolute;top:6px;filter:drop-shadow(0 6px 14px rgba(201,164,90,.55));transform-origin:top center;transform:scale(var(--scale, 1))}.season-lantern-swing{display:inline-block;transform-origin:top center;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.season-lantern-swing.lantern-swing-a{animation-name:lantern-swing-a;animation-duration:4s}.season-lantern-swing.lantern-swing-b{animation-name:lantern-swing-b;animation-duration:5.5s}@keyframes lantern-swing-a{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes lantern-swing-b{0%,to{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}.season-warm-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0% 0%,rgba(227,120,154,.22),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(244,201,122,.22),transparent 55%)}.season-warm-blob{position:absolute;top:-120px;inset-inline-start:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(244,201,122,.55),transparent 65%);filter:blur(8px)}.season-fitr-crescent{position:absolute;top:-60px;filter:drop-shadow(0 6px 16px rgba(201,127,77,.35));animation-name:fitr-crescent-fall;animation-iteration-count:infinite;animation-timing-function:linear;opacity:0;will-change:transform,opacity}@keyframes fitr-crescent-fall{0%{transform:translate(0) rotate(var(--rot, 0deg));opacity:0}10%{opacity:.85}50%{transform:translate(-30px,55vh) rotate(calc(var(--rot, 0deg) + 90deg))}90%{opacity:.85}to{transform:translate(40px,115vh) rotate(calc(var(--rot, 0deg) + 220deg));opacity:0}}.season-petal{position:absolute;top:-30px;filter:drop-shadow(0 3px 6px rgba(227,120,154,.3));animation-iteration-count:infinite;animation-timing-function:linear;opacity:0;will-change:transform,opacity}.petal-sway-a{animation-name:petal-sway-a}.petal-sway-b{animation-name:petal-sway-b}@keyframes petal-sway-a{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.85}50%{transform:translate(40px,55vh) rotate(180deg)}90%{opacity:.85}to{transform:translate(-30px,115vh) rotate(360deg);opacity:0}}@keyframes petal-sway-b{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.85}50%{transform:translate(-50px,55vh) rotate(-180deg)}90%{opacity:.85}to{transform:translate(20px,115vh) rotate(-340deg);opacity:0}}.season-green-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(31,122,82,.2),transparent 60%),radial-gradient(ellipse at 50% 0%,rgba(201,164,90,.14),transparent 60%)}.season-arch-row{position:absolute;top:var(--mh-h, 84px);left:0;width:100%;height:110px;display:block;filter:drop-shadow(0 6px 14px rgba(31,122,82,.18))}.season-adha-star{position:absolute;border-radius:50%;background:#f5e9c2;box-shadow:0 0 10px #f5e9c2f2;animation:adha-star-twinkle 3.6s ease-in-out infinite}@keyframes adha-star-twinkle{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.season-mosque{position:absolute;bottom:12px;left:50%;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 0 22px rgba(31,122,82,.28))}.season-frost-top{position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(180deg,rgba(125,211,252,.2),transparent);pointer-events:none}.season-frost-bottom{position:absolute;bottom:0;left:0;right:0;height:240px;background:linear-gradient(0deg,rgba(56,189,248,.22),transparent);pointer-events:none}.season-snowflake{position:absolute;top:-28px;color:#e0f2fe;filter:drop-shadow(0 0 6px rgba(125,211,252,.85));animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform}body:not(.dark).season-christmas .season-snowflake{color:#1d4ed8;filter:drop-shadow(0 0 5px rgba(29,78,216,.55))}.snow-drift-a{animation-name:snow-fall-a}.snow-drift-b{animation-name:snow-fall-b}@keyframes snow-fall-a{0%{transform:translate(0) rotate(0)}to{transform:translate(20px,115vh) rotate(360deg)}}@keyframes snow-fall-b{0%{transform:translate(0) rotate(0)}50%{transform:translate(-30px,55vh) rotate(180deg)}to{transform:translate(20px,115vh) rotate(360deg)}}.season-sparkle{position:absolute;filter:drop-shadow(0 0 24px rgba(125,211,252,.85));opacity:0;animation:sparkle-pulse 7s ease-in-out infinite}.season-sparkle-top-start{top:60px;inset-inline-start:60px;animation-delay:0s}.season-sparkle-top-end{top:80px;inset-inline-end:60px;animation-delay:1.2s}.season-sparkle-mid-start{top:50%;inset-inline-start:30px;animation-delay:2.4s}.season-sparkle-mid-end{top:50%;inset-inline-end:30px;animation-delay:3.6s}.season-sparkle-bottom-start{bottom:100px;inset-inline-start:60px;animation-delay:4.8s}.season-sparkle-bottom-end{bottom:80px;inset-inline-end:80px;animation-delay:6s}@keyframes sparkle-pulse{0%,to{opacity:0;transform:scale(.7)}10%{opacity:.95;transform:scale(1)}20%{opacity:0;transform:scale(1.1)}}@media (max-width: 640px){.season-crescent{width:85px!important;height:85px!important;top:90px;inset-inline-start:12px;opacity:.55}.season-lantern svg{width:44px!important;height:76px!important}.season-warm-blob{width:220px;height:220px;top:-80px;inset-inline-start:-80px}.season-arch-row{height:70px!important}.season-mosque{width:220px!important;height:110px!important}.season-sparkle{width:36px!important;height:36px!important}}@media (prefers-reduced-motion: reduce){.season-crescent,.season-star,.season-adha-star,.season-lantern,.season-lantern-swing,.season-fitr-crescent,.season-petal,.season-snowflake,.season-sparkle{animation:none!important;transition:none!important}.season-lantern,.season-fitr-crescent,.season-petal,.season-snowflake{display:none!important}}body.season-ramadan{--primary: #b08540;--secondary: #6b4eff;--primary-gradient: linear-gradient(135deg, #b08540 0%, #6b4eff 100%);--bg-color: linear-gradient(135deg, #f7ecd3 0%, #efe1ff 100%);--bg-secondary: #fbf3df;--card-bg: #ffffff;--text-color: #2a1854;--text-muted: #6b5b8a}body.season-ramadan ::selection{background:rgba(124,92,255,.45);color:#fff}body.dark.season-ramadan{--primary: #c9a45a;--secondary: #8b6cff;--primary-gradient: linear-gradient(135deg, #c9a45a 0%, #8b6cff 100%);--bg-color: linear-gradient(135deg, #1a1335 0%, #2d1f3f 100%);--bg-secondary: #1a1335;--card-bg: #2a1d44;--text-color: #f7f1e0;--text-muted: #c8b8e8}@media (max-width: 640px){body.season-ramadan{--bg-color: linear-gradient(160deg, #f7ecd3 0%, #efe1ff 100%)}body.dark.season-ramadan{--bg-color: linear-gradient(160deg, #1a1335 0%, #2d1f3f 100%)}}body.season-ramadan{background:#f7ecd3}body.season-ramadan:before{background:linear-gradient(135deg,#f7ecd3 0%,#efe1ff 100%)}body.season-ramadan:after{background:radial-gradient(circle at 10% 90%,rgba(176,133,64,.18) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(124,92,255,.16) 0%,transparent 50%)}body.dark.season-ramadan{background:#1a1335}body.dark.season-ramadan:before{background:linear-gradient(135deg,#1a1335 0%,#2d1f3f 100%)}body.dark.season-ramadan:after{background:radial-gradient(circle at 10% 90%,rgba(201,164,90,.2) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(139,108,255,.18) 0%,transparent 50%)}body.season-eid-fitr{--primary: #c97f4d;--secondary: #e3789a;--primary-gradient: linear-gradient(135deg, #c97f4d 0%, #e3789a 100%);--bg-color: linear-gradient(135deg, #fef0dd 0%, #ffe1e9 100%);--bg-secondary: #fff5e6;--card-bg: #ffffff;--text-color: #4a1f2a;--text-muted: #875767}body.season-eid-fitr ::selection{background:rgba(227,120,154,.5);color:#fff}body.dark.season-eid-fitr{--primary: #e8a874;--secondary: #f3a8c0;--primary-gradient: linear-gradient(135deg, #e8a874 0%, #f3a8c0 100%);--bg-color: linear-gradient(135deg, #2a1c14 0%, #322028 100%);--bg-secondary: #2a1c14;--card-bg: #382630;--text-color: #fae6dd;--text-muted: #f3c8b9}@media (max-width: 640px){body.season-eid-fitr{--bg-color: linear-gradient(160deg, #fef0dd 0%, #ffe1e9 100%)}body.dark.season-eid-fitr{--bg-color: linear-gradient(160deg, #2a1c14 0%, #322028 100%)}}body.season-eid-fitr{background:#fef0dd}body.season-eid-fitr:before{background:linear-gradient(135deg,#fef0dd 0%,#ffe1e9 100%)}body.season-eid-fitr:after{background:radial-gradient(circle at 10% 90%,rgba(201,127,77,.16) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(227,120,154,.18) 0%,transparent 50%)}body.dark.season-eid-fitr{background:#2a1c14}body.dark.season-eid-fitr:before{background:linear-gradient(135deg,#2a1c14 0%,#322028 100%)}body.dark.season-eid-fitr:after{background:radial-gradient(circle at 10% 90%,rgba(232,168,116,.2) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(243,168,192,.18) 0%,transparent 50%)}body.season-eid-adha{--primary: #1f7a52;--secondary: #c9a45a;--primary-gradient: linear-gradient(135deg, #1f7a52 0%, #c9a45a 100%);--bg-color: linear-gradient(135deg, #eaf5ee 0%, #f5ecd2 100%);--bg-secondary: #f0f7f3;--card-bg: #ffffff;--text-color: #103626;--text-muted: #547b6c}body.season-eid-adha ::selection{background:rgba(31,122,82,.45);color:#fff}body.dark.season-eid-adha{--primary: #2f9268;--secondary: #d4b66a;--primary-gradient: linear-gradient(135deg, #2f9268 0%, #d4b66a 100%);--bg-color: linear-gradient(135deg, #0c1e17 0%, #1c241a 100%);--bg-secondary: #0c1e17;--card-bg: #173026;--text-color: #e6f3eb;--text-muted: #b8d2c5}@media (max-width: 640px){body.season-eid-adha{--bg-color: linear-gradient(160deg, #eaf5ee 0%, #f5ecd2 100%)}body.dark.season-eid-adha{--bg-color: linear-gradient(160deg, #0c1e17 0%, #1c241a 100%)}}body.season-eid-adha{background:#eaf5ee}body.season-eid-adha:before{background:linear-gradient(135deg,#eaf5ee 0%,#f5ecd2 100%)}body.season-eid-adha:after{background:radial-gradient(circle at 10% 90%,rgba(31,122,82,.18) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(201,164,90,.16) 0%,transparent 50%)}body.dark.season-eid-adha{background:#0c1e17}body.dark.season-eid-adha:before{background:linear-gradient(135deg,#0c1e17 0%,#1c241a 100%)}body.dark.season-eid-adha:after{background:radial-gradient(circle at 10% 90%,rgba(47,146,104,.22) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(212,182,106,.18) 0%,transparent 50%)}body.season-christmas{--primary: #1d4ed8;--secondary: #38bdf8;--primary-gradient: linear-gradient(135deg, #1d4ed8 0%, #38bdf8 100%);--bg-color: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);--bg-secondary: #f0f9ff;--card-bg: #ffffff;--text-color: #0c2a47;--text-muted: #4f6f8d}body.season-christmas ::selection{background:rgba(56,189,248,.5);color:#0c2a47}body.dark.season-christmas{--primary: #38bdf8;--secondary: #7dd3fc;--primary-gradient: linear-gradient(135deg, #38bdf8 0%, #7dd3fc 100%);--bg-color: linear-gradient(135deg, #0a1929 0%, #142a3d 100%);--bg-secondary: #0a1929;--card-bg: #1a2c44;--text-color: #e0f2fe;--text-muted: #a3c4dc}@media (max-width: 640px){body.season-christmas{--bg-color: linear-gradient(160deg, #e0f2fe 0%, #f0f9ff 100%)}body.dark.season-christmas{--bg-color: linear-gradient(160deg, #0a1929 0%, #142a3d 100%)}}body.season-christmas{background:#e0f2fe}body.season-christmas:before{background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%)}body.season-christmas:after{background:radial-gradient(circle at 10% 90%,rgba(29,78,216,.14) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(56,189,248,.18) 0%,transparent 50%)}body.dark.season-christmas{background:#0a1929}body.dark.season-christmas:before{background:linear-gradient(135deg,#0a1929 0%,#142a3d 100%)}body.dark.season-christmas:after{background:radial-gradient(circle at 10% 90%,rgba(56,189,248,.2) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(125,211,252,.18) 0%,transparent 50%)}.app{width:100%;min-height:100vh}.page-container{animation:fadeIn .3s ease-in-out;position:relative}.login-page .page-container{padding:0;margin:0;animation:none;transform:none}.login-page,.login-page .page-container{min-height:100vh;padding-top:0!important;margin-top:0!important}.login-page button{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(12,14,28,0);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .3s ease,backdrop-filter .3s ease;pointer-events:none}.auth-overlay.open{background:rgba(12,14,28,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.auth-toast{direction:rtl;min-width:300px;max-width:90vw;padding:24px 32px 18px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,245,255,.92));border:1px solid rgba(124,58,237,.18);box-shadow:0 20px 60px #4c1d9547,0 4px 16px #0000001f;text-align:center;font-family:Tajawal,sans-serif;transform:translateY(16px) scale(.92);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.25,1.15),opacity .35s ease}body.dark .auth-toast{background:linear-gradient(145deg,rgba(30,32,48,.96),rgba(24,26,40,.92));border-color:#a855f74d;box-shadow:0 20px 60px #00000080,0 4px 16px #7c3aed40}.auth-overlay.open .auth-toast{transform:translateY(0) scale(1);opacity:1}.auth-overlay.closing .auth-toast{transform:translateY(-8px) scale(.96);opacity:0}.auth-toast-check{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7c3aed59}.auth-toast-check.success{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 24px #10b98159}.auth-toast-check svg{width:36px;height:36px}.notify-icon i{color:#fff;font-size:1.7rem}.notify--warning .notify-icon{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 24px #f59e0b59}.notify--error .notify-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444459}.notify--info .notify-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 24px #6366f159}.notify--success .notify-icon{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 24px #10b98159}.auth-toast-check-circle{stroke:#ffffff73;stroke-width:2.5;stroke-dasharray:145;stroke-dashoffset:145;animation:authCircle .5s ease forwards}.auth-toast-check-path{stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:authCheck .4s .35s ease forwards}@keyframes authCircle{to{stroke-dashoffset:0}}@keyframes authCheck{to{stroke-dashoffset:0}}.auth-toast-text{font-size:1.15rem;font-weight:800;color:#1e1b4b;letter-spacing:.3px}body.dark .auth-toast-text{color:#f1f5ff}.auth-toast-sub{margin-top:4px;font-size:.88rem;color:#64748b}body.dark .auth-toast-sub{color:#94a3b8}.auth-toast-bar{margin-top:14px;height:3px;width:100%;border-radius:999px;background:rgba(124,58,237,.12);overflow:hidden}.auth-toast-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7c3aed,#06b6d4);transform-origin:right center;animation:authBar 1.6s linear forwards}.auth-toast-check.success~.auth-toast-bar span{background:linear-gradient(90deg,#10b981,#06b6d4)}@keyframes authBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.devtools-blocked-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:radial-gradient(circle at center,#f8fafc 0%,#e2e8f0 100%);color:#0f172a;font-family:Tajawal,Segoe UI,sans-serif;padding:24px;box-sizing:border-box;overflow-y:auto;animation:blockerFadeIn .4s ease-out;transition:background .3s ease,color .3s ease}body.dark .devtools-blocked-wrapper{background:radial-gradient(circle at center,#1e293b 0%,#0f172a 100%);color:#f8fafc}.devtools-blocked-card{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 25px 50px -12px #00000014,0 1px 3px #0000000a;border:1px solid rgba(255,255,255,.6);padding:48px 40px 40px;max-width:520px;width:100%;text-align:center;box-sizing:border-box;animation:blockerSlideUp .6s cubic-bezier(.16,1,.3,1);position:relative;margin:auto;transition:transform .3s ease,background-color .3s ease,border-color .3s ease}body.dark .devtools-blocked-card{background:rgba(30,41,59,.45);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #00000073,inset 0 1px #ffffff0d}.devtools-warning-badge{display:flex;justify-content:center;margin-bottom:28px}.warning-badge-circle{width:96px;height:96px;border-radius:50%;background:rgba(239,68,68,.08);border:3px solid #ef4444;display:flex;align-items:center;justify-content:center;color:#ef4444;box-shadow:0 0 20px #ef444433;animation:warningScale 1.8s ease-in-out infinite alternate}body.dark .warning-badge-circle{background:rgba(239,68,68,.15);box-shadow:0 0 30px #ef444466}.warning-svg{width:52px;height:52px}.blocked-title{font-size:2.25rem;font-weight:900;color:#0f172a;margin:0 0 6px;letter-spacing:-.5px}body.dark .blocked-title{color:#fff}.blocked-subtitle{font-size:1.25rem;font-weight:700;color:#6366f1;margin:0 0 20px}body.dark .blocked-subtitle{color:#a5b4fc}.blocked-description{font-size:1.02rem;line-height:1.7;color:#475569;margin:0 0 32px}body.dark .blocked-description{color:#94a3b8}.blocked-info-box{background:rgba(0,0,0,.02);border-radius:24px;border:1px solid rgba(15,23,42,.08);padding:8px 24px;margin-bottom:32px;display:flex;flex-direction:column}body.dark .blocked-info-box{background:rgba(255,255,255,.02);border-color:#ffffff0f}.info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px dashed rgba(15,23,42,.1)}body.dark .info-row{border-bottom-color:#ffffff14}.info-row:last-child{border-bottom:none}.info-label{display:flex;align-items:center;gap:12px;color:#475569;font-weight:700;font-size:.95rem}body.dark .info-label{color:#94a3b8}.info-icon{color:#f43f5e;font-size:1.15rem;width:20px;text-align:center}.info-value{color:#0f172a;font-weight:800;font-size:1rem}body.dark .info-value{color:#f8fafc}.ltr-text{direction:ltr;display:inline-block}.blocked-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.blocked-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:18px;font-weight:800;font-size:1rem;border:none;cursor:pointer;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);color:#fff}.blocked-btn i{font-size:1.1rem;transition:transform .2s ease}.btn-home{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b9814d}.btn-home:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-home:hover i{transform:scale(1.1)}.btn-back{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);box-shadow:0 4px 14px #4f46e54d}.btn-back:hover{background:linear-gradient(135deg,#4338ca 0%,#2e2882 100%);transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.btn-back:hover i{transform:translate(-3px)}.btn-back i{transform:scaleX(-1)}.btn-support{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);width:100%;margin-bottom:28px;box-shadow:0 4px 14px #f973164d}.btn-support:hover{background:linear-gradient(135deg,#ea580c 0%,#d97706 100%);transform:translateY(-2px);box-shadow:0 8px 20px #f9731666}.btn-support:hover i{transform:rotate(-15deg)}.blocked-btn:active{transform:translateY(0) scale(.98)!important}.blocked-notice-badge{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-radius:16px;padding:14px 20px;color:#ef4444;font-size:.92rem;font-weight:700;box-shadow:inset 0 1px #ffffff80;transition:all .3s ease}body.dark .blocked-notice-badge{background:rgba(239,68,68,.08);border-color:#ef444433;color:#fca5a5;box-shadow:none}.notice-icon{font-size:1.25rem;color:#ef4444}body.dark .notice-icon{color:#fca5a5}@keyframes blockerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes blockerSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes warningScale{0%{transform:scale(1);box-shadow:0 0 20px #ef444433}to{transform:scale(1.04);box-shadow:0 0 30px #ef444459}}@media (max-width: 480px){.devtools-blocked-card{padding:36px 24px 28px}.blocked-title{font-size:1.85rem}.blocked-actions-grid{grid-template-columns:1fr;gap:12px}.blocked-notice-badge{flex-direction:column;text-align:center;gap:8px}}:root{color:#1a202c;--bg-color: #f5f3ee;background-color:var(--bg-color);--primary: #7c3aed;--secondary: #06b6d4;--primary-hover: #6d28d9}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:block;min-width:320px;font-family:Tajawal,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;background:var(--bg-color);color:#1a202c;transition:background .3s ease,color .3s ease;overflow-x:clip}body.dark{background:var(--bg-dark, linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%));color:#f7fafc}body.no-select,body.no-select *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}body.no-select input,body.no-select textarea,body.no-select [contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body.no-select img{-webkit-user-drag:none;user-drag:none}#root{width:100%;margin:0 auto}html{--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior-y:contain}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin:5px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#1a202c;background-color:var(--bg-color)}a:hover{color:#747bff}button{background-color:#fff}}body:before{z-index:-1!important;pointer-events:none}.premium-page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:2.5rem;padding:1.75rem 2.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px -10px #00000026;animation:fadeInDownHeader .6s cubic-bezier(.16,1,.3,1) both}body.dark .premium-page-header{background:rgba(15,15,35,.45);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px -12px #00000080}@keyframes fadeInDownHeader{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.premium-header-content{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:6px;flex:1}.premium-pre-title{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #7c3aed);background:linear-gradient(135deg,var(--primary, #7c3aed) 0%,var(--secondary, #06b6d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.9;display:inline-block;margin-bottom:4px}.premium-title-main{font-size:2rem;font-weight:900;margin:0;color:var(--text-primary, #0f172a);letter-spacing:-.02em;line-height:1.25;display:flex;align-items:center;gap:12px}body.dark .premium-title-main{color:#fff}.premium-title-accent{font-size:1.25rem;font-weight:500;color:var(--text-secondary, #cbd5e1);opacity:.85}.premium-subtitle-desc{font-size:.95rem;color:var(--text-secondary, #475569);margin:4px 0 0;max-width:600px;line-height:1.6}body.dark .premium-subtitle-desc{color:#94a3b8}.premium-header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.premium-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:14px;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;margin:0}body.dark .premium-back-btn{color:#f1f5f9;background:rgba(255,255,255,.04);border-color:#ffffff14}.premium-back-btn:hover{background:rgba(0,0,0,.08);transform:translate(-4px)}body.dark .premium-back-btn:hover{background:rgba(255,255,255,.08)}.premium-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;border:none;transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff!important;margin:0}.premium-action-btn.btn-primary{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);box-shadow:0 4px 15px #7c3aed40}.premium-action-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}@media (max-width: 991px){.premium-page-header{flex-direction:column;align-items:stretch;padding:1.5rem;gap:20px}.premium-header-content{text-align:center;align-items:center}.premium-title-main{flex-direction:column;gap:6px;font-size:1.75rem}.premium-header-actions{justify-content:center;width:100%}.premium-back-btn:hover{transform:none}}