@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;600;700&display=swap);:root,[data-theme=dark]{--color-bg:#0a0a0f;--color-bg-secondary:#111118;--color-surface:#16161e;--color-surface-dark:#0d0d14;--color-surface-hover:#1e1e2a;--color-text:#e8e8f0;--color-text-muted:#7878a0;--color-text-dim:#4a4a6a;--color-border:#2a2a3a;--color-border-bright:#3a3a5a;--color-accent:#0f8;--color-accent-dim:#0c6;--color-blue:#4169ff;--color-purple:#c4f;--color-yellow:gold;--color-red:#f44;--color-cyan:#00e5cc;--color-green:#af0;--font-pixel:"Press Start 2P","Courier New",monospace;--font-body:"Shabnam","Vazirmatn","IRANSans","Segoe UI",sans-serif;--font-size-xs:0.65rem;--font-size-sm:0.8rem;--font-size-base:0.95rem;--font-size-md:1.05rem;--font-size-lg:1.2rem;--font-size-xl:1.5rem;--font-pixel-xs:0.45rem;--font-pixel-sm:0.55rem;--font-pixel-base:0.65rem;--font-pixel-lg:0.8rem;--font-pixel-xl:1rem;--glow-green:0 0 12px #0f86,0 0 24px #0f83;--glow-blue:0 0 12px #4169ff66,0 0 24px #4169ff33;--glow-purple:0 0 12px #c4f6,0 0 24px #c4f3;--glow-yellow:0 0 12px #ffd70066,0 0 24px #ffd70033;--transition-fast:0.15s ease;--transition-base:0.25s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px}[data-theme=light]{--color-bg:#f0f4ff;--color-bg-secondary:#e8eeff;--color-surface:#fff;--color-surface-dark:#eef2ff;--color-surface-hover:#e0e8ff;--color-text:#1a1a2e;--color-text-muted:#5a5a8a;--color-text-dim:#9a9ac0;--color-border:#c8d4f8;--color-border-bright:#a0b4f0;--color-accent:#00c96a;--color-accent-dim:#00a855;--color-blue:#36f;--color-purple:#93f;--color-yellow:#f0a500;--color-red:#f36;--color-cyan:#00bcd4;--color-green:#6c0;--color-pink:#f6a;--glow-green:0 2px 12px #00c96a44;--glow-blue:0 2px 12px #3366ff44;--glow-purple:0 2px 12px #9933ff44;--glow-yellow:0 2px 12px #f0a50044}*,:after,:before{transition:background-color .25s ease,color .15s ease,border-color .15s ease;transition:background-color var(--transition-base),color var(--transition-fast),border-color var(--transition-fast)}body{background-color:#0a0a0f;background-color:var(--color-bg);color:#e8e8f0;font-size:.95rem;font-size:var(--font-size-base);line-height:1.7}body,button,input,select,textarea{font-family:Shabnam,Vazirmatn,IRANSans,Segoe UI,sans-serif}body,button,input,select,textarea{font-family:var(--font-body)}.px{font-family:Press Start\ 2P,Courier New,monospace;font-family:var(--font-pixel)}.pixel-btn,[class*=PixelButton],button.pixel-button{border:none;cursor:pointer;font-size:.55rem!important;font-size:var(--font-pixel-sm)!important;letter-spacing:.02em;padding:10px 18px!important;position:relative;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.pixel-btn:hover,button.pixel-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.pixel-btn:active,button.pixel-button:active{transform:translateY(1px)}.pixel-card,[class*=PixelCard]{background-color:#16161e!important;background-color:var(--color-surface)!important;border:1px solid #2a2a3a!important;border:1px solid var(--color-border)!important;transition:box-shadow .25s ease,transform .15s ease;transition:box-shadow var(--transition-base),transform var(--transition-fast)}.pixel-card:hover,[class*=PixelCard]:hover{transform:translateY(-1px)}.hr-page-title{font-size:1rem!important;font-size:var(--font-pixel-xl)!important;letter-spacing:.05em;line-height:1.4!important}.hr-page-sub,.hr-page-title{font-family:Press Start\ 2P,Courier New,monospace!important;font-family:var(--font-pixel)!important}.hr-page-sub{color:#7878a0!important;color:var(--color-text-muted)!important;font-size:.55rem!important;font-size:var(--font-pixel-sm)!important}[class*=widget-body] div,[class*=widget-body] p,[class*=widget-body] span{font-size:.95rem;font-size:var(--font-size-base);line-height:1.8}label{color:#7878a0;color:var(--color-text-muted);display:block;font-size:.8rem!important;font-weight:500;margin-bottom:4px}input,select,textarea{background-color:#0d0d14!important;background-color:var(--color-surface-dark)!important;border:1.5px solid #2a2a3a!important;border:1.5px solid var(--color-border)!important;border-radius:4px!important;border-radius:var(--radius-sm)!important;color:#e8e8f0!important;color:var(--color-text)!important;font-size:.95rem!important;font-size:var(--font-size-base)!important;outline:none!important;padding:10px 14px!important;transition:border-color .15s ease,box-shadow .15s ease!important;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)!important}input:focus,select:focus,textarea:focus{border-color:#4169ff!important;border-color:var(--color-blue)!important;box-shadow:0 0 0 3px #4169ff26!important}[data-theme=light] .page-wrapper{background-color:#0a0a0f!important;background-color:var(--color-bg)!important}[data-theme=light] .pixel-card,[data-theme=light] [class*=PixelCard]{background-color:#16161e!important;background-color:var(--color-surface)!important;border-color:#2a2a3a!important;border-color:var(--color-border)!important;box-shadow:0 2px 12px #3366ff14!important}[data-theme=light] [class*=PixelBadge]{opacity:.9}[data-theme=light] [class*=NightSky],[data-theme=light] canvas{opacity:.08!important}[data-theme=light] .hr-page-header{border-bottom:2px solid #2a2a3a;border-bottom:2px solid var(--color-border);margin-bottom:20px;padding-bottom:12px}::-webkit-scrollbar-track{background:#0a0a0f;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#3a3a5a;background:var(--color-border-bright)}::-webkit-scrollbar-thumb:hover{background:#7878a0;background:var(--color-text-muted)}[data-theme=light]{color-scheme:light}[data-theme=light] body{background:linear-gradient(135deg,#cfe6ff,#d8ccff 30%,#ffd6f0 60%,#cdfff0)!important;background-attachment:fixed!important;color:#1a1a2e!important}[data-theme=light] .page-wrapper{background:#0000!important}[data-theme=light] .page-content{position:relative;z-index:1}[data-theme=light] .pixel-card,[data-theme=light] [class*=PixelCard],[data-theme=light] [class*=widget-]{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff9e!important;border:1.5px solid #93c5fd8c!important;box-shadow:0 4px 20px #6366f11a,0 1px 4px #0000000f!important;color:#1a1a2e!important}[data-theme=light] [class*=PixelCard] *,[data-theme=light] [class*=widget-] *{color:inherit}[data-theme=light] [style*="color: var(--color-text)"],[data-theme=light] [style*="color:var(--color-text)"]{color:#1a1a2e!important}[data-theme=light] [style*="color: var(--color-text-muted)"],[data-theme=light] [style*="color:var(--color-text-muted)"]{color:#5a5a8a!important}[data-theme=light] .hr-page-header{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffff8c!important;border-bottom:2px solid #93c5fd8c!important;border-radius:12px!important;margin-bottom:20px!important;padding:16px 20px!important}[data-theme=light] .hr-page-title{color:#2c2c8a!important;text-shadow:none!important}[data-theme=light] .hr-page-sub{color:#5a5a8a!important}[data-theme=light] button{color:#1a1a2e}[data-theme=light] [class*=ghost],[data-theme=light] [class*=variant-ghost]{background:#ffffff8c!important;border:1.5px solid #6366f159!important;color:#33c!important}[data-theme=light] [class*=ghost]:hover{background:#ebebffd9!important;border-color:#6366f1a6!important}[data-theme=light] [class*=primary]:not([class*=ghost]){box-shadow:0 4px 15px #6366f14d!important}[data-theme=light] [class*=PixelBadge]{box-shadow:0 1px 4px #0000001a!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fffc!important;border:1.5px solid #93c5fda6!important;box-shadow:0 1px 4px #0000000f!important;color:#1a1a2e!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#9a9ac0!important}[data-theme=light] [class*=PixelModal]>div,[data-theme=light] [class*=modal-content]{background:#fffffff0!important;border:1.5px solid #93c5fd8c!important;box-shadow:0 20px 60px #6366f12e!important;color:#1a1a2e!important}[data-theme=light] .hr-kpi-card{background:#ffffffad!important;border:1.5px solid #93c5fd73!important;box-shadow:0 4px 16px #6366f11f!important}[data-theme=light] .hr-kpi-card__label{color:#5a5a8a!important}[data-theme=light] [class*=PixelLoader]{background:#d2e2ffe6!important}[data-theme=light] [class*=course-card],[data-theme=light] [class*=deadline-item]{background:#fff9!important;border:1px solid #93c5fd73!important;color:#1a1a2e!important}[data-theme=light] [class*=course-card]:hover,[data-theme=light] [class*=deadline-item]:hover{background:#dcebffd9!important;box-shadow:0 4px 12px #6366f126!important;transform:translateY(-1px)}[data-theme=light] ::-webkit-scrollbar-track{background:#e4ecff}[data-theme=light] ::-webkit-scrollbar-thumb{background:#6366f159}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#6366f18c}[data-theme=light] canvas{display:block!important;opacity:.22!important}@keyframes twinkleFar{0%{opacity:.25}25%{opacity:.55}50%{opacity:.3}75%{opacity:.65}to{opacity:.2}}@keyframes twinkleMid{0%{opacity:.45}20%{opacity:.8}40%{opacity:.5}60%{opacity:.9}80%{opacity:.4}to{opacity:.7}}@keyframes twinkleNear{0%{opacity:.7}15%{opacity:1}30%{opacity:.6}50%{opacity:.95}70%{opacity:.55}85%{opacity:1}to{opacity:.75}}@keyframes shootingStar{0%{opacity:0;transform:translateX(0) translateY(0) rotate(-20deg)}5%{opacity:1}15%{opacity:0;transform:translateX(500px) translateY(200px) rotate(-20deg)}to{opacity:0;transform:translateX(500px) translateY(200px) rotate(-20deg)}}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}.anim-blink-cursor,.pixel-cursor{animation:blinkCursor 1s steps(1) infinite}.pixel-cursor{background-color:var(--pixel-green);display:inline-block;height:1em;vertical-align:text-bottom;width:8px}@keyframes blinkText{0%,49%{opacity:1}50%,to{opacity:0}}.anim-blink{animation:blinkText 1s steps(1) infinite}.anim-blink-slow{animation:blinkText 1.8s steps(1) infinite}@keyframes loaderBlink{0%,33%{opacity:1}34%,to{opacity:.15}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.anim-toast-out{animation:toastFadeOut .2s steps(2) forwards}@keyframes levelUpFlash{0%{background-color:#ffffffe6}10%{background-color:#4ade80b3}20%{background-color:#ffffff80}30%{background-color:#4ade8066}50%{background-color:#4ade8033}to{background-color:initial}}@keyframes levelUpText{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1.4)}20%{transform:scale(.95)}30%{transform:scale(1.1)}40%{transform:scale(1)}to{opacity:1;transform:scale(1)}}.anim-level-up-overlay{animation:levelUpFlash 1.5s steps(4) forwards}.anim-level-up-text{animation:levelUpText .6s steps(4) forwards}@keyframes xpFloatUp{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-24px)}to{opacity:0;transform:translateY(-48px)}}.anim-xp-float{animation:xpFloatUp 1.2s steps(6) forwards;color:var(--pixel-yellow);font-family:var(--font-pixel);font-size:10px;pointer-events:none;position:absolute;z-index:var(--z-toast)}@keyframes pixelShake{0%{transform:translateX(0)}15%{transform:translateX(-4px)}30%{transform:translateX(4px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-4px)}90%{transform:translateX(4px)}to{transform:translateX(0)}}.anim-shake{animation:pixelShake .4s steps(4) forwards}@keyframes pixelPop{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.3)}60%{opacity:1;transform:scale(.9)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.anim-pop{animation:pixelPop .5s steps(5) forwards}@keyframes badgeGlow{0%{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 4px currentColor}to{box-shadow:0 0 0 0 currentColor}}.anim-badge-glow{animation:badgeGlow 1.5s steps(3) infinite}@keyframes victoryFlash{0%{background-color:#4ade8099;opacity:0}25%{opacity:1}50%{opacity:.5}75%{opacity:1}to{opacity:0}}@keyframes defeatFlash{0%{background-color:#f8717199;opacity:0}25%{opacity:1}50%{opacity:.5}75%{opacity:1}to{opacity:0}}.anim-victory{animation:victoryFlash 1s steps(4) forwards}.anim-defeat{animation:defeatFlash 1s steps(4) forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(120px) rotate(180deg)}}.confetti-piece{animation:confettiFall 1.5s steps(8) forwards;height:8px;pointer-events:none;position:absolute;width:8px}.confetti-piece:nth-child(odd){background-color:var(--pixel-yellow)}.confetti-piece:nth-child(2n){background-color:var(--pixel-green)}.confetti-piece:nth-child(3n){background-color:var(--pixel-blue)}.confetti-piece:nth-child(4n){background-color:var(--pixel-purple)}@keyframes spriteWalk{0%{background-position-x:0}to{background-position-x:-128px}}.pixel-sprite{display:inline-block;height:32px;image-rendering:pixelated;width:32px}.pixel-sprite-walk{animation:spriteWalk .5s steps(4) infinite}@keyframes spriteIdle{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.pixel-sprite-idle{animation:spriteIdle 1.2s steps(2) infinite}@keyframes bossEntrance{0%{opacity:0;transform:translateX(80px)}20%{opacity:1;transform:translateX(-8px)}35%{transform:translateX(4px)}50%{transform:translateX(-4px)}65%{transform:translateX(2px)}80%{transform:translateX(-2px)}to{transform:translateX(0)}}@keyframes bossShake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-8px)}80%{transform:translateX(8px)}to{transform:translateX(0)}}.anim-boss-entrance{animation:bossEntrance .8s steps(8) forwards}.anim-boss-shake{animation:bossShake .4s steps(4) forwards}@keyframes hpDrain{0%{width:100%;width:var(--hp-from,100%)}to{width:0;width:var(--hp-to,0)}}.anim-hp-drain{animation:hpDrain .6s steps(6) forwards}@keyframes fadeInPixel{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.anim-fade-in{animation:fadeInPixel .2s steps(4) forwards}.anim-slide-down{animation:slideInDown .2s steps(4) forwards}.anim-slide-up{animation:slideInUp .2s steps(4) forwards}.anim-slide-right{animation:slideInRight .2s steps(4) forwards}.anim-slide-left{animation:slideInLeft .2s steps(4) forwards}.anim-delay-1{animation-delay:.05s}.anim-delay-2{animation-delay:.1s}.anim-delay-3{animation-delay:.15s}.anim-delay-4{animation-delay:.2s}.anim-delay-5{animation-delay:.25s}.anim-delay-6{animation-delay:.3s}@keyframes hoverFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.anim-hover-float:hover{animation:hoverFloat .6s steps(3) infinite}.anim-pulse{animation:pixelPulse 1.5s steps(3) infinite}.anim-spin{animation:pixelSpin 1s steps(4) infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.pixel-scanline{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);inset:0;pointer-events:none;position:fixed;z-index:9998}@media (prefers-reduced-motion:reduce){.anim-blink,.anim-blink-cursor,.anim-blink-slow,.anim-hover-float:hover,.anim-pulse,.anim-spin,.pixel-cloud,.pixel-moon,.pixel-sprite-idle,.pixel-sprite-walk,.shooting-star,.stars-far,.stars-mid,.stars-near{animation:none!important}}@keyframes pixelDropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pixelSlideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pixelSlideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pixelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pixelScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounceSm{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pixelBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes pixelPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes starTwinkle{0%{opacity:.2;transform:scale(1)}25%{opacity:1;transform:scale(1.3)}50%{opacity:.5;transform:scale(1)}75%{opacity:.9;transform:scale(1.2)}to{opacity:.2;transform:scale(1)}}@keyframes moonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cloudDrift{0%{transform:translateX(-200px)}to{transform:translateX(calc(100vw + 200px))}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}@keyframes correctFlash{0%,to{background:#00cc441f}50%{background:#00cc4459}}@keyframes rainbowRing{0%{box-shadow:0 0 0 3px red}17%{box-shadow:0 0 0 3px #f90}33%{box-shadow:0 0 0 3px #ff0}50%{box-shadow:0 0 0 3px #0f0}67%{box-shadow:0 0 0 3px #09f}83%{box-shadow:0 0 0 3px #c0f}to{box-shadow:0 0 0 3px red}}@keyframes bossBlink{0%,to{box-shadow:0 0 0 3px #c4f,0 0 20px #cc44ff40}50%{box-shadow:0 0 0 3px #c4f,0 0 40px #cc44ff80}}@keyframes pixelBarScroll{0%{transform:translateX(0)}25%{transform:translateX(-12.5%)}50%{transform:translateX(-25%)}75%{transform:translateX(-37.5%)}to{transform:translateX(0)}}@keyframes pixelFillIn{0%{width:0}to{width:100%;width:var(--progress-value,100%)}}@keyframes pixelBadgePulse{0%,to{box-shadow:0 0 0 2px #0f8;box-shadow:0 0 0 2px var(--badge-border,#0f8)}50%{box-shadow:0 0 0 2px #0f8,0 0 10px #0f8;box-shadow:0 0 0 2px var(--badge-border,#0f8),0 0 10px var(--badge-border,#0f8)}}@keyframes pixelSpin{to{transform:rotate(1turn)}}@keyframes xpfloat{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-70px)}}@keyframes spriteWalkRight{0%{background-position-x:0}to{background-position-x:-100%}}.anim-bounce{animation:bounce 1.5s steps(4) infinite}.anim-bounce-sm{animation:bounceSm 2s steps(4) infinite}.anim-blink{animation:pixelBlink 1s steps(2) infinite}.anim-pulse{animation:pixelPulse 1.5s steps(4) infinite}.anim-shake{animation:shake .4s steps(4) both}.anim-fade-in{animation:pixelFadeIn .3s steps(4) both}.anim-drop-in{animation:pixelDropIn .35s steps(5) both}.anim-slide-right{animation:pixelSlideInRight .3s steps(4) both}.anim-scale-in{animation:pixelScaleIn .3s steps(4) both}@keyframes pixelToastIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pixelToastOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}.pixel-card,.pixel-card--dark,[class*=PixelCard]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0d15308c!important}.widget-header{background:#0a1228a6!important}.pixel-modal-backdrop,.pixel-modal-overlay{background:#000000d1!important}.pixel-modal,[class*=pixel-modal]{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0d1530e0!important}.auth-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#080d1aeb!important;box-shadow:0 0 0 3px var(--color-accent),0 0 0 6px #080d1af2,0 0 0 9px var(--color-accent),0 0 60px #0f83!important}.auth-card input,.auth-card select,.auth-card textarea{background:#050914e6!important}.course-detail-body,.course-detail-hero,.course-detail-tabs,.dashboard-widget,.hr-kpi-grid>*,.lesson-list,.lesson-player-nav,.lesson-player-topbar{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0d153099!important}.conversation-header,.lesson-player-topbar{background:#0a1228bf!important}.contact-list,.course-detail-tabs,.notes-sidebar{background:#0a1228a6!important}.page-content input,.page-content select,.page-content textarea,.pixel-input,.pixel-input-wrapper{background:#0a1228b3!important}.courses-filter-btn{background:#0d15308c!important}.courses-filter-btn--active{background:#00ff881f!important}.activity-log__dot,.announcement-item,.contact-item,.deadline-item,.lb-rank-row,.thread-item{background:#0d153073!important}.announcement-item:hover,.contact-item:hover,.deadline-item:hover,.lb-rank-row:hover,.thread-item:hover{background:#182450a6!important}.question-card,.quiz-lobby-card,.talent-intro-card,.talent-result-card{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0d1530bf!important}.question-option{background:#0a12288c!important}.question-option:hover{background:#00ff881a!important}.question-option--selected{background:#00ff8824!important}.note-card,.note-edit-panel,.note-view{background:#0d15308c!important}.assignment-card,.challenge-boss-card,.challenge-card{background:#0d153099!important}.employee-card,.employee-info-row,.hr-recent-item{background:#0d153073!important}.employee-card:hover,.hr-recent-item:hover{background:#18245099!important}.pixel-progress__track{background:#0a1228b3!important}::-webkit-scrollbar-track{background:#080d1a66!important}.night-sky,.night-sky__cloud,.night-sky__gradient,.night-sky__moon-wrapper,.night-sky__scanlines,.night-sky__stars{opacity:0!important}@media (max-width:600px){.pixel-card,[class*=PixelCard]{background:#0d1530cc!important}.auth-card{background:#080d1af5!important}}:root{--color-bg:#0a0a1a;--color-surface:#ffffff0d;--color-surface-dark:#ffffff05;--color-surface-hover:#ffffff14;--color-border:#ffffff1a;--color-accent:#00e5ff;--color-accent-dark:#0097a7;--color-accent-light:#80f4ff;--color-accent-glow:#00e5ff47;--color-purple:#7c4dff;--color-purple-dark:#4527a0;--color-purple-glow:#7c4dff47;--color-pink:#ff4081;--color-pink-dark:#c60055;--color-pink-glow:#ff408147;--color-gold:#ffd200;--color-gold-dark:#b39200;--color-gold-glow:#ffd20047;--color-green:#0f8;--color-green-dark:#00994f;--color-green-glow:#00ff8847;--color-danger:#ff4081;--color-danger-dark:#c60055;--color-text:#ffffffe6;--color-text-muted:#fff6;--font-pixel:"Orbitron",monospace;--font-body:"Exo 2",sans-serif;--font-mono:"Courier New",monospace;--z-bg:0;--z-ui:1;--z-nav:100;--z-modal:200;--z-toast:300;--z-sidebar:1001}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0a0a1a;background:var(--color-bg);color:#ffffffe6;color:var(--color-text);direction:rtl;font-family:Exo\ 2,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden}body:after{background:repeating-linear-gradient(180deg,#0000 0,#0000 3px,#00000012 0,#00000012 4px);content:"";inset:0;pointer-events:none;position:fixed;z-index:999}img{display:block;max-width:100%}a{color:#00e5ff;color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{border-radius:6px;outline:2px solid #00e5ff;outline:2px solid var(--color-accent);outline-offset:3px}h1,h2,h3,h4,h5,h6{color:#ffffffe6;color:var(--color-text);font-family:Orbitron,monospace;font-family:var(--font-pixel);letter-spacing:1px;line-height:1.4}.px-font{font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important}.px-font-body{font-family:Exo\ 2,sans-serif!important;font-family:var(--font-body)!important}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#00e5ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff73}.page-wrapper{background:#0000!important;min-height:100vh;position:relative;z-index:1;z-index:var(--z-ui)}.page-content{margin:0 auto;max-width:1200px;padding:28px 24px;position:relative;z-index:1}.night-sky,.night-sky__cloud,.night-sky__gradient,.night-sky__moon-wrapper,.night-sky__scanlines,.night-sky__stars{display:none!important}.pixel-card,[class*=pixel-card]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:18px!important;overflow:hidden;position:relative;transition:transform .25s ease,border-color .25s,box-shadow .25s}.pixel-card:before{background:radial-gradient(ellipse at 50% 0,#00e5ff14,#0000 65%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s}.pixel-card:hover{border-color:#00e5ff66!important;box-shadow:0 0 32px #00e5ff2e!important;transform:translateY(-3px)}.pixel-card:hover:before{opacity:1}.pixel-card--no-padding{padding:0!important}.pixel-card--clickable{cursor:pointer}.pixel-card--clickable:active{transform:scale(.99)}.pixel-card-course:hover{border-color:#7c4dff8c!important;box-shadow:0 0 32px #7c4dff33!important}.pixel-card-quiz:hover{border-color:#ffd2008c!important;box-shadow:0 0 32px #ffd20033!important}.pixel-card-challenge:hover{border-color:#ff40818c!important;box-shadow:0 0 32px #ff408133!important}.pixel-card-success:hover{border-color:#00ff888c!important;box-shadow:0 0 32px #0f83!important}.pixel-card-danger:hover{border-color:#ff40818c!important;box-shadow:0 0 32px #ff408133!important}.widget-header{align-items:center;background:#0000002e;border-bottom:1px solid #ffffff12;border-radius:18px 18px 0 0;direction:rtl;display:flex;flex-shrink:0;gap:8px;padding:13px 16px}.widget-header__icon{flex-shrink:0;font-size:1rem}.widget-header__title{color:#00e5ff;color:var(--color-accent);flex:1 1;font-size:.58rem;letter-spacing:1px}.widget-header__link,.widget-header__title{font-family:Orbitron,monospace;font-family:var(--font-pixel)}.widget-header__link{background:none;border:none;color:#fff6;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:.42rem;transition:color .15s}.widget-header__link:hover{color:#00e5ff;color:var(--color-accent)}.widget-body{padding:10px}.pixel-btn,.widget-body{background:#0000!important}.pixel-btn{align-items:center!important;border:2px solid #0000!important;border-radius:var(--radius-pill)!important;cursor:pointer!important;display:inline-flex!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;gap:6px!important;justify-content:center!important;letter-spacing:1px!important;text-decoration:none!important;transition:background .2s,color .2s,box-shadow .2s,transform .15s!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.pixel-btn--sm{font-size:.5rem!important;padding:6px 14px!important}.pixel-btn--md{font-size:.58rem!important;padding:9px 20px!important}.pixel-btn--lg{font-size:.68rem!important;padding:12px 28px!important}.pixel-btn--full{width:100%!important}.pixel-btn--primary:hover:not(:disabled){box-shadow:0 0 22px #00e5ff80!important;color:#0a0a1a!important}.pixel-btn--danger:hover:not(:disabled){box-shadow:0 0 22px #ff408180!important}.pixel-btn--warning:hover:not(:disabled){box-shadow:0 0 22px #ffd20080!important;color:#0a0a1a!important}.pixel-btn--info:hover:not(:disabled){box-shadow:0 0 22px #7c4dff80!important}.pixel-btn--ghost{border-color:#ffffff2e!important;border-radius:10px;color:#0000008c!important}.pixel-btn--ghost:hover:not(:disabled){box-shadow:0 0 12px #00e5ff40!important}.pixel-btn:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.35!important;transform:none!important}.dashboard-page .pixel-btn--primary,[class*=student] .pixel-btn--primary{border-color:#7c4dff!important;color:#7c4dff!important}.dashboard-page .pixel-btn--primary:hover:not(:disabled),[class*=student] .pixel-btn--primary:hover:not(:disabled){background:#7c4dff!important;box-shadow:0 0 22px #7c4dff80!important;color:#fff!important}.teacher-page .pixel-btn--primary,[class*=teacher] .pixel-btn--primary{border-color:#af0!important;color:#af0!important}.teacher-page .pixel-btn--primary:hover:not(:disabled),[class*=teacher] .pixel-btn--primary:hover:not(:disabled){background:#af0!important;box-shadow:0 0 22px #aaff0080!important;color:#0a0a1a!important}.admin-page .pixel-btn--primary,[class*=admin] .pixel-btn--primary{border-color:#ff4081!important;color:#ff4081!important}.admin-page .pixel-btn--primary:hover:not(:disabled),[class*=admin] .pixel-btn--primary:hover:not(:disabled){background:#ff4081!important;box-shadow:0 0 22px #ff408180!important;color:#fff!important}.support-page .pixel-btn--primary,[class*=support] .pixel-btn--primary{border-color:#c4f!important;color:#c4f!important}.support-page .pixel-btn--primary:hover:not(:disabled),[class*=support] .pixel-btn--primary:hover:not(:disabled){background:#c4f!important;border-radius:10px;box-shadow:0 0 22px #cc44ff80!important;color:#fff!important}.pixel-btn[style*=background]{border-color:#0000!important;border-radius:10px;color:inherit!important}.pixel-btn[style*="background: #00ff88"],.pixel-btn[style*="background: #aaff00"],.pixel-btn[style*="background: #ffd700"],.pixel-btn[style*="background:#00ff88"],.pixel-btn[style*="background:#aaff00"],.pixel-btn[style*="background:#ffd700"]{border-radius:10px;color:#0a0a1a!important}.pixel-btn[style*="background: #4169ff"],.pixel-btn[style*="background: #cc44ff"],.pixel-btn[style*="background:#4169ff"],.pixel-btn[style*="background:#cc44ff"]{border-radius:10px}.pixel-btn[style*="background: #00e5cc"],.pixel-btn[style*="background:#00e5cc"]{border-radius:10px;color:#0a0a1a!important}.pixel-btn[style*="background: var(--color-danger)"],.pixel-btn[style*="background:var(--color-danger)"]{border-color:#f44!important;border-radius:10px;color:#fff!important}.pixel-btn[style*=background]:hover:not(:disabled){border-radius:10px;box-shadow:0 0 20px #fff3!important}.pixel-input-wrapper{align-items:center;background:#ffffff0a!important;border:1px solid #ffffff1f!important;border-radius:12px!important;display:flex;transition:border-color .2s,box-shadow .2s}.pixel-input-wrapper--focused{border-color:#00e5ff!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #00e5ff26!important}.pixel-input-wrapper--error{border-color:#ff4081!important;border-color:var(--color-pink)!important}.pixel-input{background:#0000!important;border:none!important;color:#ffffffe6!important;color:var(--color-text)!important;direction:rtl;flex:1 1;font-family:Exo\ 2,sans-serif!important;font-family:var(--font-body)!important;font-size:.92rem!important;outline:none!important;padding:10px 12px!important}.pixel-input-label,.pixel-input::placeholder{color:#fff6!important;color:var(--color-text-muted)!important}.pixel-input-label{font-size:.5rem!important}.pixel-input-error,.pixel-input-label{font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important}.pixel-input-error{color:#ff4081!important;color:var(--color-pink)!important;font-size:.46rem!important}textarea{background:#ffffff0a!important;border:1px solid #ffffff1f!important;border-radius:12px!important;color:#ffffffe6!important;color:var(--color-text)!important;direction:rtl;font-family:Exo\ 2,sans-serif!important;font-family:var(--font-body)!important;font-size:.92rem!important;outline:none!important;padding:10px 14px!important;resize:vertical;width:100%}textarea:focus{border-color:#00e5ff!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #00e5ff26!important}select{background:#ffffff0a!important;border:1px solid #ffffff1f!important;border-radius:12px!important;color:#ffffffe6!important;color:var(--color-text)!important;cursor:pointer;font-family:Exo\ 2,sans-serif!important;font-family:var(--font-body)!important;font-size:.92rem!important;outline:none!important;padding:9px 12px!important;width:100%}select:focus{border-color:#00e5ff!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #00e5ff26!important}.pixel-badge{align-items:center!important;border:1px solid!important;border-radius:20px!important;display:inline-flex!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-size:.46rem!important;gap:4px!important;padding:3px 10px!important;white-space:nowrap}.pixel-badge--green,.pixel-badge-green{background:#00e5ff1a!important;color:#00e5ff!important;color:var(--color-accent)!important}.pixel-badge--yellow,.pixel-badge-yellow{background:#ffd2001a!important;color:#ffd200!important;color:var(--color-gold)!important}.pixel-badge--red,.pixel-badge-red{background:#ff40811a!important;color:#ff4081!important;color:var(--color-pink)!important}.pixel-badge--blue,.pixel-badge--purple,.pixel-badge-blue,.pixel-badge-purple{background:#7c4dff1a!important;color:#7c4dff!important;color:var(--color-purple)!important}.pixel-badge--gray,.pixel-badge--muted,.pixel-badge-gray,.pixel-badge-muted{background:#ffffff0f!important;color:#ffffff73!important}.pixel-modal-backdrop,.pixel-modal-overlay{align-items:center!important;background:#000000bf!important;display:flex!important;inset:0!important;justify-content:center!important;padding:16px!important;position:fixed!important;z-index:200!important;z-index:var(--z-modal)!important}.pixel-modal{backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;background:#0a0a1af5!important;border:1px solid #00e5ff47!important;border-radius:20px!important;box-shadow:0 0 60px #00e5ff1f,0 24px 48px #0009!important;direction:rtl;max-width:480px;width:100%}.pixel-modal--sm{max-width:360px!important}.pixel-modal--md{max-width:520px!important}.pixel-modal--lg{max-width:760px!important}.pixel-modal__header{align-items:center;background:#00000026;border-bottom:1px solid #ffffff12;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.pixel-modal__title{color:#00e5ff!important;color:var(--color-accent)!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-size:.66rem!important;letter-spacing:1px;margin:0}.pixel-modal__close{background:none;border:1px solid #ffffff1f;border-radius:8px;color:#ffffff73;cursor:pointer;font-family:Orbitron,monospace;font-family:var(--font-pixel);font-size:.9rem;padding:4px 10px;transition:border-color .2s,color .2s}.pixel-modal__close:hover{border-color:#ff4081;border-color:var(--color-pink);color:#ff4081;color:var(--color-pink)}.pixel-modal__body{max-height:70vh;overflow-y:auto;padding:20px}.pixel-modal__footer{border-top:1px solid #ffffff12;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.pixel-toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;left:24px;pointer-events:none;position:fixed;z-index:300;z-index:var(--z-toast)}.pixel-toast{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a1af2!important;border-radius:14px!important;direction:rtl;display:flex;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-size:.52rem!important;gap:10px;max-width:320px;min-width:200px;padding:12px 16px;pointer-events:all}.pixel-toast--success{box-shadow:0 0 0 1px #00e5ff,0 0 20px #00e5ff40!important;box-shadow:0 0 0 1px var(--color-accent),0 0 20px #00e5ff40!important;color:#00e5ff!important;color:var(--color-accent)!important}.pixel-toast--error{box-shadow:0 0 0 1px #ff4081,0 0 20px #ff408140!important;box-shadow:0 0 0 1px var(--color-pink),0 0 20px #ff408140!important;color:#ff4081!important;color:var(--color-pink)!important}.pixel-toast--warning{box-shadow:0 0 0 1px #ffd200,0 0 20px #ffd20040!important;box-shadow:0 0 0 1px var(--color-gold),0 0 20px #ffd20040!important;color:#ffd200!important;color:var(--color-gold)!important}.pixel-toast--info{box-shadow:0 0 0 1px #7c4dff,0 0 20px #7c4dff40!important;box-shadow:0 0 0 1px var(--color-purple),0 0 20px #7c4dff40!important;color:#7c4dff!important;color:var(--color-purple)!important}.pixel-toast--xp{box-shadow:0 0 0 1px #ffd200,0 0 20px #ffd20040!important;box-shadow:0 0 0 1px var(--color-gold),0 0 20px #ffd20040!important;color:#ffd200!important;color:var(--color-gold)!important}.pixel-toast__icon{flex-shrink:0;font-size:1rem}.pixel-toast__message{color:#ffffffe6!important;color:var(--color-text)!important;flex:1 1;line-height:1.5}.pixel-toast__close{background:none;border:none;color:#fff6;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:.7rem;padding:0 4px}.pixel-toast__close:hover{color:#ff4081;color:var(--color-pink)}.pixel-loader-fullpage{align-items:center;background:#0a0a1a;background:var(--color-bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pixel-loader{align-items:center;display:flex;flex-direction:column;gap:14px}.pixel-loader__bar-track{background:#ffffff0a;border:1px solid #00e5ff;border:1px solid var(--color-accent);border-radius:99px;height:12px;overflow:hidden;width:180px}.pixel-loader__bar-fill{animation:loaderPulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,#7c4dff,#00e5ff);background:linear-gradient(90deg,var(--color-purple),var(--color-accent));border-radius:99px;height:100%;width:65%}@keyframes loaderPulse{0%,to{opacity:1}50%{opacity:.5}}.pixel-loader__text{animation:loaderPulse 1.2s ease-in-out infinite;color:#00e5ff!important;color:var(--color-accent)!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-size:.5rem!important}.pixel-progress__track{background:#ffffff12!important;border:none!important;border-radius:99px!important;box-shadow:none!important;overflow:hidden}.pixel-progress__fill{border-radius:99px!important;transition:width .6s ease!important}.pixel-progress__fill--accent{background:linear-gradient(90deg,#7c4dff,#00e5ff)!important;background:linear-gradient(90deg,var(--color-purple),var(--color-accent))!important}.pixel-progress__fill--xp{background:linear-gradient(90deg,#ff4081,#ffd200)!important;background:linear-gradient(90deg,var(--color-pink),var(--color-gold))!important}.pixel-progress__fill--success{background:#0f8!important;background:var(--color-green)!important}.pixel-progress__fill--danger{background:#ff4081!important;background:var(--color-pink)!important}.pixel-progress__fill--warning{background:#ffd200!important;background:var(--color-gold)!important}.pixel-progress__label,.pixel-progress__value{color:#fff6!important;color:var(--color-text-muted)!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-size:.46rem!important}.pixel-table-wrapper{border:1px solid #ffffff14;border-radius:14px;overflow-x:auto;width:100%}.pixel-table{background:#ffffff05;border-collapse:collapse;color:#ffffffe6;color:var(--color-text);font-family:Exo\ 2,sans-serif!important;font-family:var(--font-body)!important;font-size:.88rem;width:100%}.pixel-table th,.pixel-table__th{background:#00e5ff0a;border-bottom:1px solid #ffffff14;color:#00e5ff!important;color:var(--color-accent)!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-size:.48rem!important;letter-spacing:1px;padding:12px 16px;text-align:right}.pixel-table td,.pixel-table__td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;color:var(--color-text);padding:11px 16px}.pixel-table tr:hover td{background:#00e5ff0a}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;background:#0a0a1aeb!important;border:1px solid #00e5ff47!important;border-radius:20px!important;box-shadow:0 0 60px #00e5ff24,0 24px 48px #0000008c!important;max-width:420px;padding:32px 28px;width:100%}.auth-card__title{letter-spacing:2px}.auth-card__title,.auth-link,.auth-logo__title{color:#00e5ff!important;color:var(--color-accent)!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important}.auth-corner{border-color:#00e5ff!important;border-color:var(--color-accent)!important}.activity-item,.announcement-item,.contact-item,.course-progress-item,.deadline-item,.hr-recent-item,.lb-rank-row,.lesson-item,.thread-item{background:#ffffff05!important;border-bottom:1px solid #ffffff0d!important;transition:background .18s!important}.activity-item:hover,.announcement-item:hover,.contact-item:hover,.course-progress-item:hover,.deadline-item:hover,.hr-recent-item:hover,.lb-rank-row:hover,.lesson-item:hover,.thread-item:hover{background:#00e5ff0d!important}.deadline-item--red{border-right:3px solid #ff4081!important;border-right:3px solid var(--color-pink)!important}.deadline-item--yellow{border-right:3px solid #ffd200!important;border-right:3px solid var(--color-gold)!important}.deadline-item--green{border-right:3px solid #00e5ff!important;border-right:3px solid var(--color-accent)!important}.deadline-item--gray{border-right:3px solid #ffffff26!important}.lesson-item--active,.thread-item--active{background:#00e5ff0f!important;border-right:3px solid #00e5ff!important;border-right:3px solid var(--color-accent)!important}.announcement-item__title,.course-progress-item__title,.deadline-item__title,.lesson-item__title,.thread-item__name{color:#ffffffe6!important;color:var(--color-text)!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-size:.52rem!important}.announcement-item__preview,.course-progress-item__lessons,.deadline-item__course,.thread-item__preview{color:#fff6!important;color:var(--color-text-muted)!important;font-size:.75rem!important}.hr-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));margin-bottom:16px}.hr-kpi-card{border-radius:16px!important}.hr-kpi-card__val{color:#00e5ff!important;color:var(--color-accent)!important;font-size:1.15rem!important}.hr-kpi-card__label,.hr-kpi-card__val{font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important}.hr-kpi-card__label{color:#fff6!important;color:var(--color-text-muted)!important;font-size:.4rem!important}.arcade-page-title,.courses-header__title,.hr-page-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#00e5ff,#7c4dff)!important;-webkit-background-clip:text!important;background-clip:text!important;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;letter-spacing:2px}.courses-header__sub,.hr-page-sub{color:#fff6!important;color:var(--color-text-muted)!important}.question-card{background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:16px!important}.question-option{background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px!important;transition:all .2s!important}.question-option:hover:not(:disabled){background:#00e5ff0f!important;border-color:#00e5ff66!important}.question-option--selected{background:#00e5ff1a!important;border-color:#00e5ff!important;border-color:var(--color-accent)!important;box-shadow:0 0 14px #00e5ff33!important}.question-option--correct{background:#00ff881a!important;border-color:#0f8!important;border-color:var(--color-green)!important}.question-option--wrong{background:#ff40811a!important;border-color:#ff4081!important;border-color:var(--color-pink)!important}.arcade-sidebar-overlay{animation:fadeIn .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;inset:0;position:fixed;z-index:1000}.arcade-sidebar{animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);background:#0a0a1afa;border-left:1px solid #00e5ff38;box-shadow:-20px 0 60px #00e5ff1a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:300px;z-index:1001;z-index:var(--z-sidebar)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arcade-sidebar__header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 18px 14px}.arcade-sidebar__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#7c4dff);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-family:var(--font-pixel);font-size:.7rem;letter-spacing:3px;margin:0}.arcade-sidebar__close{align-items:center;background:none;border:1px solid #ffffff1f;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:border-color .2s,color .2s;width:32px}.arcade-sidebar__close:hover{border-color:#ff4081;border-color:var(--color-pink);color:#ff4081;color:var(--color-pink)}.arcade-sidebar__body{flex:1 1;overflow-y:auto;padding:8px}.arcade-sidebar__section-title{color:#ffffff40;font-family:Orbitron,monospace;font-family:var(--font-pixel);font-size:.38rem;letter-spacing:3px;padding:10px 8px 5px;text-transform:uppercase}.arcade-sidebar__footer{border-top:1px solid #ffffff12;flex-shrink:0;padding:14px}.arcade-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff8c;cursor:pointer;direction:rtl;display:flex;font-family:Exo\ 2,sans-serif;font-family:var(--font-body);font-size:.88rem;gap:12px;padding:10px 12px;text-align:right;text-decoration:none;transition:background .18s,color .18s;width:100%}.arcade-nav-item:hover{background:#00e5ff14;color:#00e5ff;color:var(--color-accent)}.arcade-nav-item--active{background:#00e5ff1a;border-right:3px solid #00e5ff;border-right:3px solid var(--color-accent);color:#00e5ff;color:var(--color-accent)}.arcade-nav-item__icon{flex-shrink:0;font-size:1.1rem}.arcade-nav-item__label{flex:1 1}.arcade-nav-item__badge{background:#ff40812e;border:1px solid #ff4081;border:1px solid var(--color-pink);border-radius:99px;color:#ff4081;color:var(--color-pink);flex-shrink:0;font-family:Orbitron,monospace;font-family:var(--font-pixel);font-size:.36rem;padding:2px 7px}.arcade-profile-chip{align-items:center;background:#00e5ff0d;border:1px solid #00e5ff1f;border-radius:12px;direction:rtl;display:flex;gap:10px;margin:10px;padding:10px 14px}.arcade-profile-chip__avatar{align-items:center;background:linear-gradient(135deg,#7c4dff,#00e5ff);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.5rem;height:36px;justify-content:center;width:36px}.arcade-profile-chip__avatar,.arcade-profile-chip__name{font-family:Orbitron,monospace;font-family:var(--font-pixel)}.arcade-profile-chip__name{color:#ffffffe6;color:var(--color-text);font-size:.48rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-profile-chip__role{color:#ffffff6b;font-size:.72rem}.arcade-wallet-chip{align-items:center;background:#ffd2000d;border:1px solid #ffd20024;border-radius:12px;cursor:pointer;direction:rtl;display:flex;justify-content:space-between;margin:0 10px 8px;padding:9px 14px}.arcade-wallet-chip__label{color:#ffffff61;font-size:.38rem}.arcade-wallet-chip__amount,.arcade-wallet-chip__label{font-family:Orbitron,monospace;font-family:var(--font-pixel)}.arcade-wallet-chip__amount{color:#ffd200;color:var(--color-gold);font-size:.68rem}.arcade-menu-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1ae6;border:1px solid #00e5ff47;border-radius:12px;color:#00e5ff;color:var(--color-accent);cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;position:fixed;right:16px;top:16px;transition:box-shadow .2s,border-color .2s;width:44px;z-index:900}.arcade-menu-btn:hover{border-color:#00e5ff;border-color:var(--color-accent);box-shadow:0 0 20px #00e5ff4d}.glow-cyan{text-shadow:0 0 14px #00e5ff;text-shadow:0 0 14px var(--color-accent)}.glow-purple{text-shadow:0 0 14px #7c4dff;text-shadow:0 0 14px var(--color-purple)}.glow-pink{text-shadow:0 0 14px #ff4081;text-shadow:0 0 14px var(--color-pink)}.glow-gold{text-shadow:0 0 14px #ffd200;text-shadow:0 0 14px var(--color-gold)}.arcade-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#7c4dff,#ff4081);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace!important;font-family:var(--font-pixel)!important;font-weight:900;letter-spacing:3px}@keyframes arcade-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.arcade-float{animation:arcade-float 3s ease-in-out infinite}.px-green{color:#00e5ff!important;color:var(--color-accent)!important}.px-yellow{color:#ffd200!important;color:var(--color-gold)!important}.px-red{color:#ff4081!important;color:var(--color-pink)!important}.px-blue,.px-purple{color:#7c4dff!important;color:var(--color-purple)!important}.px-muted{color:#fff6!important;color:var(--color-text-muted)!important}.px-divider{border:none;border-top:1px solid #ffffff12;margin:16px 0}@media (max-width:600px){.arcade-sidebar{width:88vw}.pixel-card,[class*=pixel-card]{border-radius:14px!important}.pixel-btn{font-size:.55rem!important}.page-content{padding:16px}}@media (prefers-reduced-motion:reduce){.arcade-float,.arcade-sidebar{animation:none!important}.pixel-btn,.pixel-card{transition:none!important}}:root{--color-bg:#0d0d24!important;--color-surface:#ffffff14!important;--color-surface-dark:#ffffff0d!important;--color-surface-hover:#ffffff1c!important;--color-border:#ffffff24!important;--color-text:#fffffff2!important;--color-text-muted:#ffffff8c!important}body{background:#0d0d24!important}.pixel-card{background:#ffffff12!important;border-color:#ffffff21!important}.widget-header{background:#ffffff0f!important}.widget-body{background:#ffffff05!important}.btn,.pixel-btn,[class*=btn],[class*=pixel-btn],button{border-radius:99px!important}.assignment-card,.auth-card,.card,.challenge-card,.course-card,.dashboard-widget,.employee-card,.note-card,.pixel-card,.question-card,.quiz-lobby-card,.talent-intro-card,.talent-result-card,.widget-body,.widget-header,[class*=pixel-card]{border-radius:16px!important}.widget-header{border-radius:16px 16px 0 0!important}.pixel-input,.pixel-input-wrapper,[class*=pixel-input],input,select,textarea{border-radius:12px!important}.badge,.pixel-badge,.tag,[class*=pixel-badge]{border-radius:99px!important}.pixel-modal,.pixel-modal-backdrop>*,[class*=pixel-modal]{border-radius:20px!important}.pixel-toast,[class*=pixel-toast]:not(.pixel-toast-container){border-radius:14px!important}.announcement-item,.contact-item,.deadline-item,.hr-recent-item,.lesson-item,.note-card,.thread-item{border-radius:10px!important;margin-bottom:4px!important}.courses-filter-btn,.pixel-progress__fill,.pixel-progress__track,[class*=filter-btn],[class*=progress]{border-radius:99px!important}.conversation-header,.lesson-player-topbar,.quiz-active-topbar,.talent-topbar{border-radius:0!important}.arcade-nav-item{border-radius:10px!important}.arcade-profile-chip,.arcade-wallet-chip{border-radius:12px!important}.arcade-sidebar{border-radius:20px 0 0 20px!important}.arcade-sidebar__close{border-radius:8px!important}.pixel-btn--primary{background:#0000!important;border-color:#00e5ff!important;color:#00e5ff!important}.pixel-btn--primary:hover:not(:disabled){background:#00e5ff!important;box-shadow:0 0 24px #00e5ff80!important;color:#0d0d24!important;transform:translateY(-2px)!important}.pixel-btn--danger{background:#0000!important;border-color:#ff4081!important;color:#ff4081!important}.pixel-btn--danger:hover:not(:disabled){background:#ff4081!important;box-shadow:0 0 24px #ff408180!important;color:#fff!important;transform:translateY(-2px)!important}.pixel-btn--warning{background:#0000!important;border-color:#ffd200!important;color:#ffd200!important}.pixel-btn--warning:hover:not(:disabled){background:#ffd200!important;box-shadow:0 0 24px #ffd20080!important;color:#0d0d24!important;transform:translateY(-2px)!important}.pixel-btn--info{background:#0000!important;border-color:#7c4dff!important;color:#7c4dff!important}.pixel-btn--info:hover:not(:disabled){background:#7c4dff!important;box-shadow:0 0 24px #7c4dff80!important;color:#fff!important;transform:translateY(-2px)!important}.pixel-btn--ghost{background:#0000!important;border-color:#ffffff38!important;color:#ffffffb3!important}.pixel-btn--ghost:hover:not(:disabled){background:#00e5ff14!important;border-color:#00e5ff!important;box-shadow:0 0 14px #00e5ff40!important;color:#00e5ff!important;transform:translateY(-2px)!important}.pixel-btn[style*="background: #00ff88"],.pixel-btn[style*="background:#00ff88"]{border-color:#0f8!important;border-radius:99px!important;color:#0d0d24!important}.pixel-btn[style*="background: #aaff00"],.pixel-btn[style*="background:#aaff00"]{border-color:#af0!important;border-radius:99px!important;color:#0d0d24!important}.pixel-btn[style*="background: #ffd700"],.pixel-btn[style*="background:#ffd700"]{border-color:gold!important;border-radius:99px!important;color:#0d0d24!important}.pixel-btn[style*="background: #cc44ff"],.pixel-btn[style*="background:#cc44ff"]{border-color:#c4f!important;border-radius:99px!important;color:#fff!important}.pixel-btn[style*="background: #4169ff"],.pixel-btn[style*="background:#4169ff"]{border-color:#4169ff!important;border-radius:99px!important;color:#fff!important}.pixel-btn[style*="background: #00e5cc"],.pixel-btn[style*="background:#00e5cc"]{border-color:#00e5cc!important;border-radius:99px!important;color:#0d0d24!important}.pixel-btn[style*="background:var(--color-danger)"]{border-radius:99px!important;color:#fff!important}.pixel-btn[style*=background]:hover:not(:disabled){box-shadow:0 0 20px #ffffff26!important;filter:brightness(1.15)!important;transform:translateY(-2px)!important}.pixel-btn[style*="background:#00ff"],.pixel-btn[style*="background:#aaf"],.pixel-btn[style*="background:#ffd"],.pixel-btn[style*="color: #000"],.pixel-btn[style*="color: #0a0a1a"],.pixel-btn[style*="color:#000"],.pixel-btn[style*="color:#0a0a1a"]{color:#0d0d24!important}.arcade-dash-menu-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d24eb;border:1px solid #00e5ff4d;border-radius:14px;bottom:24px;box-shadow:0 4px 20px #00e5ff26;color:#00e5ff;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:.55rem;gap:8px;left:24px;letter-spacing:2px;padding:10px 18px;position:fixed;transition:box-shadow .2s,border-color .2s;z-index:850}.arcade-dash-menu-btn:hover{border-color:#00e5ff;box-shadow:0 4px 30px #00e5ff4d}.announcement-item,.contact-item,.deadline-item,.hr-recent-item,.thread-item{background:#ffffff08!important}.announcement-item:hover,.contact-item:hover,.deadline-item:hover,.hr-recent-item:hover,.thread-item:hover{background:#00e5ff0f!important}.hr-kpi-card{background:#ffffff12!important;border-color:#ffffff1f!important}.pixel-input-wrapper{background:#ffffff12!important;border-color:#ffffff26!important}.auth-card{background:#0f0f28f0!important}.arcade-sidebar{background:#0c0c1efa!important}.arcade-nav-item:hover{background:#00e5ff17!important}.pixel-table__head{background:#ffffff0f!important}.pixel-table{background:#ffffff08!important}.pixel-table__row--clickable:hover{background:#00e5ff0d!important}@media (max-width:600px){.pixel-btn,[class*=pixel-btn],button{border-radius:99px!important}}:root{--font-pixel-xs:0.65rem!important;--font-pixel-sm:0.80rem!important;--font-pixel-base:0.95rem!important;--font-pixel-lg:1.15rem!important;--font-pixel-xl:1.45rem!important;--font-size-xs:0.85rem!important;--font-size-sm:1.00rem!important;--font-size-base:1.15rem!important;--font-size-md:1.25rem!important;--font-size-lg:1.50rem!important;--font-size-xl:1.85rem!important}.widget-header__title{font-size:.85rem!important}.widget-header__link{font-size:.62rem!important}.widget-header__icon{font-size:1.45rem!important}.announcement-item__title,.course-progress-item__title,.deadline-item__title,.lesson-item__title,.thread-item__name{font-size:.78rem!important}.announcement-item__preview,.course-progress-item__lessons,.deadline-item__course,.thread-item__preview{font-size:1.02rem!important}.hr-kpi-card__val{font-size:1.65rem!important}.hr-kpi-card__label{font-size:.62rem!important}.pixel-btn--sm{font-size:.72rem!important}.pixel-btn--md{font-size:.85rem!important}.pixel-btn--lg{font-size:1rem!important}.pixel-badge{font-size:.68rem!important}.pixel-modal__title{font-size:.95rem!important}.arcade-page-title,.courses-header__title,.hr-page-title{font-size:1.6rem!important}.courses-header__sub,.hr-page-sub{font-size:1.05rem!important}.pixel-input-label,.pixel-loader__text,.pixel-toast{font-size:.75rem!important}.pixel-input-error,.pixel-progress__label,.pixel-progress__value{font-size:.7rem!important}label{font-size:1rem!important;font-size:var(--font-size-sm)!important}input,select,textarea{font-size:1.05rem!important}.pixel-table th,.pixel-table__th{font-size:.72rem!important}.pixel-table td,.pixel-table__td{font-size:1.1rem!important}.arcade-sidebar__title{font-size:.95rem!important}.arcade-sidebar__section-title{font-size:.6rem!important}.arcade-nav-item{font-size:1.12rem!important}.arcade-nav-item__badge{font-size:.55rem!important}.arcade-profile-chip__name{font-size:.7rem!important}.arcade-profile-chip__role{font-size:.95rem!important}.arcade-wallet-chip__label{font-size:.58rem!important}.arcade-wallet-chip__amount{font-size:.95rem!important}.question-card,.question-option{font-size:1.1rem!important}button span{line-height:1.4}@media (max-width:900px){.arcade-page-title,.courses-header__title,.hr-page-title{font-size:1.3rem!important}.hr-kpi-card__val{font-size:1.35rem!important}.widget-header__title{font-size:.75rem!important}}@media (max-width:600px){.arcade-page-title,.courses-header__title,.hr-page-title{font-size:1.1rem!important}.hr-kpi-card__val{font-size:1.15rem!important}.deadline-item__title,.widget-header__title{font-size:.68rem!important}.deadline-item__course{font-size:.9rem!important}input,select,textarea{font-size:1rem!important}}@media (max-width:900px){[style*="repeat(3"],[style*="repeat(4"],[style*="repeat(5"],[style*="repeat(6"]{grid-template-columns:repeat(2,1fr)!important}.hr-kpi-grid{grid-template-columns:repeat(2,minmax(140px,1fr))!important}.page-content{padding:20px!important}}@media (max-width:640px){[style*=grid-template-columns]{grid-template-columns:1fr!important}.hr-kpi-grid{grid-template-columns:repeat(2,minmax(120px,1fr))!important}.page-content{padding:14px!important}.hr-page-header{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.hr-page-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%}.pixel-modal{max-width:94vw!important}.pixel-modal__body{padding:14px!important}[style*="display: flex"][style*=gap],[style*="display:flex"][style*=gap]{flex-wrap:wrap!important}.pixel-btn{padding:9px 14px!important}}@media (max-width:480px){.arcade-sidebar{width:92vw!important}}@media (max-width:640px){.pixel-table-wrapper{overflow-x:auto}.pixel-table{min-width:560px}}@media (max-width:480px){.hr-kpi-card__inner{padding:10px!important}}
/*# sourceMappingURL=main.adae3257.css.map*/