@charset "UTF-8";.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:rotate(30deg) translate(-100%);transition:transform .5s ease}.hover-shine:hover:after{transform:rotate(30deg) translate(100%)}.click-ripple{position:relative;overflow:hidden}.click-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.click-ripple:active:before{width:200%;height:200%;opacity:1}.click-press{transition:transform .1s ease}.click-press:active{transform:scale(.95)}.click-bounce{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.click-bounce:active{transform:scale(.9)}.btn-animated{position:relative;overflow:hidden;transition:all .2s ease}.btn-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-animated:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.btn-animated:hover:before{left:100%}.btn-animated:active{transform:translateY(0)}.btn-premium-haptic{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-premium-haptic:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 20px #0003,inset 0 0 10px #ffffff1a}.btn-premium-haptic:active:not(:disabled){transform:translateY(1px) scale(.98);filter:brightness(.9);box-shadow:inset 0 2px 4px #0000004d}.glass-beam-container{position:relative;overflow:hidden}.glass-beam-container .glass-beam{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:skew(-25deg);transition:left .5s ease;pointer-events:none}.glass-beam-container:hover .glass-beam{left:150%}.card-interactive{transition:all .3s ease;cursor:pointer}.card-interactive:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000026;border-color:var(--primary-color)}.card-tilt{transition:transform .3s ease;transform-style:preserve-3d}.card-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateZ(10px)}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes glass-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-glass{position:relative;overflow:hidden;background:var(--glass-2-0-bg);backdrop-filter:blur(var(--glass-2-0-blur));-webkit-backdrop-filter:blur(var(--glass-2-0-blur));border:1px solid var(--glass-2-0-border);border-radius:12px}.skeleton-glass:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.05) 50%,transparent 100%);animation:glass-shimmer 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-wiggle{animation:wiggle .5s ease-in-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideInUp .4s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideInDown .4s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:slideInLeft .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:slideInRight .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699}}.animate-glow{animation:glowPulse 2s ease-in-out infinite}@keyframes flame{0%,to{transform:scaleY(1) scaleX(1);filter:brightness(1)}50%{transform:scaleY(1.1) scaleX(.95);filter:brightness(1.2)}}.animate-flame{animation:flame .5s ease-in-out infinite}@keyframes rainbow{0%{border-color:#ef4444}16%{border-color:#f97316}33%{border-color:#eab308}50%{border-color:#22c55e}66%{border-color:#3b82f6}83%{border-color:#0891b2}to{border-color:#ef4444}}.animate-rainbow{animation:rainbow 3s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.9s}.delay-10{animation-delay:1s}.transition-fast{transition-duration:.15s}.transition-normal{transition-duration:.3s}.transition-slow{transition-duration:.5s}.ease-in{transition-timing-function:ease-in}.ease-out{transition-timing-function:ease-out}.ease-in-out{transition-timing-function:ease-in-out}.ease-bounce{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.animate-ready{opacity:0;transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:var(--animate-delay, 0ms)}.animate-visible{opacity:1}.animate-fade.animate-ready{opacity:0}.animate-fade.animate-visible{opacity:1}.animate-fade-up.animate-ready{opacity:0;transform:translateY(20px)}.animate-fade-up.animate-visible{opacity:1;transform:translateY(0)}.animate-fade-down.animate-ready{opacity:0;transform:translateY(-20px)}.animate-fade-down.animate-visible{opacity:1;transform:translateY(0)}.animate-fade-left.animate-ready{opacity:0;transform:translate(-30px)}.animate-fade-left.animate-visible{opacity:1;transform:translate(0)}.animate-fade-right.animate-ready{opacity:0;transform:translate(30px)}.animate-fade-right.animate-visible{opacity:1;transform:translate(0)}.animate-scale.animate-ready{opacity:0;transform:scale(.9)}.animate-scale.animate-visible{opacity:1;transform:scale(1)}.animate-scale-up.animate-ready{opacity:0;transform:scale(.8) translateY(10px)}.animate-scale-up.animate-visible{opacity:1;transform:scale(1) translateY(0)}.animate-zoom.animate-ready{opacity:0;transform:scale(.5)}.animate-zoom.animate-visible{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.animate-slide-up.animate-ready{transform:translateY(100%)}.animate-slide-up.animate-visible{transform:translateY(0);opacity:1}.animate-slide-down.animate-ready{transform:translateY(-100%)}.animate-slide-down.animate-visible{transform:translateY(0);opacity:1}.animate-slide-left.animate-ready{transform:translate(-100%)}.animate-slide-left.animate-visible{transform:translate(0);opacity:1}.animate-slide-right.animate-ready{transform:translate(100%)}.animate-slide-right.animate-visible{transform:translate(0);opacity:1}.animate-flip.animate-ready{opacity:0;transform:perspective(400px) rotateY(-90deg)}.animate-flip.animate-visible{opacity:1;transform:perspective(400px) rotateY(0)}.animate-bounce.animate-ready{opacity:0;transform:translateY(30px)}.animate-bounce.animate-visible{opacity:1;transform:translateY(0);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}@keyframes ripple-animation{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-container{position:relative;overflow:hidden}@media(prefers-reduced-motion:reduce){.animate-ready,.animate-visible,[class*=animate-]{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}.ripple-effect{display:none!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus,.sr-only-focusable:active{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:normal!important}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}@media(prefers-contrast:high){:focus-visible,.focus-visible{outline:3px solid currentColor!important;outline-offset:3px!important}}@media(prefers-contrast:high){:root{--primary-color: #0066cc;--success-color: #008800;--warning-color: #cc6600;--danger-color: #cc0000;--border-color: #000000}.card,.btn,input,select,textarea{border-width:2px!important}}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}button,[role=button],a{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px}.touch-target-sm{min-width:32px;min-height:32px;margin:6px}.text-high-contrast{color:var(--text-primary)!important;font-weight:500}a:not([class]){color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}a:not([class]):hover{text-decoration-thickness:2px}a:not([class]):visited{color:#6b21a8}.required-indicator{color:var(--danger-color);margin-left:4px}.required-indicator:before{content:"*"}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{outline-color:var(--danger-color);box-shadow:0 0 0 3px #ef444433}.form-group.has-error .error-message{color:var(--danger-color);font-size:.875rem;margin-top:.25rem}.form-group.has-error .error-message:before{content:"\26a0  "}label{display:block;margin-bottom:.5rem;font-weight:500}.help-text{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.loading-indicator:before{content:"";display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite;margin-right:.5em}[dir=rtl] .icon-arrow,[dir=rtl] .icon-chevron{transform:scaleX(-1)}[dir=rtl] .ms-auto{margin-right:auto!important;margin-left:initial!important}[dir=rtl] .me-auto{margin-left:auto!important;margin-right:initial!important}[dir=rtl] .ps-3{padding-right:1rem!important;padding-left:initial!important}[dir=rtl] .pe-3{padding-left:1rem!important;padding-right:initial!important}[dir=rtl] .text-start{text-align:right!important}[dir=rtl] .text-end{text-align:left!important}[dir=rtl] .flex-row{flex-direction:row-reverse!important}[dir=rtl] .border-start{border-right:1px solid var(--border-color)!important;border-left:none!important}[dir=rtl] .border-end{border-left:1px solid var(--border-color)!important;border-right:none!important}.skip-links{position:absolute;top:0;left:0;z-index:10000}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:1rem 2rem;background:var(--primary-color);color:#fff;text-decoration:none;font-weight:600;border-radius:0 0 8px 8px;transition:top .2s ease;z-index:10000}.skip-link:focus{top:0;outline:2px solid white;outline-offset:2px}main:focus{outline:none}[tabindex="-1"]:focus{outline:none}.icon-decorative{aria-hidden:true}.icon-meaningful:not([aria-label]){outline:2px dashed orange}button:disabled,button[aria-disabled=true],[role=button]:disabled,[role=button][aria-disabled=true]{cursor:not-allowed;opacity:.6}button[aria-pressed=true],[role=button][aria-pressed=true]{background:var(--primary-color);color:#fff}::selection{background:var(--primary-color);color:#fff}@media print{a[href]:after{content:" (" attr(href) ")";font-size:.8em;font-weight:400}nav,.no-print,[aria-hidden=true]{display:none!important}*{color:#000!important;background:#fff!important}}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}.safe-area-all{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.safe-margin-top{margin-top:env(safe-area-inset-top,0)}.safe-margin-bottom{margin-bottom:env(safe-area-inset-bottom,0)}@media(pointer:coarse){button,a,select,.clickable,[role=button]{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px;margin:10px}p a,span a,li a:not(.nav-item){min-height:auto;min-width:auto}}*{-webkit-tap-highlight-color:transparent}.tap-highlight{position:relative;overflow:hidden}.tap-highlight:after{content:"";position:absolute;inset:0;background:var(--bg-hover);opacity:0;transition:opacity .1s ease;pointer-events:none}.tap-highlight:active:after{opacity:1}.no-overscroll{overscroll-behavior:none}.overscroll-y{overscroll-behavior-x:none;overscroll-behavior-y:auto}.scroll-snap-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}.scroll-snap-x>*{scroll-snap-align:start}.scroll-snap-y{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}.scroll-snap-y>*{scroll-snap-align:start}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.momentum-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(max-width:768px){html{font-size:15px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.container{padding-left:1rem;padding-right:1rem}.section{padding-top:1.5rem;padding-bottom:1.5rem}.card{padding:1rem}}.has-bottom-nav{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.mobile-page-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}@media(max-height:500px)and (orientation:landscape){.mobile-header .header-content{min-height:48px}.bottom-nav .nav-items{padding:.25rem;min-height:48px}.hide-landscape{display:none!important}}@supports (padding-top: env(safe-area-inset-top)){.notch-aware-header{padding-top:max(1rem,env(safe-area-inset-top))}}@media(max-width:768px){.fullscreen-mobile{position:fixed;inset:0;z-index:100;background:var(--bg-page)}.modal-container{max-width:100%;width:100%;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:calc(100vh - env(safe-area-inset-top,0));position:fixed;bottom:0;left:0;right:0}}.pull-indicator{width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:.5rem auto}.swipe-action{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;color:#fff;font-weight:600}.swipe-action.delete{background:var(--danger-color)}.swipe-action.archive{background:var(--warning-color)}.swipe-action.edit{background:var(--primary-color)}.mobile-card-list{display:flex;flex-direction:column;gap:.75rem}@media(max-width:768px){.mobile-card-list{margin:0 -1rem}.mobile-card-list>*{border-radius:0;border-left:none;border-right:none}}.sticky-top{position:sticky;top:0;z-index:10;background:var(--bg-page)}.sticky-bottom{position:sticky;bottom:0;z-index:10;background:var(--bg-page);padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:768px){input,textarea,select{font-size:16px!important}.form-group{flex-direction:column}.form-group label{margin-bottom:.25rem}.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:640px){.tablet-up{display:none!important}}@media(display-mode:standalone){.pwa-header{padding-top:env(safe-area-inset-top,0)}html,body{overscroll-behavior:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=premium-dark]{--bg-page: #050510;--bg-page-rgb: 5, 5, 16;--bg-card: rgba(15, 15, 35, .6);--bg-card-solid: #0f0f23;--bg-secondary: rgba(20, 20, 45, .5);--bg-card-hover: rgba(25, 25, 55, .7);--bg-input: rgba(10, 10, 25, .8);--bg-hover: rgba(6, 182, 212, .12);--bg-overlay: rgba(0, 0, 0, .8);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .05);--primary-50: rgba(6, 182, 212, .1);--primary-100: rgba(6, 182, 212, .2);--primary-color: #22d3ee;--primary-light: rgba(34, 211, 238, .15);--primary-glow: rgba(34, 211, 238, .4);--primary-gradient: linear-gradient(135deg, #06b6d4, #0891b2);--accent-color: #fb923c;--accent-light: rgba(251, 146, 60, .15);--accent-glow: rgba(251, 146, 60, .4);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f0f23;--border-color: rgba(255, 255, 255, .08);--border-color-light: rgba(255, 255, 255, .04);--border-glow: rgba(34, 211, 238, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow-primary: 0 0 30px rgba(34, 211, 238, .3);--shadow-glow-xp: 0 0 30px rgba(251, 191, 36, .3);--shadow-glow-success: 0 0 30px rgba(52, 211, 153, .3);--shadow-glow-streak: 0 0 30px rgba(251, 146, 60, .3);--xp-gold: #fbbf24;--xp-gold-light: rgba(251, 191, 36, .15);--xp-gold-glow: rgba(251, 191, 36, .5);--xp-gradient: linear-gradient(135deg, #fde047, #f59e0b);--streak-orange: #fb923c;--streak-orange-light: rgba(251, 146, 60, .15);--streak-glow: rgba(251, 146, 60, .5);--streak-gradient: linear-gradient(135deg, #fdba74, #ea580c);--level-purple: #22d3ee;--level-purple-light: rgba(34, 211, 238, .15);--level-glow: rgba(34, 211, 238, .5);--level-gradient: linear-gradient(135deg, #67e8f9, #06b6d4);--success-color: #34d399;--success-glow: rgba(52, 211, 153, .4);--danger-color: #f87171;--info-color: #38bdf8}[data-theme=premium-dark] .sidebar{display:flex;flex-direction:column;padding:1rem;gap:.75rem;border-radius:0}[data-theme=premium-dark] .sidebar .logo,[data-theme=premium-dark] .sidebar .sidebar-logo{display:flex;align-items:center;gap:.5rem;padding:.375rem;margin-bottom:.75rem;text-decoration:none}[data-theme=premium-dark] .sidebar .logo .logo-img,[data-theme=premium-dark] .sidebar .logo .logo-icon,[data-theme=premium-dark] .sidebar .sidebar-logo .logo-img,[data-theme=premium-dark] .sidebar .sidebar-logo .logo-icon{width:36px;height:36px;border-radius:12px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-primary)}[data-theme=premium-dark] .sidebar .logo .logo-img img,[data-theme=premium-dark] .sidebar .logo .logo-icon img,[data-theme=premium-dark] .sidebar .sidebar-logo .logo-img img,[data-theme=premium-dark] .sidebar .sidebar-logo .logo-icon img{width:20px;height:20px}[data-theme=premium-dark] .sidebar .logo .logo-text,[data-theme=premium-dark] .sidebar .sidebar-logo .logo-text{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=premium-dark] .sidebar .nav-item{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s ease;position:relative;background:transparent;border:none}[data-theme=premium-dark] .sidebar .nav-item:hover{background:#ffffff0d;color:var(--text-primary)}[data-theme=premium-dark] .sidebar .nav-item.active{background:linear-gradient(135deg,#06b6d426,#0891b21a);color:var(--primary-color)}[data-theme=premium-dark] .sidebar .nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary-gradient);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--primary-glow)}[data-theme=premium-dark] .sidebar .sidebar-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);background:transparent}[data-theme=premium-dark] .sidebar .user-btn{display:flex;align-items:center;gap:.625rem;padding:.625rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}[data-theme=premium-dark] .sidebar .user-btn .avatar{width:36px;height:36px;border-radius:10px;background:var(--level-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.85rem;border:none}[data-theme=premium-dark] .sidebar .user-btn .user-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=premium-dark] .navbar{background:#0a0a19cc!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px #0003!important}[data-theme=premium-dark] .content{background:transparent!important}[data-theme=premium-dark] .stat-card,[data-theme=premium-dark] .bento-card,[data-theme=premium-dark] .card{background:var(--glass-2-0-bg);backdrop-filter:blur(var(--glass-2-0-blur));-webkit-backdrop-filter:blur(var(--glass-2-0-blur));border:1px solid var(--glass-2-0-border);box-shadow:var(--glass-2-0-shadow);border-radius:20px}[data-theme=premium-dark] .premium-card,[data-theme=premium-dark] .bento-grid .bento-item,[data-theme=premium-dark] .premium-card-success,[data-theme=premium-dark] .premium-card-streak,[data-theme=premium-dark] .premium-card-level,[data-theme=premium-dark] .premium-card-xp{background:linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s ease}[data-theme=premium-dark] .premium-card:before,[data-theme=premium-dark] .bento-grid .bento-item:before,[data-theme=premium-dark] .premium-card-success:before,[data-theme=premium-dark] .premium-card-streak:before,[data-theme=premium-dark] .premium-card-level:before,[data-theme=premium-dark] .premium-card-xp:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}[data-theme=premium-dark] .premium-card:hover,[data-theme=premium-dark] .bento-grid .bento-item:hover,[data-theme=premium-dark] .premium-card-success:hover,[data-theme=premium-dark] .premium-card-streak:hover,[data-theme=premium-dark] .premium-card-level:hover,[data-theme=premium-dark] .premium-card-xp:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=premium-dark] .premium-card-xp{background:linear-gradient(135deg,#fbbf2414,#f59e0b08);border-color:#fbbf2426}[data-theme=premium-dark] .premium-card-xp:hover{box-shadow:var(--shadow-glow-xp);border-color:#fbbf2440}[data-theme=premium-dark] .premium-card-level{background:linear-gradient(135deg,#22d3ee14,#0891b208);border-color:#22d3ee26}[data-theme=premium-dark] .premium-card-level:hover{box-shadow:var(--shadow-glow-primary);border-color:#22d3ee40}[data-theme=premium-dark] .premium-card-streak{background:linear-gradient(135deg,#fb923c14,#ea580c08);border-color:#fb923c26}[data-theme=premium-dark] .premium-card-streak:hover{box-shadow:var(--shadow-glow-streak);border-color:#fb923c40}[data-theme=premium-dark] .premium-card-success{background:linear-gradient(135deg,#34d39914,#10b98108);border-color:#34d39926}[data-theme=premium-dark] .premium-card-success:hover{box-shadow:var(--shadow-glow-success);border-color:#34d39940}[data-theme=premium-dark] .neon-progress-ring{position:relative;display:flex;align-items:center;justify-content:center}[data-theme=premium-dark] .neon-progress-ring svg{transform:rotate(-90deg);filter:drop-shadow(0 0 8px var(--ring-glow, var(--primary-glow)))}[data-theme=premium-dark] .neon-progress-ring .ring-bg{stroke:#ffffff0d}[data-theme=premium-dark] .neon-progress-ring .ring-progress{stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}[data-theme=premium-dark] .neon-progress-ring .ring-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}[data-theme=premium-dark] .neon-progress-ring.ring-xp{--ring-glow: var(--xp-gold-glow)}[data-theme=premium-dark] .neon-progress-ring.ring-xp .ring-progress{stroke:url(#xp-gradient)}[data-theme=premium-dark] .neon-progress-ring.ring-level{--ring-glow: var(--level-glow)}[data-theme=premium-dark] .neon-progress-ring.ring-level .ring-progress{stroke:url(#level-gradient)}[data-theme=premium-dark] .neon-progress-ring.ring-streak{--ring-glow: var(--streak-glow)}[data-theme=premium-dark] .neon-progress-ring.ring-streak .ring-progress{stroke:url(#streak-gradient)}[data-theme=premium-dark] .gradient-text{background:linear-gradient(135deg,#f1f5f9,#22d3ee,#f1f5f9);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s linear infinite}[data-theme=premium-dark] .gradient-text-xp{background:linear-gradient(135deg,#fde047,#f59e0b,#fde047);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s linear infinite}@keyframes gradient-shift{0%{background-position:0% center}to{background-position:200% center}}[data-theme=premium-dark] .glow-border{position:relative}[data-theme=premium-dark] .glow-border:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}[data-theme=premium-dark] .bento-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(12,1fr)}[data-theme=premium-dark] .bento-grid .bento-item.col-3{grid-column:span 3}[data-theme=premium-dark] .bento-grid .bento-item.col-4{grid-column:span 4}[data-theme=premium-dark] .bento-grid .bento-item.col-6{grid-column:span 6}[data-theme=premium-dark] .bento-grid .bento-item.col-8{grid-column:span 8}[data-theme=premium-dark] .bento-grid .bento-item.col-12{grid-column:span 12}[data-theme=premium-dark] .bento-grid .bento-item.row-2{grid-row:span 2}@media(max-width:1024px){[data-theme=premium-dark] .bento-grid{grid-template-columns:repeat(6,1fr)}[data-theme=premium-dark] .bento-grid .bento-item.col-3,[data-theme=premium-dark] .bento-grid .bento-item.col-4{grid-column:span 3}[data-theme=premium-dark] .bento-grid .bento-item.col-6,[data-theme=premium-dark] .bento-grid .bento-item.col-8,[data-theme=premium-dark] .bento-grid .bento-item.col-12{grid-column:span 6}}@media(max-width:640px){[data-theme=premium-dark] .bento-grid{grid-template-columns:1fr}[data-theme=premium-dark] .bento-grid .bento-item{grid-column:span 1!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-full{bottom:100%}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[300px\]{max-height:300px}.max-h-\[500px\]{max-height:500px}.w-14{width:3.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(249 250 251 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-black\/5{border-color:#0000000d}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-indigo-400\/30{border-color:#818cf84d}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/30{background-color:#f9fafb4d}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-300{--tw-bg-opacity: 1;background-color:rgb(165 180 252 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/30{background-color:#6366f14d}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-indigo-800\/40{background-color:#3730a366}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.from-level{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-level{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-success{fill:#10b981}.fill-warning{fill:#f59e0b}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-danger{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-indigo-100{--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-indigo-900{--tw-text-opacity: 1;color:rgb(49 46 129 / var(--tw-text-opacity, 1))}.text-info{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-warning{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-rose-300{text-decoration-color:#fda4af}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.neu-card{background:var(--neu-bg, var(--bg-card));border:1px solid var(--neu-border, transparent);box-shadow:var(--neu-shadow-dark),var(--neu-shadow-light);z-index:10;transition:all .2s cubic-bezier(.4,0,.2,1)}.neu-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--neu-shadow-dark-hover, var(--neu-shadow-dark)),var(--neu-shadow-light-hover, var(--neu-shadow-light))}.neu-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.neu-card:disabled,.neu-card.disabled{box-shadow:none;transform:none;opacity:.6;cursor:not-allowed;background:var(--neu-bg);border-color:transparent}.neu-card{border-radius:var(--radius-lg, 24px);padding:1.5rem}.glass-panel{background:var(--glass-surface, rgba(255, 255, 255, .7));backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));box-shadow:var(--shadow-sm);z-index:1;border-radius:var(--radius-lg, 24px);padding:1.5rem}.glass-fast{background:var(--glass-surface, rgba(255, 255, 255, .7));backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));box-shadow:var(--shadow-sm);z-index:1;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-surface)}.neu-btn{background:var(--neu-bg, var(--bg-card));border:1px solid var(--neu-border, transparent);box-shadow:var(--neu-shadow-dark),var(--neu-shadow-light);z-index:10;transition:all .2s cubic-bezier(.4,0,.2,1)}.neu-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--neu-shadow-dark-hover, var(--neu-shadow-dark)),var(--neu-shadow-light-hover, var(--neu-shadow-light))}.neu-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.neu-btn:disabled,.neu-btn.disabled{box-shadow:none;transform:none;opacity:.6;cursor:not-allowed;background:var(--neu-bg);border-color:transparent}.neu-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md, 12px);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.neu-btn:active:not(:disabled):not(.disabled),.neu-btn.active:not(:disabled):not(.disabled){background:var(--neu-pressed-bg, var(--neu-bg));border-color:transparent;transform:translateY(1px);box-shadow:inset var(--neu-shadow-dark),inset var(--neu-shadow-light)}.gamified-container{position:relative;background:var(--glass-surface);border:1px solid var(--primary-light);box-shadow:0 0 20px var(--primary-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;overflow:hidden}.gamified-container .gamified-inset{background:#0000001a;box-shadow:inset 2px 2px 10px #0000001a;border-radius:12px}.role-student{--radius-sm: 12px;--radius-md: 16px;--radius-lg: 32px;--glass-blur: 24px;--neu-shadow-dist: 8px;--card-padding: 2rem;--transition-speed: .3s}.role-teacher{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--glass-blur: 12px;--glass-surface: var(--bg-card);--card-padding: 1.5rem}.role-teacher .ambient-orb{opacity:.5;filter:blur(100px)}.role-admin{--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--glass-blur: 0px;--glass-surface: var(--bg-card-solid);--glass-border: var(--border-color);--neu-shadow-dark: none;--neu-shadow-light: none;--neu-border: var(--border-color);--card-padding: 1rem}.role-admin .ambient-orb{display:none}.role-admin .glass-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-card-solid);border:1px solid var(--border-color)}.role-admin table{font-size:.9rem}.role-admin table td,.role-admin table th{padding:.5rem .75rem}:root{--stimulus-level: 1;--motion-budget: 1;--orb-opacity: 1;--glass-quality: 1}.cognitive-fresh{--stimulus-level: 1;--motion-budget: 1;--orb-opacity: 1}.cognitive-saturated{--stimulus-level: .5;--motion-budget: .5;--orb-opacity: .4}.cognitive-saturated .neu-card,.cognitive-saturated .neu-btn{--neu-shadow-dark: rgba(0, 0, 0, .1)}.cognitive-eco{--stimulus-level: 0;--motion-budget: 0;--orb-opacity: 0;--glass-blur: 0px !important}.cognitive-eco *{animation-duration:0s!important}.cognitive-eco{--trans-dur: 0ms}.ambient-orb{opacity:calc(var(--base-opacity, 1) * var(--orb-opacity));animation-duration:calc(25s / var(--motion-budget, 1))}.neu-card,.neu-btn{box-shadow:calc(6px * var(--stimulus-level)) calc(6px * var(--stimulus-level)) calc(12px * var(--stimulus-level)) var(--neu-shadow-dark),calc(-6px * var(--stimulus-level)) calc(-6px * var(--stimulus-level)) calc(12px * var(--stimulus-level)) var(--neu-shadow-light)}.neu-card:hover:not(:disabled),.neu-btn:hover:not(:disabled){transform:translateY(calc(-2px * var(--motion-budget)))}.gamified-particle{opacity:var(--stimulus-level)}.cognitive-eco .gamified-particle{display:none}.critical-alert,.danger-zone,.save-status,.loading-spinner{--stimulus-level: 1 !important;--motion-budget: 1 !important;opacity:1!important;animation-duration:1s!important}.role-admin{--stimulus-level: .5;--motion-budget: 0}.mode-focus{--glass-blur: 0px;--glass-surface: var(--bg-card-solid, #ffffff);--transition-speed: 0s}.mode-focus .ambient-orb{opacity:0!important;animation:none!important}.mode-focus{--neu-shadow-dark: none;--neu-shadow-light: none;--neu-border: var(--border-color)}.mode-focus .nav-badge,.mode-focus .xp-indicator,.mode-focus .streak-fire{filter:grayscale(1);opacity:.5}.mode-focus .sidebar{border-right:1px solid var(--border-color)}.mode-explore .ambient-orb{opacity:1}.mode-explore{--neu-scale-hover: 1.05}.mode-explore .gamified-container{box-shadow:0 0 30px var(--primary-glow);border-color:var(--primary-color)}.mode-monitor{--glass-blur: 0px;--glass-surface: var(--bg-card);--neu-border: var(--border-color-dark);--card-padding: .75rem;--radius-lg: 8px}.mode-monitor .ambient-orb{opacity:.1;filter:blur(150px)}.mode-monitor{--bg-card: var(--bg-card-solid)}.mode-focus .hide-in-focus{display:none!important}.show-only-monitor{display:none}.mode-monitor .show-only-monitor{display:block}:root{--trans-dur: .3s;--trans-ease: cubic-bezier(.4, 0, .2, 1);--trans-delay: 0ms}@media(prefers-reduced-motion:reduce){:root{--trans-dur: 0ms !important;--trans-delay: 0ms !important;--trans-ease: linear !important}.ambient-orb{animation:none!important;opacity:.1!important}}.mode-focus{--trans-dur: .25s;--trans-ease: cubic-bezier(.1, .9, .2, 1);--trans-delay: 0ms}.mode-explore{--trans-dur: .6s;--trans-ease: cubic-bezier(.34, 1.3, .64, 1);--trans-delay: .1s}.mode-monitor{--trans-dur: .2s;--trans-ease: ease-out;--trans-delay: 0ms}body,.premium-layout,.premium-page-wrapper{transition:background-color var(--trans-dur) var(--trans-ease),color var(--trans-dur) var(--trans-ease)}.ambient-orb{transition:opacity var(--trans-dur) ease-in-out,transform 1s ease-in-out}.premium-card,.neu-card,.glass-panel,.sidebar{transition:background-color var(--trans-dur) var(--trans-ease),border-color var(--trans-dur) var(--trans-ease),box-shadow var(--trans-dur) var(--trans-ease),backdrop-filter var(--trans-dur) var(--trans-ease),transform .2s ease}h1,h2,h3,p,span,a{transition:color var(--trans-dur) var(--trans-ease)}.header-right,.primary-action,.sidebar-logo,.breadcrumbs{transition:none!important}body.transitioning{pointer-events:none;overflow-y:scroll}@media(max-width:479px){.hide-xs{display:none!important}}@media(max-width:639px){.hide-sm{display:none!important}}@media(max-width:767px){.hide-md{display:none!important}}@media(max-width:1023px){.hide-lg{display:none!important}}.show-xs{display:none!important}@media(max-width:479px){.show-xs{display:block!important}}.show-sm{display:none!important}@media(max-width:639px){.show-sm{display:block!important}}.show-md{display:none!important}@media(max-width:767px){.show-md{display:block!important}}.show-lg{display:none!important}@media(max-width:1023px){.show-lg{display:block!important}}.container{width:100%;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.responsive-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.responsive-grid.two-cols,.responsive-grid.three-cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.responsive-grid.three-cols{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.stack-mobile{flex-direction:column!important}.stack-mobile>*{width:100%!important}}.text-responsive{font-size:.875rem}@media(min-width:640px){.text-responsive{font-size:1rem}}@media(min-width:1024px){.text-responsive{font-size:1.125rem}}.p-responsive{padding:1rem}@media(min-width:768px){.p-responsive{padding:1.5rem}}@media(min-width:1024px){.p-responsive{padding:2rem}}.gap-responsive{gap:.75rem}@media(min-width:768px){.gap-responsive{gap:1rem}}@media(min-width:1024px){.gap-responsive{gap:1.5rem}}@media(max-width:767px){.touch-target{min-height:44px;min-width:44px}button,a,input,select,textarea{min-height:44px}}@media(max-width:639px){h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.btn-full-mobile{width:100%;justify-content:center}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}}@supports (padding: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}}@media(min-width:1024px){.hover-scale:hover{transform:scale(1.02);transition:transform .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000001a;transition:all .2s ease}}@media(hover:none)and (pointer:coarse){.hover-scale:hover,.hover-lift:hover{transform:none!important;box-shadow:none!important}}@media(orientation:landscape)and (max-height:500px){.navbar{height:50px!important}.sidebar-footer{display:none!important}}:root,[data-theme=light]{--primary-50: #ecfeff;--primary-100: #cffafe;--primary-200: #a5f3fc;--primary-300: #67e8f9;--primary-400: #22d3ee;--primary-500: #06b6d4;--primary-600: #0891b2;--primary-700: #0e7490;--primary-800: #155e75;--primary-900: #164e63;--primary-color: var(--primary-600);--primary-light: var(--primary-100);--primary-gradient: linear-gradient(135deg, var(--primary-500), var(--primary-700));--primary-glow: rgba(8, 145, 178, .3);--accent-color: #f97316;--accent-light: rgba(249, 115, 22, .12);--success-color: #10b981;--success-light: rgba(16, 185, 129, .12);--success-dark: #059669;--warning-color: #f59e0b;--warning-light: rgba(245, 158, 11, .12);--warning-dark: #d97706;--danger-color: #ef4444;--danger-light: rgba(239, 68, 68, .12);--danger-dark: #dc2626;--info-color: #06b6d4;--info-light: rgba(6, 182, 212, .12);--info-dark: #0891b2;--xp-gold: #d97706;--xp-gold-light: rgba(217, 119, 6, .12);--xp-gold-gradient: linear-gradient(135deg, #fbbf24, #d97706);--xp-gold-glow: rgba(217, 119, 6, .25);--streak-orange: #ea580c;--streak-orange-light: rgba(234, 88, 12, .12);--streak-gradient: linear-gradient(135deg, #fb923c, #ea580c);--streak-glow: rgba(234, 88, 12, .25);--badge-purple: #0891b2;--badge-purple-light: rgba(8, 145, 178, .12);--badge-gradient: linear-gradient(135deg, #22d3ee, #0e7490);--level-cyan: #0891b2;--level-cyan-light: rgba(8, 145, 178, .12);--level-gradient: linear-gradient(135deg, #22d3ee, #06b6d4);--level-purple: #0891b2;--level-purple-light: rgba(8, 145, 178, .12);--level-glow: rgba(8, 145, 178, .25);--bg-page: #f8fafc;--bg-page-rgb: 248, 250, 252;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--bg-card-solid: #ffffff;--bg-secondary: #f1f5f9;--bg-card-hover: #f1f5f9;--bg-input: #ffffff;--bg-hover: rgba(59, 130, 246, .08);--bg-overlay: rgba(15, 23, 42, .5);--bg-gradient: linear-gradient(135deg, var(--bg-page), var(--bg-secondary));--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(0, 0, 0, .08);--glass-highlight: rgba(255, 255, 255, .95);--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, 1) 100%);--sidebar-border: rgba(0, 0, 0, .1);--sidebar-shadow: 4px 0 24px rgba(0, 0, 0, .06);--nav-active-bg: linear-gradient(135deg, rgba(8, 145, 178, .15) 0%, rgba(6, 182, 212, .1) 100%);--nav-hover-bg: rgba(0, 0, 0, .05);--card-glass-bg: rgba(255, 255, 255, .9);--card-glass-border: rgba(0, 0, 0, .1);--card-border-subtle: rgba(0, 0, 0, .08);--header-bg: rgba(255, 255, 255, .92);--header-border: rgba(0, 0, 0, .08);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--text-link: var(--primary-600);--text-link-hover: var(--primary-700);--border-color: #e2e8f0;--border-color-light: #f1f5f9;--border-color-dark: #cbd5e1;--border-focus: var(--primary-500);--border-glow: rgba(59, 130, 246, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .03);--shadow-focus: 0 0 0 3px var(--primary-light);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-primary: 0 0 20px rgba(59, 130, 246, .2);--shadow-glow-xp: 0 0 20px rgba(217, 119, 6, .2);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .2);--shadow-glow-streak: 0 0 20px rgba(234, 88, 12, .2);--input-bg: var(--bg-input);--input-border: var(--border-color);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--aurora-blob-1: radial-gradient(circle at 0% 0%, rgba(8, 145, 178, .15) 0%, transparent 50%);--aurora-blob-2: radial-gradient(circle at 100% 0%, rgba(249, 115, 22, .08) 0%, transparent 40%);--aurora-blob-3: radial-gradient(circle at 100% 100%, rgba(6, 182, 212, .1) 0%, transparent 50%);--glass-surface: rgba(255, 255, 255, .94);--glass-border: rgba(0, 0, 0, .04);--glass-blur: 10px;--neu-bg: #f8fafc;--neu-pressed-bg: #f1f5f9;--neu-border: #ffffff;--neu-border-subtle: #e2e8f0;--neu-shadow-light: -4px -4px 12px #ffffff;--neu-shadow-dark: 8px 8px 24px rgba(148, 163, 184, .12);--neu-shadow-light-hover: -5px -5px 15px #ffffff;--neu-shadow-dark-hover: 12px 12px 32px rgba(148, 163, 184, .2);--sidebar-text-primary: #1e293b;--sidebar-text-secondary: #475569;--sidebar-text-muted: #64748b;--glass-2-0-bg: rgba(255, 255, 255, .4);--glass-2-0-blur: 24px;--glass-2-0-border: rgba(255, 255, 255, .4);--glass-2-0-shadow: 0 4px 16px rgba(0, 0, 0, .04);--noise-opacity: .01;--aurora-opacity: .5;--aurora-blob-1: radial-gradient(circle at 10% 10%, rgba(6, 182, 212, .1) 0%, transparent 45%);--aurora-blob-2: radial-gradient(circle at 90% 5%, rgba(249, 115, 22, .05) 0%, transparent 40%);--aurora-blob-3: radial-gradient(circle at 85% 95%, rgba(6, 182, 212, .08) 0%, transparent 50%);--aurora-blob-4: radial-gradient(circle at 15% 90%, rgba(8, 145, 178, .08) 0%, transparent 40%);--dropdown-bg: rgba(255, 255, 255, .98)}[data-theme=dark]{--primary-50: #083344;--primary-100: #164e63;--primary-200: #155e75;--primary-300: #0e7490;--primary-400: #0891b2;--primary-500: #06b6d4;--primary-600: #22d3ee;--primary-700: #67e8f9;--primary-800: #a5f3fc;--primary-900: #cffafe;--primary-color: #22d3ee;--primary-light: rgba(34, 211, 238, .15);--primary-gradient: linear-gradient(135deg, #06b6d4, #0891b2);--primary-glow: rgba(34, 211, 238, .4);--accent-color: #fb923c;--accent-light: rgba(251, 146, 60, .15);--bg-page: #0f172a;--bg-page-rgb: 15, 23, 42;--bg-card: #1e293b;--bg-card-rgb: 30, 41, 59;--bg-card-solid: #1e293b;--bg-secondary: #1e293b;--bg-card-hover: #334155;--bg-input: #1e293b;--bg-hover: rgba(6, 182, 212, .15);--bg-overlay: rgba(0, 0, 0, .7);--bg-gradient: linear-gradient(135deg, #0f172a, #1e293b);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .05);--sidebar-bg: linear-gradient(180deg, rgba(15, 23, 42, .95) 0%, rgba(15, 23, 42, .98) 100%);--sidebar-border: rgba(255, 255, 255, .08);--sidebar-shadow: 4px 0 32px rgba(0, 0, 0, .4);--sidebar-text-primary: #f1f5f9;--sidebar-text-secondary: #cbd5e1;--sidebar-text-muted: #64748b;--nav-active-bg: linear-gradient(135deg, rgba(34, 211, 238, .15) 0%, rgba(8, 145, 178, .1) 100%);--nav-hover-bg: rgba(255, 255, 255, .05);--card-glass-bg: rgba(30, 41, 59, .7);--card-glass-border: rgba(255, 255, 255, .1);--card-border-subtle: rgba(255, 255, 255, .06);--header-bg: rgba(15, 23, 42, .9);--header-border: rgba(255, 255, 255, .06);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #0f172a;--text-link: #60a5fa;--text-link-hover: #93c5fd;--border-color: #334155;--border-color-light: #1e293b;--border-color-dark: #475569;--border-focus: #60a5fa;--border-glow: rgba(96, 165, 250, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .3);--shadow-glow: 0 0 30px rgba(96, 165, 250, .2);--shadow-glow-primary: 0 0 30px rgba(96, 165, 250, .25);--shadow-glow-xp: 0 0 30px rgba(251, 191, 36, .25);--shadow-glow-success: 0 0 30px rgba(52, 211, 153, .25);--shadow-glow-streak: 0 0 30px rgba(251, 146, 60, .25);--success-color: #34d399;--success-light: rgba(52, 211, 153, .15);--success-dark: #10b981;--warning-color: #fbbf24;--warning-light: rgba(251, 191, 36, .15);--warning-dark: #f59e0b;--danger-color: #f87171;--danger-light: rgba(248, 113, 113, .15);--danger-dark: #ef4444;--info-color: #22d3ee;--info-light: rgba(34, 211, 238, .15);--info-dark: #06b6d4;--xp-gold: #fbbf24;--xp-gold-light: rgba(251, 191, 36, .15);--xp-gold-gradient: linear-gradient(135deg, #fde047, #f59e0b);--xp-gold-glow: rgba(251, 191, 36, .4);--streak-orange: #fb923c;--streak-orange-light: rgba(251, 146, 60, .15);--streak-gradient: linear-gradient(135deg, #fdba74, #f97316);--streak-glow: rgba(251, 146, 60, .4);--badge-purple: #22d3ee;--badge-purple-light: rgba(34, 211, 238, .15);--badge-gradient: linear-gradient(135deg, #67e8f9, #0891b2);--level-cyan: #22d3ee;--level-cyan-light: rgba(34, 211, 238, .15);--level-gradient: linear-gradient(135deg, #67e8f9, #06b6d4);--level-purple: #22d3ee;--level-purple-light: rgba(34, 211, 238, .15);--level-glow: rgba(34, 211, 238, .4);--input-bg: #1e293b;--input-border: #334155;--input-text: #f1f5f9;--input-placeholder: #64748b;--scrollbar-track: #1e293b;--scrollbar-thumb: #475569;--scrollbar-thumb-hover: #64748b;--aurora-blob-1: radial-gradient(circle at 0% 0%, rgba(34, 211, 238, .1) 0%, transparent 50%);--aurora-blob-2: radial-gradient(circle at 100% 0%, rgba(15, 23, 42, .8) 0%, transparent 50%);--aurora-blob-3: radial-gradient(circle at 50% 100%, rgba(8, 145, 178, .08) 0%, transparent 50%);--glass-surface: rgba(30, 41, 59, .92);--glass-border: rgba(255, 255, 255, .04);--glass-blur: 12px;--neu-bg: #1e293b;--neu-pressed-bg: #0f172a;--neu-border: rgba(255, 255, 255, .03);--neu-shadow-light: 0 -1px 0 rgba(255, 255, 255, .02);--neu-shadow-dark: 0 10px 40px rgba(0, 0, 0, .45);--neu-shadow-light-hover: 0 -1px 0 rgba(255, 255, 255, .04);--neu-shadow-dark-hover: 0 20px 50px rgba(0, 0, 0, .6);--glass-2-0-bg: rgba(15, 23, 42, .4);--glass-2-0-blur: 32px;--glass-2-0-border: rgba(255, 255, 255, .08);--glass-2-0-shadow: 0 8px 32px rgba(0, 0, 0, .4);--noise-opacity: .01;--aurora-opacity: .7;--aurora-blob-1: radial-gradient(circle at 10% 10%, rgba(6, 182, 212, .25) 0%, transparent 45%);--aurora-blob-2: radial-gradient(circle at 90% 5%, rgba(249, 115, 22, .15) 0%, transparent 40%);--aurora-blob-3: radial-gradient(circle at 85% 95%, rgba(6, 182, 212, .2) 0%, transparent 50%);--aurora-blob-4: radial-gradient(circle at 15% 90%, rgba(8, 145, 178, .15) 0%, transparent 40%);--dropdown-bg: rgba(15, 23, 42, .95)}[data-theme=warm]{--primary-color: #b45309;--primary-light: rgba(180, 83, 9, .1);--primary-gradient: linear-gradient(135deg, #d97706, #92400e);--bg-page: #faf8f5;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--bg-secondary: #fdfcfa;--bg-card-hover: #f5f0e8;--bg-input: #ffffff;--bg-hover: rgba(180, 83, 9, .08);--bg-overlay: rgba(41, 37, 36, .5);--bg-gradient: linear-gradient(135deg, #faf8f5, #fef3c7);--text-primary: #292524;--text-secondary: #57534e;--text-muted: #78716c;--text-inverse: #ffffff;--text-link: #b45309;--text-link-hover: #92400e;--border-color: #d6d3d1;--border-color-light: #e7e5e4;--border-color-dark: #a8a29e;--border-focus: #d97706;--shadow-card: 0 1px 3px rgba(41, 37, 36, .08);--shadow-glow: 0 0 20px rgba(217, 119, 6, .2);--glass-surface: rgba(250, 248, 245, .85);--glass-border: rgba(214, 211, 209, .4);--glass-blur: 12px;--neu-bg: #faf8f5;--neu-pressed-bg: #f5f5f4;--neu-border: #ffffff;--neu-shadow-light: -6px -6px 14px #ffffff;--neu-shadow-dark: 6px 6px 14px #d6d3d1;--neu-shadow-light-hover: -8px -8px 18px #ffffff;--neu-shadow-dark-hover: 8px 8px 18px #a8a29e;--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(254, 252, 243, 1) 100%);--sidebar-border: rgba(214, 211, 209, .4);--sidebar-text-primary: #292524;--sidebar-text-secondary: #57534e;--sidebar-text-muted: #a8a29e;--header-bg: rgba(255, 255, 255, .92);--header-border: rgba(214, 211, 209, .3);--nav-active-bg: linear-gradient(135deg, rgba(217, 119, 6, .15) 0%, rgba(180, 83, 9, .1) 100%);--nav-hover-bg: rgba(180, 83, 9, .05);--glass-2-0-bg: rgba(255, 255, 255, .2);--glass-2-0-blur: 24px;--glass-2-0-border: rgba(180, 83, 9, .1);--glass-2-0-shadow: 0 8px 32px 0 rgba(180, 83, 9, .03);--noise-opacity: .01;--aurora-opacity: .5;--dropdown-bg: rgba(250, 248, 245, .98)}[data-theme=midnight]{--primary-color: #22d3ee;--primary-light: rgba(34, 211, 238, .15);--primary-gradient: linear-gradient(135deg, #06b6d4, #4f46e5);--bg-page: #0c0f1a;--bg-card: #151929;--bg-card-rgb: 21, 25, 41;--bg-secondary: #1a1f35;--bg-card-hover: #232942;--bg-input: #151929;--bg-hover: rgba(34, 211, 238, .12);--bg-overlay: rgba(0, 0, 0, .8);--bg-gradient: linear-gradient(135deg, #0c0f1a, #1a1f35);--text-primary: #e2e8f0;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #0c0f1a;--text-link: #22d3ee;--text-link-hover: #a5b4fc;--border-color: #2d3655;--border-color-light: #1a1f35;--border-color-dark: #3f4873;--border-focus: #22d3ee;--shadow-glow: 0 0 30px rgba(6, 182, 212, .15);--xp-gold: #fcd34d;--streak-orange: #fb923c;--badge-purple: #c084fc;--level-cyan: #67e8f9;--glass-surface: rgba(21, 25, 41, .8);--glass-border: rgba(34, 211, 238, .1);--glass-blur: 24px;--card-glass-bg: rgba(21, 25, 41, .85);--glass-bg: rgba(12, 15, 26, .7);--glass-highlight: rgba(34, 211, 238, .05);--neu-bg: #151929;--neu-pressed-bg: #0c0f1a;--neu-border: rgba(255, 255, 255, .03);--neu-shadow-light: -4px -4px 12px rgba(34, 211, 238, .02);--neu-shadow-dark: 6px 6px 16px rgba(0, 0, 0, .6);--neu-shadow-light-hover: -5px -5px 15px rgba(34, 211, 238, .04);--neu-shadow-dark-hover: 10px 10px 24px rgba(0, 0, 0, .8);--sidebar-bg: linear-gradient(180deg, rgba(12, 15, 26, .95) 0%, rgba(21, 25, 41, .98) 100%);--sidebar-border: rgba(34, 211, 238, .08);--sidebar-text-primary: #e2e8f0;--sidebar-text-secondary: #a1a1aa;--sidebar-text-muted: #64748b;--header-bg: rgba(12, 15, 26, .9);--header-border: rgba(34, 211, 238, .06);--nav-active-bg: linear-gradient(135deg, rgba(34, 211, 238, .15) 0%, rgba(6, 182, 212, .1) 100%);--nav-hover-bg: rgba(34, 211, 238, .05);--glass-2-0-bg: rgba(12, 15, 26, .25);--glass-2-0-blur: 32px;--glass-2-0-border: rgba(34, 211, 238, .1);--glass-2-0-shadow: 0 10px 40px rgba(0, 0, 0, .6);--noise-opacity: .01;--aurora-opacity: .7;--dropdown-bg: rgba(12, 15, 26, .95)}[data-theme=forest]{--primary-color: #10b981;--primary-light: rgba(16, 185, 129, .12);--primary-gradient: linear-gradient(135deg, #10b981, #059669);--bg-page: #0d1912;--bg-card: #142118;--bg-card-rgb: 20, 33, 24;--bg-secondary: #1a2b20;--bg-card-hover: #243329;--bg-input: #142118;--bg-hover: rgba(16, 185, 129, .12);--bg-overlay: rgba(0, 0, 0, .75);--bg-gradient: linear-gradient(135deg, #0d1912, #1a2b20);--text-primary: #ecfdf5;--text-secondary: #a7f3d0;--text-muted: #6ee7b7;--text-inverse: #0d1912;--text-link: #34d399;--text-link-hover: #6ee7b7;--border-color: #2d4a3a;--border-color-light: #1a2b20;--border-color-dark: #3f6451;--border-focus: #10b981;--shadow-glow: 0 0 30px rgba(16, 185, 129, .15);--success-color: #34d399;--warning-color: #fbbf24;--danger-color: #fb7185;--info-color: #38bdf8;--xp-gold: #fbbf24;--streak-orange: #fb923c;--badge-purple: #22d3ee;--level-cyan: #22d3ee;--glass-surface: rgba(20, 33, 24, .8);--glass-border: rgba(16, 185, 129, .1);--glass-blur: 16px;--card-glass-bg: rgba(20, 33, 24, .85);--glass-bg: rgba(13, 25, 18, .7);--glass-highlight: rgba(16, 185, 129, .05);--neu-bg: #142118;--neu-pressed-bg: #0d1912;--neu-border: rgba(255, 255, 255, .03);--neu-shadow-light: -4px -4px 10px rgba(255, 255, 255, .02);--neu-shadow-dark: 5px 5px 14px rgba(0, 0, 0, .5);--neu-shadow-light-hover: -5px -5px 14px rgba(255, 255, 255, .04);--neu-shadow-dark-hover: 8px 8px 20px rgba(0, 0, 0, .7);--sidebar-bg: linear-gradient(180deg, rgba(13, 25, 18, .95) 0%, rgba(20, 33, 24, .98) 100%);--sidebar-border: rgba(52, 211, 153, .08);--sidebar-text-primary: #ecfdf5;--sidebar-text-secondary: #a7f3d0;--sidebar-text-muted: #34d399;--header-bg: rgba(13, 25, 18, .9);--header-border: rgba(52, 211, 153, .06);--nav-active-bg: linear-gradient(135deg, rgba(52, 211, 153, .15) 0%, rgba(16, 185, 129, .1) 100%);--nav-hover-bg: rgba(52, 211, 153, .05);--glass-2-0-bg: rgba(13, 25, 18, .25);--glass-2-0-blur: 32px;--glass-2-0-border: rgba(52, 211, 153, .08);--glass-2-0-shadow: 0 10px 40px rgba(0, 0, 0, .6);--noise-opacity: .01;--aurora-opacity: .7;--dropdown-bg: rgba(13, 25, 18, .95)}[data-theme=amoled]{--primary-color: #60a5fa;--primary-light: rgba(96, 165, 250, .12);--primary-gradient: linear-gradient(135deg, #3b82f6, #1d4ed8);--bg-page: #000000;--bg-card: #0a0a0a;--bg-card-rgb: 10, 10, 10;--bg-secondary: #0f0f0f;--bg-card-hover: #1a1a1a;--bg-input: #0a0a0a;--bg-hover: rgba(96, 165, 250, .1);--bg-overlay: rgba(0, 0, 0, .9);--bg-gradient: linear-gradient(135deg, #000000, #0a0a0a);--text-primary: #ffffff;--text-secondary: #d4d4d4;--text-muted: #737373;--text-inverse: #000000;--text-link: #60a5fa;--text-link-hover: #93c5fd;--border-color: #262626;--border-color-light: #171717;--border-color-dark: #404040;--border-focus: #60a5fa;--shadow-sm: none;--shadow-md: 0 0 1px rgba(255, 255, 255, .1);--shadow-lg: 0 0 2px rgba(255, 255, 255, .1);--shadow-card: 0 0 1px rgba(255, 255, 255, .05);--shadow-glow: 0 0 20px rgba(96, 165, 250, .2);--xp-gold: #fcd34d;--streak-orange: #fb923c;--badge-purple: #c084fc;--level-cyan: #67e8f9;--glass-surface: rgba(10, 10, 10, .85);--glass-border: rgba(255, 255, 255, .15);--glass-blur: 0px;--card-glass-bg: #0a0a0a;--glass-bg: #000000;--glass-highlight: rgba(255, 255, 255, .05);--neu-bg: #000000;--neu-pressed-bg: #000000;--neu-border: #333333;--neu-shadow-light: none;--neu-shadow-dark: none;--neu-shadow-light-hover: none;--neu-shadow-dark-hover: 0 0 15px rgba(255, 255, 255, .1);--sidebar-bg: #000000;--sidebar-border: #333333;--sidebar-text-primary: #ffffff;--sidebar-text-secondary: #d4d4d4;--sidebar-text-muted: #555555;--header-bg: #000000;--header-border: #333333;--nav-active-bg: #1a1a1a;--nav-hover-bg: #0f0f0f;--glass-2-0-bg: #000000;--glass-2-0-blur: 0px;--glass-2-0-border: #333333;--glass-2-0-shadow: none;--noise-opacity: 0;--aurora-opacity: 0;--dropdown-bg: #000000}[data-theme=ocean]{--primary-color: #0284c7;--primary-light: rgba(2, 132, 199, .12);--primary-gradient: linear-gradient(135deg, #0ea5e9, #0369a1);--primary-glow: rgba(14, 165, 233, .3);--bg-page: #f0f9ff;--bg-page-rgb: 240, 249, 255;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--bg-card-solid: #ffffff;--bg-secondary: #e0f2fe;--bg-card-hover: #e0f2fe;--bg-input: #ffffff;--bg-hover: rgba(14, 165, 233, .1);--bg-overlay: rgba(7, 89, 133, .5);--bg-gradient: linear-gradient(135deg, #f0f9ff, #e0f2fe);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(14, 165, 233, .15);--glass-highlight: rgba(255, 255, 255, .9);--text-primary: #0c4a6e;--text-secondary: #0369a1;--text-muted: #0284c7;--text-inverse: #ffffff;--text-link: #0284c7;--text-link-hover: #0369a1;--border-color: #bae6fd;--border-color-light: #e0f2fe;--border-color-dark: #7dd3fc;--border-focus: #0ea5e9;--shadow-glow: 0 0 20px rgba(14, 165, 233, .2);--shadow-card: 0 2px 8px rgba(14, 165, 233, .1);--xp-gold: #ca8a04;--streak-orange: #c2410c;--badge-purple: #0e7490;--level-cyan: #0891b2;--glass-surface: rgba(240, 249, 255, .8);--glass-border: rgba(186, 230, 253, .5);--glass-blur: 16px;--neu-bg: #f0f9ff;--neu-pressed-bg: #e0f2fe;--neu-border: #ffffff;--neu-shadow-light: -6px -6px 14px rgba(255, 255, 255, .9);--neu-shadow-dark: 6px 6px 14px rgba(14, 165, 233, .15);--neu-shadow-light-hover: -8px -8px 20px #ffffff;--neu-shadow-dark-hover: 8px 8px 20px rgba(14, 165, 233, .25);--sidebar-bg: linear-gradient(180deg, rgba(240, 249, 255, .98) 0%, rgba(224, 242, 254, 1) 100%);--sidebar-border: rgba(186, 230, 253, .4);--sidebar-text-primary: #0c4a6e;--sidebar-text-secondary: #0369a1;--sidebar-text-muted: #7dd3fc;--header-bg: rgba(255, 255, 255, .9);--header-border: rgba(186, 230, 253, .3);--nav-active-bg: linear-gradient(135deg, rgba(14, 165, 233, .15) 0%, rgba(2, 132, 199, .1) 100%);--nav-hover-bg: rgba(14, 165, 233, .05);--glass-2-0-bg: rgba(240, 249, 255, .2);--glass-2-0-blur: 24px;--glass-2-0-border: rgba(14, 165, 233, .1);--glass-2-0-shadow: 0 8px 32px 0 rgba(14, 165, 233, .05);--noise-opacity: .01;--aurora-opacity: .5;--dropdown-bg: rgba(240, 249, 255, .98)}[data-theme=rose]{--primary-color: #db2777;--primary-light: rgba(219, 39, 119, .12);--primary-gradient: linear-gradient(135deg, #ec4899, #be185d);--primary-glow: rgba(236, 72, 153, .3);--bg-page: #fffbfc;--bg-page-rgb: 255, 251, 252;--bg-card: #ffffff;--bg-card-solid: #ffffff;--bg-secondary: #fff5f9;--bg-card-hover: #fff0f3;--bg-input: #ffffff;--bg-hover: rgba(236, 72, 153, .1);--bg-overlay: rgba(131, 24, 67, .5);--bg-gradient: linear-gradient(135deg, #fffbfc, #fff5f9);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(236, 72, 153, .15);--glass-highlight: rgba(255, 255, 255, .9);--text-primary: #831843;--text-secondary: #9d174d;--text-muted: #be185d;--text-inverse: #ffffff;--text-link: #db2777;--text-link-hover: #be185d;--border-color: #fbcfe8;--border-color-light: #fce7f3;--border-color-dark: #f9a8d4;--border-focus: #ec4899;--shadow-glow: 0 0 20px rgba(236, 72, 153, .2);--shadow-card: 0 2px 8px rgba(236, 72, 153, .1);--xp-gold: #b45309;--streak-orange: #c2410c;--badge-purple: #0e7490;--level-cyan: #0891b2;--glass-surface: rgba(255, 251, 252, .85);--glass-border: rgba(251, 207, 232, .5);--glass-blur: 16px;--neu-bg: #fffbfc;--neu-pressed-bg: #fff5f9;--neu-border: #ffffff;--neu-shadow-light: -6px -6px 14px rgba(255, 255, 255, .9);--neu-shadow-dark: 6px 6px 14px rgba(219, 39, 119, .1);--neu-shadow-light-hover: -8px -8px 20px #ffffff;--neu-shadow-dark-hover: 8px 8px 20px rgba(219, 39, 119, .18);--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 251, 252, 1) 100%);--sidebar-border: rgba(251, 207, 232, .3);--sidebar-text-primary: #831843;--sidebar-text-secondary: #be185d;--sidebar-text-muted: #f472b6;--header-bg: rgba(255, 255, 255, .9);--header-border: rgba(251, 207, 232, .3);--nav-active-bg: linear-gradient(135deg, rgba(236, 72, 153, .15) 0%, rgba(219, 39, 119, .1) 100%);--nav-hover-bg: rgba(236, 72, 153, .05);--glass-2-0-bg: rgba(255, 251, 252, .8);--glass-2-0-blur: 16px;--glass-2-0-border: rgba(219, 39, 119, .1);--glass-2-0-shadow: 0 8px 32px 0 rgba(219, 39, 119, .08);--noise-opacity: .02;--aurora-opacity: .5;--dropdown-bg: rgba(253, 242, 248, .98)}[data-theme=nord]{--primary-color: #88c0d0;--primary-light: rgba(136, 192, 208, .15);--primary-gradient: linear-gradient(135deg, #88c0d0, #5e81ac);--primary-glow: rgba(136, 192, 208, .4);--bg-page: #2e3440;--bg-page-rgb: 46, 52, 64;--bg-card: #3b4252;--bg-card-solid: #3b4252;--bg-secondary: #434c5e;--bg-card-hover: #434c5e;--bg-input: #3b4252;--bg-hover: rgba(136, 192, 208, .15);--bg-overlay: rgba(46, 52, 64, .8);--bg-gradient: linear-gradient(135deg, #2e3440, #3b4252);--glass-bg: rgba(59, 66, 82, .6);--glass-border: rgba(216, 222, 233, .1);--glass-highlight: rgba(236, 239, 244, .05);--text-primary: #eceff4;--text-secondary: #d8dee9;--text-muted: #81a1c1;--text-inverse: #2e3440;--text-link: #88c0d0;--text-link-hover: #8fbcbb;--border-color: #4c566a;--border-color-light: #434c5e;--border-color-dark: #d8dee9;--border-focus: #88c0d0;--shadow-glow: 0 0 30px rgba(136, 192, 208, .2);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--success-color: #a3be8c;--success-light: rgba(163, 190, 140, .15);--warning-color: #ebcb8b;--warning-light: rgba(235, 203, 139, .15);--danger-color: #bf616a;--danger-light: rgba(191, 97, 106, .15);--info-color: #81a1c1;--info-light: rgba(129, 161, 193, .15);--xp-gold: #ebcb8b;--xp-gold-light: rgba(235, 203, 139, .15);--xp-gold-glow: rgba(235, 203, 139, .4);--streak-orange: #d08770;--streak-orange-light: rgba(208, 135, 112, .15);--streak-glow: rgba(208, 135, 112, .4);--badge-purple: #b48ead;--badge-purple-light: rgba(180, 142, 173, .15);--level-cyan: #88c0d0;--level-purple: #b48ead;--level-glow: rgba(180, 142, 173, .4);--input-bg: #3b4252;--input-border: #4c566a;--input-text: #eceff4;--input-placeholder: #81a1c1;--scrollbar-track: #3b4252;--scrollbar-thumb: #4c566a;--scrollbar-thumb-hover: #81a1c1;--glass-surface: rgba(59, 66, 82, .8);--glass-border: rgba(136, 192, 208, .1);--glass-blur: 18px;--card-glass-bg: rgba(59, 66, 82, .85);--glass-bg: rgba(46, 52, 64, .7);--glass-highlight: rgba(136, 192, 208, .05);--neu-bg: #2e3440;--neu-pressed-bg: #292e39;--neu-border: rgba(236, 239, 244, .05);--sidebar-bg: linear-gradient(180deg, rgba(46, 52, 64, .95) 0%, rgba(59, 66, 82, .98) 100%);--sidebar-border: rgba(136, 192, 208, .1);--sidebar-text-primary: #eceff4;--sidebar-text-secondary: #d8dee9;--sidebar-text-muted: #5e81ac;--header-bg: rgba(46, 52, 64, .9);--header-border: rgba(136, 192, 208, .08);--nav-active-bg: linear-gradient(135deg, rgba(136, 192, 208, .15) 0%, rgba(94, 129, 172, .1) 100%);--nav-hover-bg: rgba(136, 192, 208, .05);--neu-shadow-light: -5px -5px 12px rgba(236, 239, 244, .04);--neu-shadow-dark: 6px 6px 14px rgba(0, 0, 0, .3);--neu-shadow-light-hover: -6px -6px 16px rgba(236, 239, 244, .06);--neu-shadow-dark-hover: 8px 8px 20px rgba(0, 0, 0, .4);--glass-2-0-bg: rgba(46, 52, 64, .75);--glass-2-0-blur: 16px;--glass-2-0-border: rgba(255, 255, 255, .08);--glass-2-0-shadow: 0 8px 32px 0 rgba(0, 0, 0, .35);--noise-opacity: .04;--aurora-opacity: .6;--dropdown-bg: rgba(46, 52, 64, .95)}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.glass-card{background:var(--glass-bg, rgba(255, 255, 255, .7));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border, rgba(0, 0, 0, .08));border-radius:20px;transition:all .2s ease}.glass-card:hover{border-color:var(--border-color-dark, var(--border-color));box-shadow:var(--shadow-md)}.glass-card-inner{background:var(--glass-highlight, rgba(255, 255, 255, .5));border:1px solid var(--glass-border, rgba(0, 0, 0, .05));border-radius:16px}.admin-ambient-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.admin-ambient-orbs .orb{position:absolute;border-radius:50%;filter:blur(120px);animation:float 30s ease-in-out infinite}.admin-ambient-orbs .orb.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%);top:-200px;left:-150px}.admin-ambient-orbs .orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:-15s}.admin-ambient-orbs .orb.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(251,191,36,.06) 0%,transparent 70%);top:40%;right:10%;animation-delay:-8s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.03)}50%{transform:translate(-20px,20px) scale(.97)}75%{transform:translate(15px,10px) scale(1.01)}}.admin-page{position:relative;z-index:1;min-height:100vh;padding:2rem}@media(max-width:768px){.admin-page{padding:1rem}}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}@media(max-width:768px){.admin-header{flex-direction:column;gap:1rem}}.admin-header-content h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}@media(max-width:768px){.admin-header-content h1{font-size:1.5rem}}.admin-header-content p{color:var(--text-secondary);margin:0}.admin-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:768px){.admin-header-actions{width:100%}.admin-header-actions .btn-primary{flex:1}}.glass-card,.empty-state,.filters-bar,.data-table-wrapper,.stat-card{background:var(--glass-bg, linear-gradient(135deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .01) 100%));backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:20px;box-shadow:0 10px 40px #0000001f;padding:1.5rem;position:relative;overflow:hidden}.glass-card:before,.empty-state:before,.filters-bar:before,.data-table-wrapper:before,.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}@media(max-width:768px){.glass-card,.empty-state,.filters-bar,.data-table-wrapper,.stat-card{padding:1rem;border-radius:16px}}.glass-card-subtle{background:linear-gradient(135deg,#ffffff05,#ffffff01);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr;gap:1rem}}.stat-card{display:flex;flex-direction:column;gap:.75rem}.stat-card .stat-header{display:flex;align-items:center;justify-content:space-between}.stat-card .stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-card .stat-icon.primary{background:#06b6d426;color:#22d3ee}.stat-card .stat-icon.success{background:#22c55e26;color:#22c55e}.stat-card .stat-icon.warning{background:#f59e0b26;color:#f59e0b}.stat-card .stat-icon.danger{background:#ef444426;color:#ef4444}.stat-card .stat-icon.info{background:#3b82f626;color:#3b82f6}.stat-card .stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;border-radius:6px}.stat-card .stat-trend.up{background:#22c55e26;color:#22c55e}.stat-card .stat-trend.down{background:#ef444426;color:#ef4444}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-card .stat-label{font-size:.875rem;color:var(--text-secondary)}.data-table-wrapper{padding:0;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem 1.25rem;text-align:left;white-space:nowrap}.data-table thead{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08)}.data-table thead th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s ease}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody td{color:var(--text-primary);font-size:.9rem}@media(max-width:768px){.data-table-wrapper{padding:0}.data-table-responsive{display:none}.mobile-cards{display:flex;flex-direction:column;gap:1rem;padding:1rem}.mobile-card{background:linear-gradient(135deg,#ffffff05,#ffffff01);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:1.25rem}.mobile-card .mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mobile-card .mobile-card-content{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.mobile-card .mobile-card-content .field .label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.mobile-card .mobile-card-content .field .value{font-size:.875rem;color:var(--text-primary)}}@media(min-width:769px){.mobile-cards{display:none}.data-table-responsive{display:block;overflow-x:auto}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:12px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #06b6d44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d466}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;color:var(--text-primary, #f1f5f9);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff1a}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#ffffff14;color:var(--text-primary)}.btn-icon.danger:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:500}.badge.primary{background:#06b6d426;color:#22d3ee}.badge.success{background:#22c55e26;color:#22c55e}.badge.warning{background:#f59e0b26;color:#f59e0b}.badge.danger{background:#ef444426;color:#ef4444}.badge.info{background:#3b82f626;color:#3b82f6}.filters-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters-bar .search-input{flex:1;min-width:200px;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.filters-bar .search-input input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem}.filters-bar .search-input input::placeholder{color:var(--text-secondary)}.filters-bar .filter-select{padding:.625rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.filters-bar .filter-select option{background:var(--bg-card)}@media(max-width:768px){.filters-bar{flex-direction:column;gap:.75rem}.filters-bar .search-input,.filters-bar .filter-select,.filters-bar .btn-secondary{width:100%}}.glass-tabs{display:flex;gap:.5rem;padding:.4rem;background:var(--glass-2-0-bg, rgba(255, 255, 255, .1));-webkit-backdrop-filter:var(--glass-2-0-blur, blur(16px));backdrop-filter:var(--glass-2-0-blur, blur(16px));border:1px solid var(--glass-2-0-border, rgba(255, 255, 255, .1));border-radius:16px;width:fit-content}@media(max-width:640px){.glass-tabs{width:100%;overflow-x:auto;padding:.25rem;gap:.25rem}.glass-tabs::-webkit-scrollbar{display:none}.glass-tabs{-ms-overflow-style:none;scrollbar-width:none}}.glass-tab{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;border:none;background:transparent;color:var(--text-secondary, #94a3b8);border-radius:12px;cursor:pointer;font-weight:500;font-size:.875rem;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-tab app-icon{opacity:.7;transition:transform .3s ease}.glass-tab:hover{background:#ffffff0d;color:var(--text-primary, #f1f5f9)}.glass-tab:hover app-icon{opacity:1;transform:translateY(-1px)}.glass-tab.active{background:var(--primary-color, #22d3ee);color:#fff;font-weight:600;box-shadow:0 4px 12px #22d3ee40}.glass-tab.active app-icon{opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}@media(max-width:640px){.glass-tab{padding:.5rem .75rem;font-size:.8rem;gap:.4rem}}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1.5rem}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0 0 1.5rem}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1024px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.content-grid{grid-template-columns:1fr}}.content-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1024px){.content-grid-2{grid-template-columns:1fr}}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.pagination .page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.pagination .page-btn:hover,.pagination .page-btn.active{background:#06b6d426;color:#22d3ee;border-color:#06b6d44d}.pagination .page-btn:disabled{opacity:.3;cursor:not-allowed}.pagination .page-info{padding:0 1rem;color:var(--text-secondary);font-size:.875rem}.fade-in{animation:fadeIn .3s ease-out}.fade-up{animation:fadeUp .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up-1{animation:fadeUp .4s ease-out 50ms both}.fade-up-2{animation:fadeUp .4s ease-out .1s both}.fade-up-3{animation:fadeUp .4s ease-out .15s both}.fade-up-4{animation:fadeUp .4s ease-out .2s both}.fade-up-5{animation:fadeUp .4s ease-out .25s both}.fade-up-6{animation:fadeUp .4s ease-out .3s both}.fade-up-7{animation:fadeUp .4s ease-out .35s both}.fade-up-8{animation:fadeUp .4s ease-out .4s both}.fade-up-9{animation:fadeUp .4s ease-out .45s both}.fade-up-10{animation:fadeUp .4s ease-out .5s both}.fade-up-11{animation:fadeUp .4s ease-out .55s both}.fade-up-12{animation:fadeUp .4s ease-out .6s both}.loading-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:inherit}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#22d3ee;border-radius:50%;animation:spin .8s linear infinite}.active-filter{border-color:#f59e0b!important;box-shadow:0 0 15px #f59e0b33!important}.active-filter .stat-icon-bg{background:#f59e0b33!important;color:#f59e0b!important}.needs-evaluation{position:relative;color:#f59e0b!important;transition:all .2s ease}.needs-evaluation:hover{background:#f59e0b1a!important;transform:scale(1.1)}.evaluation-ping{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#f59e0b;border-radius:50%;border:1px solid #1e293b;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite;pointer-events:none}@keyframes ping{75%,to{transform:scale(3);opacity:0}}.urgent-row{background:#ef44440d!important;border-left:3px solid #ef4444!important}html{font-size:75%!important}:root{--sidebar-width: 240px;--navbar-height: 64px;--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body:before{content:"";position:fixed;inset:0;z-index:-5;background:var(--aurora-blob-1, transparent),var(--aurora-blob-2, transparent),var(--aurora-blob-3, transparent),var(--aurora-blob-4, transparent);opacity:var(--aurora-opacity, 1);pointer-events:none;transition:all 1s ease;filter:blur(80px)}body:after{content:"";position:fixed;inset:0;z-index:-4;opacity:.01;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}[data-theme=dark]{--bg-page: #0f172a;--bg-card: #1e293b;--bg-secondary: #1e293b;--bg-card-hover: #334155;--bg-input: #1e293b;--bg-hover: rgba(6, 182, 212, .15);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--border-color-light: #1e293b;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--success-color: #34d399;--warning-color: #fbbf24;--danger-color: #f87171;--info-color: #22d3ee;--xp-gold: #fbbf24;--streak-orange: #fb923c;--badge-purple: #22d3ee;--level-cyan: #22d3ee}[data-theme=warm]{--bg-page: #faf8f5;--bg-card: #ffffff;--bg-secondary: #fdfcfa;--bg-card-hover: #f5f0e8;--bg-input: #ffffff;--bg-hover: rgba(146, 64, 14, .08);--text-primary: #292524;--text-secondary: #57534e;--text-muted: #78716c;--border-color: #d6d3d1;--border-color-light: #e7e5e4;--primary-color: #2563eb;--primary-light: #dbeafe}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-content{padding:2rem 1.5rem;max-width:1280px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-bordered{border:1px solid var(--border-color)}.glass-2-0,.glass-card{background:var(--glass-2-0-bg);backdrop-filter:blur(var(--glass-2-0-blur));-webkit-backdrop-filter:blur(var(--glass-2-0-blur));border:1px solid var(--glass-2-0-border);box-shadow:var(--glass-2-0-shadow);position:relative;overflow:hidden}.glass-2-0:before,.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.glass-card{border-radius:var(--radius-xl)}.glass-card:hover{border-color:#fff3;transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn.btn-lg{padding:1rem 1.75rem;font-size:1.1rem}.btn.btn-icon{padding:.5rem;width:40px;height:40px}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--primary-color)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:#059669}input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color);cursor:pointer;vertical-align:middle}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-card-hover);cursor:not-allowed}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--danger-color)}.form-group .error-message{font-size:.875rem;color:var(--danger-color)}.form-group .help-text{font-size:.8rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge.badge-primary{background:var(--primary-light);color:var(--primary-color)}.badge.badge-success{background:var(--success-light);color:var(--success-color)}.badge.badge-warning{background:var(--warning-light);color:var(--warning-color)}.badge.badge-danger{background:var(--danger-light);color:var(--danger-color)}.badge.badge-xp{background:var(--xp-gold-light);color:var(--xp-gold)}.badge.badge-streak{background:var(--streak-orange-light);color:var(--streak-orange)}.badge.badge-level{background:var(--level-cyan-light);color:var(--level-cyan)}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.spinner.spinner-sm{width:16px;height:16px;border-width:2px}.spinner.spinner-lg{width:40px;height:40px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--bg-card-hover) 25%,var(--bg-card) 50%,var(--bg-card-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary-color)}.avatar.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar.avatar-lg{width:56px;height:56px;font-size:1.25rem}.avatar.avatar-xl{width:80px;height:80px;font-size:1.75rem}.avatar img{width:100%;height:100%;object-fit:cover}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1,.h1{font-size:2.25rem;font-weight:700;font-family:var(--font-display);line-height:1.2}h2,.h2{font-size:1.75rem;font-weight:700;font-family:var(--font-display);line-height:1.3}h3,.h3{font-size:1.25rem;font-weight:600;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state .empty-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state .empty-description{max-width:400px;margin-bottom:1.5rem}.xp-display{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--xp-gold)}.streak-display{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--streak-orange)}.level-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--level-cyan-light);color:var(--level-cyan);font-weight:700;font-size:.875rem}@media(max-width:768px){:root{--sidebar-width: 100%;--navbar-height: 56px}h1,.h1{font-size:1.75rem}h2,.h2{font-size:1.5rem}.container,.page-content{padding-left:1rem;padding-right:1rem}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-bounce-in{animation:bounceIn .5s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:root ::ng-deep .dropdown,[data-theme=light] ::ng-deep .dropdown,[data-theme=warm] ::ng-deep .dropdown,[data-theme=ocean] ::ng-deep .dropdown,[data-theme=rose] ::ng-deep .dropdown{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#1e293b!important;border-color:#e2e8f0!important;box-shadow:0 10px 25px #0000001a!important}:root ::ng-deep .dropdown .dropdown-item,[data-theme=light] ::ng-deep .dropdown .dropdown-item,[data-theme=warm] ::ng-deep .dropdown .dropdown-item,[data-theme=ocean] ::ng-deep .dropdown .dropdown-item,[data-theme=rose] ::ng-deep .dropdown .dropdown-item{color:#475569!important;background:transparent!important}:root ::ng-deep .dropdown .dropdown-item:hover,[data-theme=light] ::ng-deep .dropdown .dropdown-item:hover,[data-theme=warm] ::ng-deep .dropdown .dropdown-item:hover,[data-theme=ocean] ::ng-deep .dropdown .dropdown-item:hover,[data-theme=rose] ::ng-deep .dropdown .dropdown-item:hover{background:#3b82f614!important}:root ::ng-deep .dropdown .dropdown-item.text-danger,[data-theme=light] ::ng-deep .dropdown .dropdown-item.text-danger,[data-theme=warm] ::ng-deep .dropdown .dropdown-item.text-danger,[data-theme=ocean] ::ng-deep .dropdown .dropdown-item.text-danger,[data-theme=rose] ::ng-deep .dropdown .dropdown-item.text-danger{color:#ef4444!important}:root ::ng-deep .dropdown .dropdown-item.admin-link,[data-theme=light] ::ng-deep .dropdown .dropdown-item.admin-link,[data-theme=warm] ::ng-deep .dropdown .dropdown-item.admin-link,[data-theme=ocean] ::ng-deep .dropdown .dropdown-item.admin-link,[data-theme=rose] ::ng-deep .dropdown .dropdown-item.admin-link{color:#0891b2!important}:root ::ng-deep .dropdown .dropdown-item.teacher-link,[data-theme=light] ::ng-deep .dropdown .dropdown-item.teacher-link,[data-theme=warm] ::ng-deep .dropdown .dropdown-item.teacher-link,[data-theme=ocean] ::ng-deep .dropdown .dropdown-item.teacher-link,[data-theme=rose] ::ng-deep .dropdown .dropdown-item.teacher-link{color:#10b981!important}:root ::ng-deep .dropdown hr,[data-theme=light] ::ng-deep .dropdown hr,[data-theme=warm] ::ng-deep .dropdown hr,[data-theme=ocean] ::ng-deep .dropdown hr,[data-theme=rose] ::ng-deep .dropdown hr{border-color:#e2e8f0!important}.app-tooltip{position:fixed;z-index:10000;padding:.75rem 1rem;background:#0f172af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f1f5f9;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.8125rem;font-weight:500;line-height:1.4;max-width:260px;pointer-events:none;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px #0006;text-align:center}.app-tooltip.visible{opacity:1;transform:translateY(0) scale(1)}.app-tooltip:after{content:"";position:absolute;border-style:solid}.app-tooltip.app-tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:rgba(15,23,42,.95) transparent transparent transparent}.app-tooltip.app-tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent rgba(15,23,42,.95) transparent}.info-icon-trigger{display:inline-flex;align-items:center;justify-content:center;color:#ffffff4d;margin-left:.5rem;cursor:help;transition:color .2s ease}.info-icon-trigger:hover{color:#3b82f6}.hover\:border-indigo-300:hover{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:block{display:block}.dark\:divide-gray-700:is([data-theme=dark] *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))}.dark\:border-amber-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.dark\:border-emerald-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-gray-700\/50:is([data-theme=dark] *){border-color:#37415180}.dark\:border-gray-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.dark\:border-indigo-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(55 48 163 / var(--tw-border-opacity, 1))}.dark\:border-orange-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))}.dark\:border-sky-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(7 89 133 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/30:is([data-theme=dark] *){background-color:#78350f4d}.dark\:bg-emerald-900\/30:is([data-theme=dark] *){background-color:#064e3b4d}.dark\:bg-gray-700:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/30:is([data-theme=dark] *){background-color:#1f29374d}.dark\:bg-gray-800\/50:is([data-theme=dark] *){background-color:#1f293780}.dark\:bg-gray-900:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900\/30:is([data-theme=dark] *){background-color:#1118274d}.dark\:bg-gray-900\/40:is([data-theme=dark] *){background-color:#11182766}.dark\:bg-indigo-900\/20:is([data-theme=dark] *){background-color:#312e8133}.dark\:bg-indigo-900\/30:is([data-theme=dark] *){background-color:#312e814d}.dark\:bg-orange-900\/30:is([data-theme=dark] *){background-color:#7c2d124d}.dark\:bg-rose-900\/30:is([data-theme=dark] *){background-color:#8813374d}.dark\:bg-sky-900\/30:is([data-theme=dark] *){background-color:#0c4a6e4d}.dark\:text-emerald-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-gray-600:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-indigo-100:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-rose-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.dark\:text-white:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:decoration-rose-900:is([data-theme=dark] *){text-decoration-color:#881337}.dark\:hover\:border-indigo-700:hover:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700\/30:hover:is([data-theme=dark] *){background-color:#3741514d}.dark\:hover\:bg-indigo-900\/30:hover:is([data-theme=dark] *){background-color:#312e814d}.dark\:hover\:text-indigo-400:hover:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}