@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--bg-primary: #06060f;--bg-secondary: #0d0d1e;--bg-tertiary: #090916;--bg-card: rgba(13,13,30,.88);--bg-card-strong: rgba(8,8,20,.96);--border: rgba(139,92,246,.14);--border-strong: rgba(139,92,246,.32);--text-primary: #ffffff;--text-secondary: rgba(220,214,255,.75);--text-muted: rgba(180,170,240,.45);--gold: #8B5CF6;--gold-light: #A78BFA;--gold-bg: rgba(139,92,246,.14);--gold-glow: rgba(139,92,246,.25);--accent: #8B5CF6;--accent-foreground: #FFFFFF;--accent-soft: rgba(139,92,246,.16);--info: #60A5FA;--info-soft: rgba(96,165,250,.16);--success: #10B981;--success-soft: rgba(16,185,129,.16);--danger: #EF4444;--danger-soft: rgba(239,68,68,.15);--warning: #F59E0B;--warning-soft: rgba(245,158,11,.15);--navbar-bg: rgba(5,5,14,.95);--input-bg: rgba(139,92,246,.06);--input-border: rgba(139,92,246,.18);--shadow: 0 20px 60px rgba(0,0,0,.7);--navy: #06060f;--navy-mid: #0d0d1e;--navy-light: #090916;--white: #ffffff;--gray-50: rgba(255,255,255,.04);--gray-100: rgba(255,255,255,.06);--gray-200: rgba(255,255,255,.1);--gray-300: rgba(255,255,255,.2);--gray-400: rgba(255,255,255,.35);--gray-500: rgba(255,255,255,.5);--gray-600: rgba(255,255,255,.65);--purple: #8B5CF6;--purple-light: #A78BFA;--purple-dark: #7C3AED;--purple-glow: rgba(139,92,246,.35);--green: #10B981;--green-light: #34D399;--green-glow: rgba(16,185,129,.35);--orange: #F97316;--orange-glow: rgba(249,115,22,.35);--red: #EF4444;--red-glow: rgba(239,68,68,.35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .35s cubic-bezier(.34,1.56,.64,1)}[data-theme=light]{--bg-primary: #F8FAFF;--bg-secondary: #EEF2FF;--bg-tertiary: #FFFFFF;--bg-card: rgba(255,255,255,.96);--bg-card-strong: #FFFFFF;--border: rgba(30,41,59,.12);--border-strong: rgba(124,58,237,.28);--text-primary: #111827;--text-secondary: #334155;--text-muted: #64748B;--gold: #7C3AED;--gold-light: #8B5CF6;--gold-bg: rgba(124,58,237,.1);--gold-glow: rgba(124,58,237,.2);--accent: #7C3AED;--accent-foreground: #FFFFFF;--accent-soft: rgba(124,58,237,.1);--info: #2563EB;--info-soft: rgba(37,99,235,.1);--success: #059669;--success-soft: rgba(5,150,105,.1);--danger: #DC2626;--danger-soft: rgba(220,38,38,.1);--warning: #D97706;--warning-soft: rgba(217,119,6,.1);--navbar-bg: rgba(238,240,251,.95);--input-bg: rgba(255,255,255,.98);--input-border: rgba(124,58,237,.15);--shadow: 0 18px 48px rgba(15,15,35,.08);--navy: #F8FAFF;--navy-mid: #EEF2FF;--navy-light: #d8dcf5;--white: #111827;--gray-50: #F8F9FF;--gray-100: #F0F2FA;--gray-200: #E4E7F8;--gray-300: #C8CCE8;--gray-400: #9599C0;--gray-500: #6A6E98;--gray-600: #3D3D6B;--purple: #7C3AED;--purple-light: #8B5CF6;--purple-dark: #6D28D9;--purple-glow: rgba(124,58,237,.2);--green: #059669;--green-light: #10B981;--green-glow: rgba(5,150,105,.2);--orange: #EA580C;--orange-glow: rgba(234,88,12,.2);--red: #DC2626;--red-glow: rgba(220,38,38,.2)}*,*:before,*:after{transition-property:background-color,border-color,color,box-shadow,fill,stroke;transition-duration:.3s;transition-timing-function:ease}html{direction:rtl;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,Tajawal,sans-serif;background:var(--bg-primary);color:var(--text-primary);direction:rtl;overflow-x:hidden;text-align:right;min-height:100vh}#root,#root *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#root input,#root textarea,#root select,#root [contenteditable=true],#root [contenteditable=""],#root [role=textbox],#root .allow-text-select,#root .text-selectable,#root .chat-input,#root .chat-input *,#root .chat-text-input,#root .chat-text-input *{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}#root input::selection,#root textarea::selection,#root [contenteditable=true]::selection,#root .allow-text-select::selection,#root .text-selectable::selection{background:#8b5cf659;color:#fff}#root img,#root svg,#root canvas,#root video{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}#root button,#root a,#root [role=button],#root summary,#root label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root button:active,#root a:active,#root [role=button]:active{opacity:.88;transform:scale(.985)}body,button,input,select,textarea,table,th,td{font-family:Cairo,Tajawal,sans-serif}th,td,span,p,label,h1,h2,h3,h4,h5,h6{unicode-bidi:plaintext;word-break:normal;overflow-wrap:anywhere}input,textarea,select{direction:rtl;text-align:right;unicode-bidi:isolate;word-break:normal;overflow-wrap:normal;background:var(--input-bg, rgba(139,92,246,.06));color:var(--text-primary);border-color:var(--input-border, rgba(139,92,246,.18))}select{color-scheme:dark}[data-theme=light] select{color-scheme:light}select option,select optgroup{background:var(--bg-secondary);color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px;opacity:.6}::-webkit-scrollbar-thumb:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes scaleInUp{0%{opacity:0;transform:scale(.86) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scaleInDown{0%{opacity:0;transform:scale(.86) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.06)}70%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes elastic{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05)}80%{transform:scale(.98)}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94) translateY(10px)}}@keyframes tabSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes rowFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2.2);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(80px,-60px) scale(1.08) rotate(90deg)}50%{transform:translate(60px,90px) scale(.94) rotate(180deg)}75%{transform:translate(-70px,40px) scale(1.05) rotate(270deg)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-90px,70px) scale(.92) rotate(-90deg)}50%{transform:translate(-50px,-90px) scale(1.08) rotate(-180deg)}75%{transform:translate(80px,-30px) scale(.96) rotate(-270deg)}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,60px) scale(1.1)}66%{transform:translate(-60px,-40px) scale(.9)}}@keyframes glowPulsePurple{0%,to{box-shadow:0 0 8px #8b5cf64d}50%{box-shadow:0 0 24px 6px #8b5cf68c}}@keyframes glowPulseGreen{0%,to{box-shadow:0 0 8px #10b9814d}50%{box-shadow:0 0 24px 6px #10b9818c}}@keyframes glowPulseOrange{0%,to{box-shadow:0 0 8px #f973164d}50%{box-shadow:0 0 24px 6px #f973168c}}@keyframes neonFlicker{0%,95%,to{opacity:1}96%{opacity:.75}97%{opacity:1}98%{opacity:.85}}@keyframes rippleWave{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes textGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes brandFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes brandPulse{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes brandSignalWave{0%,to{opacity:.75;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-2px) scale(1.02)}}@keyframes brandHoseSwing{0%,to{transform:rotate(0) translate(0)}50%{transform:rotate(1.5deg) translate(1px)}}@keyframes brandGlyphDrift{0%,to{transform:translateY(0) translate(0);opacity:.88}50%{transform:translateY(-3px) translate(1px);opacity:1}}.anim-fade-in{animation:fadeIn .5s ease both}.anim-fade-up{animation:fadeInUp .5s ease both}.anim-fade-down{animation:fadeInDown .5s ease both}.anim-fade-left{animation:fadeInLeft .5s ease both}.anim-fade-right{animation:fadeInRight .5s ease both}.anim-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.anim-scale-up{animation:scaleInUp .4s cubic-bezier(.34,1.56,.64,1) both}.anim-bounce-in{animation:bounceIn .7s ease both}.anim-elastic{animation:elastic .6s cubic-bezier(.34,1.56,.64,1) both}.anim-slide-right{animation:slideInRight .4s ease both}.anim-slide-left{animation:slideInLeft .4s ease both}.anim-modal-in{animation:modalIn .35s cubic-bezier(.34,1.56,.64,1) both}.anim-tab-slide{animation:tabSlideIn .3s ease both}.anim-row-in{animation:rowFadeIn .3s ease both}.anim-notif{animation:notifSlideIn .4s cubic-bezier(.34,1.56,.64,1) both}.anim-fast{animation-duration:.18s!important}.anim-slow{animation-duration:.8s!important}.anim-slower{animation-duration:1.4s!important}.delay-0{animation-delay:0ms}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-1000{animation-delay:1s}.stagger-1{animation-delay:60ms}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}.stagger-6{animation-delay:.36s}.stagger-7{animation-delay:.42s}.stagger-8{animation-delay:.48s}.anim-float{animation:float 3s ease-in-out infinite}.anim-float-slow{animation:floatSlow 5s ease-in-out infinite}.anim-breathe{animation:breathe 3s ease-in-out infinite}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.anim-spin{animation:spin .8s linear infinite}.anim-spin-slow{animation:spinSlow 3s linear infinite}.anim-wiggle{animation:wiggle .5s ease-in-out}.anim-glow-purple{animation:glowPulsePurple 2.5s ease-in-out infinite}.anim-glow-green{animation:glowPulseGreen 2.5s ease-in-out infinite}.anim-glow-orange{animation:glowPulseOrange 2.5s ease-in-out infinite}.anim-neon{animation:neonFlicker 4s ease-in-out infinite}.anim-gradient{background-size:300% 300%;animation:gradientShift 5s ease infinite}.anim-shimmer{background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.08) 50%,transparent 80%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}[data-theme=light] .anim-shimmer{background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.65) 50%,transparent 80%);background-size:200% 100%}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)!important}.hover-lift:hover{transform:translateY(-4px)!important;box-shadow:0 20px 44px #00000059!important}.hover-lift-sm:hover{transform:translateY(-2px)!important}.hover-scale{transition:transform var(--transition-spring)!important}.hover-scale:hover{transform:scale(1.05)!important}.hover-scale-sm:hover{transform:scale(1.02)!important}.hover-bright{transition:filter var(--transition-fast)!important}.hover-bright:hover{filter:brightness(1.15)!important}.hover-glow-purple{transition:box-shadow var(--transition-base)!important}.hover-glow-purple:hover{box-shadow:0 0 0 2px #8b5cf640,0 10px 32px #8b5cf64d!important}.hover-glow-green:hover{box-shadow:0 0 0 2px #10b98140,0 10px 32px #10b9814d!important}.hover-glow-orange:hover{box-shadow:0 0 0 2px #f9731640,0 10px 32px #f973164d!important}.hover-border-purple:hover{border-color:#8b5cf68c!important}.hover-border-green:hover{border-color:#10b9818c!important}.glass{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.glass-sm{background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07)}.glass-strong{background:#ffffff1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.16)}.glass-purple{background:#8b5cf614;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.2)}.glass-green{background:#10b98114;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.2)}[data-theme=light] .glass{background:#ffffffbf;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .glass-strong{background:#ffffffe6}.glow-purple{box-shadow:0 0 24px #8b5cf666,0 0 64px #8b5cf62e}.glow-green{box-shadow:0 0 24px #10b98166,0 0 64px #10b9812e}.glow-orange{box-shadow:0 0 24px #f9731666,0 0 64px #f973162e}.glow-red{box-shadow:0 0 24px #ef444466,0 0 64px #ef44442e}.glow-border-purple{border:1px solid rgba(139,92,246,.5)!important;box-shadow:0 0 0 3px #8b5cf61f,inset 0 0 16px #8b5cf60a}.glow-border-green{border:1px solid rgba(16,185,129,.5)!important;box-shadow:0 0 0 3px #10b9811f,inset 0 0 16px #10b9810a}.text-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green{background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-animated{background:linear-gradient(135deg,#8b5cf6,#10b981,#f97316,#8b5cf6);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradient 4s ease infinite}.text-neon-purple{color:#a78bfa;text-shadow:0 0 12px rgba(139,92,246,.85),0 0 36px rgba(139,92,246,.45);animation:neonFlicker 5s ease-in-out infinite}.text-neon-green{color:#34d399;text-shadow:0 0 12px rgba(16,185,129,.85),0 0 36px rgba(16,185,129,.45)}.bg-gradient-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa)}.bg-gradient-green{background:linear-gradient(135deg,#059669,#10b981,#34d399)}.bg-gradient-animated{background:linear-gradient(135deg,#7c3aed,#10b981,#f97316,#7c3aed);background-size:300% 300%;animation:gradientShift 5s ease infinite}.bg-mesh-dark{background-color:#06060f;background-image:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(139,92,246,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 90% 80%,rgba(16,185,129,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 110%,rgba(249,115,22,.05) 0%,transparent 55%)}.bg-mesh-light{background-color:#eef0fb;background-image:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(124,58,237,.06) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 90% 80%,rgba(5,150,105,.04) 0%,transparent 55%)}.blob-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}.blob-1{width:560px;height:560px;background:radial-gradient(circle,rgba(139,92,246,.25),rgba(109,40,217,.15),transparent 70%);top:-180px;right:-120px;animation:blobFloat1 38s ease-in-out infinite}.blob-2{width:440px;height:440px;background:radial-gradient(circle,rgba(16,185,129,.2),rgba(5,150,105,.12),transparent 70%);bottom:-160px;left:-120px;animation:blobFloat2 48s ease-in-out infinite}.blob-3{width:320px;height:320px;background:radial-gradient(circle,rgba(249,115,22,.14),rgba(234,88,12,.08),transparent 70%);top:40%;left:55%;animation:blobFloat3 60s ease-in-out infinite}[data-theme=light] .blob-1{background:radial-gradient(circle,rgba(139,92,246,.12),rgba(109,40,217,.07),transparent 70%)}[data-theme=light] .blob-2{background:radial-gradient(circle,rgba(16,185,129,.1),rgba(5,150,105,.05),transparent 70%)}[data-theme=light] .blob-3{background:radial-gradient(circle,rgba(249,115,22,.07),transparent 70%)}.skeleton{position:relative;overflow:hidden;border-radius:8px;background:#ffffff0f}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.07) 50%,transparent 80%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-text{height:14px;border-radius:4px}.skeleton-text-sm{height:10px;border-radius:3px}.skeleton-title{height:22px;border-radius:6px}.skeleton-circle{border-radius:50%!important}.skeleton-card{height:120px;border-radius:16px}.skeleton-btn{height:44px;border-radius:12px}[data-theme=light] .skeleton{background:#0000000d}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.7) 50%,transparent 80%);background-size:200% 100%}.btn-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border:none;border-radius:12px;font-family:Cairo,sans-serif;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;position:relative;overflow:hidden}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 10px 28px #8b5cf673;filter:brightness(1.08)}.btn-purple:active{transform:scale(.97)}.btn-green{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:12px;font-family:Cairo,sans-serif;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-green:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10b98173}.btn-orange{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;border:none;border-radius:12px;font-family:Cairo,sans-serif;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-orange:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f9731673}.btn-glass{background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:var(--text-primary);border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn-glass:hover{background:#ffffff1f;border-color:#fff3}.btn-ripple{position:relative;overflow:hidden}.btn-ripple .ripple-wave{position:absolute;border-radius:50%;background:#ffffff47;transform:scale(0);animation:rippleWave .6s linear;pointer-events:none}.badge-ping-red{position:relative}.badge-ping-red:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;background:#ef444480;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite;z-index:-1}.live-dot{display:inline-flex;width:9px;height:9px;border-radius:50%;background:#10b981;position:relative}.live-dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:#10b98173;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.card-glass{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.card-glass:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 20px 48px #0000004d}.card-glow:hover{box-shadow:0 0 0 1px #8b5cf640,0 20px 48px #8b5cf62e}.stat-card{position:relative;overflow:hidden;transition:all .25s ease}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .25s ease}.stat-card:hover:after{opacity:1}.table-fancy tr{transition:background .15s ease}.table-fancy tr:hover{background:#8b5cf60f!important}[data-theme=light] .table-fancy tr:hover{background:#7c3aed0a!important}.table-fancy td,.table-fancy th{transition:color .2s ease}.sidebar-item{position:relative;transition:background .2s ease,color .2s ease}.sidebar-item:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:var(--accent);border-radius:2px 0 0 2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.active:before{transform:translateY(-50%) scaleY(1)}.sidebar-item:hover{background:#8b5cf614}.theme-toggle{position:relative;width:52px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:99px;cursor:pointer;transition:background .3s ease,border-color .3s ease;display:flex;align-items:center;padding:2px}.theme-toggle.is-light{background:#7c3aed26;border-color:#7c3aed59}.theme-toggle-thumb{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000004d;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s ease;display:flex;align-items:center;justify-content:center;font-size:11px}.theme-toggle.is-light .theme-toggle-thumb{transform:translate(-24px);background:var(--accent)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--bg-primary);font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s;font-family:Cairo,sans-serif}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--gold-glow)}.btn-outline{background:transparent;color:var(--gold);border:2px solid var(--gold);border-radius:12px;cursor:pointer;transition:all .3s;font-family:Cairo,sans-serif;font-weight:600}.btn-outline:hover{background:var(--gold);color:var(--bg-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-dark{background:var(--bg-card-strong);border:1px solid var(--border);border-radius:20px}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-fadeIn{animation:fadeIn .5s ease forwards}.float{animation:float 3s ease-in-out infinite}.brand-lockup{-webkit-user-select:none;user-select:none}.brand-mark__phone,.brand-mark__signals,.brand-mark__hose,.brand-mark__glyphs,.brand-mark__glow{transform-origin:center}.brand-lockup--animated .brand-mark__phone{animation:brandFloat 4.2s ease-in-out infinite}.brand-lockup--animated .brand-mark__signals{animation:brandSignalWave 2.8s ease-in-out infinite}.brand-lockup--animated .brand-mark__hose{animation:brandHoseSwing 3.6s ease-in-out infinite}.brand-lockup--animated .brand-mark__glyphs{animation:brandGlyphDrift 3.2s ease-in-out infinite}.brand-lockup--animated .brand-mark__glow{animation:brandPulse 2.8s ease-in-out infinite}.transition-all{transition:all var(--transition-base)!important}.transition-fast{transition:all var(--transition-fast)!important}.transition-slow{transition:all var(--transition-slow)!important}.transition-spring{transition:all var(--transition-spring)!important}.blur-bg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.no-select{user-select:none;-webkit-user-select:none}@media (max-width: 768px){.blob-1{width:280px;height:280px}.blob-2{width:220px;height:220px}.blob-3{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blob{animation:none!important}}