:root{--background-dark: #0D0D0D;--card-dark: #1A1A1A;--border-dark: #262626;--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--accent-yellow: #FBBF24;--accent-yellow-darker: #F59E0B}body{font-family:Tajawal,Inter,sans-serif;background-color:var(--background-dark);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .7s ease-out forwards}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 4px #10b9814d}50%{box-shadow:0 0 10px 2px #10b98199}}.animate-pulse-glow-green{animation:pulse-glow-green 2s infinite ease-in-out}@keyframes progress-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;animation:progress-stripes 2s linear infinite}.scroll-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-snap-center{scroll-snap-align:center;flex:0 0 auto}@keyframes pop-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.4) rotate(-10deg);opacity:1}to{transform:scale(1) rotate(0)}}.animate-pop-in{animation:pop-in .4s ease-out}@keyframes shake-bell{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.animate-shake-bell{animation:shake-bell .5s ease-in-out}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#171717}.custom-scrollbar::-webkit-scrollbar-thumb{background:#525252;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#737373}.horizontal-scroll-hidden::-webkit-scrollbar{display:none}.horizontal-scroll-hidden{-ms-overflow-style:none;scrollbar-width:none}.table-striped tbody tr:nth-child(2n){background-color:#f5f5f508}.top-1-highlight:after,.top-2-highlight:after,.top-3-highlight:after,.top-10-highlight:after{content:"";position:absolute;top:0;width:4px;height:100%}html[dir=rtl] .top-1-highlight:after,html[dir=rtl] .top-2-highlight:after,html[dir=rtl] .top-3-highlight:after,html[dir=rtl] .top-10-highlight:after{right:0}html[dir=ltr] .top-1-highlight:after,html[dir=ltr] .top-2-highlight:after,html[dir=ltr] .top-3-highlight:after,html[dir=ltr] .top-10-highlight:after{left:0}.top-10-highlight:after{background-color:#f59e0b}.top-1-highlight:after{background:linear-gradient(180deg,#fef08a,#facc15,#eab308);box-shadow:0 0 6px #facc15}.top-2-highlight:after{background:linear-gradient(180deg,#e5e7eb,#d1d5db,#9ca3af);box-shadow:0 0 6px #d1d5db}.top-3-highlight:after{background:linear-gradient(180deg,#fcd34d,#fb923c,#c2410c);box-shadow:0 0 6px #fb923c}@keyframes pop-in-subtle{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop-in-subtle{animation:pop-in-subtle .3s ease-out forwards}.custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:transparent;outline:none;border-radius:4px;cursor:pointer}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-yellow);border-radius:50%;margin-top:-6px}.custom-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent-yellow);border-radius:50%;border:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:5rem;background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-dark);display:flex;justify-content:space-around;align-items:center;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s;flex-grow:1}.nav-item.active{color:var(--accent-yellow)}.nav-item:not(.central-nav-item):hover{color:var(--text-primary)}.nav-item span{font-size:.75rem;margin-top:4px}.central-nav-item{transform:translateY(-20px)}.central-nav-button{width:58px;height:58px;border-radius:9999px;background:#27272a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #f59e0b4d,0 0 5px #f59e0b33;border:2px solid #1f1f1f;transition:all .3s ease-in-out}.central-nav-button:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 6px 20px #f59e0b66}.central-nav-item.active .central-nav-button{box-shadow:0 0 35px 10px #f59e0b99;transform:scale(1.05)}.nav-item>svg{transition:transform .2s ease-in-out}.nav-item:not(.central-nav-item):hover>svg{transform:scale(1.2)}@media screen and (max-width:767px){.responsive-admin-table thead{display:none}.responsive-admin-table,.responsive-admin-table tbody,.responsive-admin-table tr,.responsive-admin-table td{display:block;width:100%}.responsive-admin-table tr{margin-bottom:1rem;border-radius:.5rem;border:1px solid var(--border-dark);overflow:hidden}.responsive-admin-table tr:last-child{margin-bottom:0}.responsive-admin-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;text-align:right;border-bottom:1px solid var(--border-dark)}html[dir=ltr] .responsive-admin-table td{text-align:left}.responsive-admin-table tr td:last-child{border-bottom:0}.responsive-admin-table td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);margin-right:1rem}html[dir=ltr] .responsive-admin-table td:before{margin-left:1rem;margin-right:0}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 8px #fbbf2499}50%{transform:scale(1.03);box-shadow:0 0 16px 4px #fbbf2499}}.pulse-glow-button{animation:pulse-glow 2.5s infinite ease-in-out}