@layer base{:root{--primary:#002366;--primary-dark:#00113a;--gold:#d4af37;--gold-bright:#fed65b}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;direction:rtl;width:100%;font-family:Cairo,sans-serif;overflow-x:hidden}body{width:100%;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Tajawal,sans-serif}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#002366;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af37}.dashboard-sidebar-scroll{scrollbar-width:thin;scrollbar-color:#fed65b #ffffff14}.dashboard-sidebar-scroll::-webkit-scrollbar{width:6px}.dashboard-sidebar-scroll::-webkit-scrollbar-track{background:#ffffff0f;border-radius:8px}.dashboard-sidebar-scroll::-webkit-scrollbar-thumb{background:#fed65b;border-radius:8px}.dashboard-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#d4af37}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #d4af3740}.glass-dark{-webkit-backdrop-filter:blur(12px);background:#00174ae6;border:1px solid #fed65b33}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;box-shadow:0 4px 20px #0000000a}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00236614}.sidebar-item.active{color:#745c00;background-color:#fed65b;border-radius:.5rem;font-weight:700}.sidebar-item:not(.active){color:#b3c5ff}.sidebar-item:not(.active):hover{background-color:#2a43864d}@keyframes slideIn{0%{opacity:0;transform:translateY(1.5rem)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-slideIn{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideIn}@media (width<=768px){body{padding-bottom:max(env(safe-area-inset-bottom,0px), 72px)}}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@keyframes goldShimmer{0%{opacity:0;transform:translate(-150%)skew(-20deg)}20%{opacity:.7}50%{opacity:0;transform:translate(150%)skew(-20deg)}to{opacity:0;transform:translate(150%)skew(-20deg)}}.shimmer-container{position:relative;overflow:hidden}.shimmer-effect:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fed65b66 50%,#0000 100%);width:60%;height:100%;animation:4s cubic-bezier(.4,0,.2,1) infinite goldShimmer;position:absolute;top:0;left:0}@keyframes ambientPulse{0%,to{opacity:.35;transform:scale(1)translate(0)}50%{opacity:.65;transform:scale(1.08)translate(10px,-8px)}}.animate-ambient-pulse{animation:7s ease-in-out infinite alternate ambientPulse}@keyframes liveRipple{0%{transform:scale(.95);box-shadow:0 0 #ef444499}70%{transform:scale(1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.animate-live-ripple{animation:2s cubic-bezier(.4,0,.6,1) infinite liveRipple}@keyframes goldPulseRing{0%{box-shadow:0 0 #fed65bb3}70%{box-shadow:0 0 0 8px #fed65b00}to{box-shadow:0 0 #fed65b00}}.animate-gold-ring{animation:2.2s cubic-bezier(.4,0,.6,1) infinite goldPulseRing}@keyframes waveBar1{0%,to{height:6px}50%{height:22px}}@keyframes waveBar2{0%,to{height:18px}50%{height:8px}}@keyframes waveBar3{0%,to{height:10px}50%{height:26px}}@keyframes waveBar4{0%,to{height:20px}50%{height:12px}}.wave-bar-1{animation:1.1s ease-in-out infinite waveBar1}.wave-bar-2{animation:.9s ease-in-out infinite waveBar2}.wave-bar-3{animation:1.3s ease-in-out infinite waveBar3}.wave-bar-4{animation:1s ease-in-out infinite waveBar4}@keyframes candleFlicker{0%,to{filter:drop-shadow(0 0 8px #feb414d9);transform:scale(1)rotate(-1deg)}25%{filter:drop-shadow(0 0 12px #ff8c00f2);transform:scale(1.05,.96)rotate(1.5deg)}50%{filter:drop-shadow(0 0 7px #fed65bcc);transform:scale(.96,1.04)rotate(-.5deg)}75%{filter:drop-shadow(0 0 10px #ffa014e6);transform:scale(1.03,.98)rotate(1deg)}}.animate-candle-flame{transform-origin:bottom;animation:1.8s ease-in-out infinite alternate candleFlicker}@keyframes checkmarkDraw{0%{stroke-dashoffset:60px;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.animate-checkmark-draw{stroke-dasharray:60;stroke-dashoffset:60px;animation:.6s cubic-bezier(.65,0,.45,1) forwards checkmarkDraw}@keyframes tabSlideFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-tab-transition{animation:.35s cubic-bezier(.16,1,.3,1) forwards tabSlideFade}.interactive-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .2s}.interactive-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -6px #0023661f}.interactive-card:active{transform:translateY(-1px)scale(.99)}.btn-bounce{transition:transform .15s,background-color .2s,box-shadow .2s}.btn-bounce:hover{transform:translateY(-1.5px)}.btn-bounce:active{transform:scale(.96)}