*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#282840}::-webkit-scrollbar-thumb{background:#6a5acd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a7acd}.btn{-webkit-tap-highlight-color:transparent;display:inline-block;font-size:16px;min-height:44px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#8a7acd,#6a5acd);box-shadow:0 4px 12px #6a5acd4d;transform:translateY(-2px)}.btn-secondary:hover{background:#6a5acd}.btn-danger{background:linear-gradient(135deg,#ff4757,#ff3742)}.btn-danger:hover{background:linear-gradient(135deg,#ff3742,#ff4757);transform:translateY(-2px)}.card{background:#282840;border:1px solid #3a3a5a;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:24px;transition:all .3s ease}.card:hover{border-color:#6a5acd;box-shadow:0 8px 30px #0006;transform:translateY(-4px)}.progress-bar{width:100%}.progress-fill{background:linear-gradient(90deg,#6a5acd,#8a7acd);transition:width .3s ease}.progress-text{font-size:14px}.input{-webkit-appearance:none;background:#3a3a5a;border:1px solid #5a5a7a;border-radius:8px;color:#fff;font-size:16px;min-height:44px;padding:12px 16px;transition:all .2s ease;width:100%}.input:focus{border-color:#6a5acd;box-shadow:0 0 0 3px #6a5acd1a;outline:none}.input::placeholder{color:#8a8a9a}.spinner{border:4px solid #3a3a5a;border-top-color:#6a5acd;height:40px;width:40px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}@media (max-width:768px){.card{padding:16px}.btn{padding:10px 20px}.btn,.input{font-size:14px;min-height:40px}.input{padding:10px 14px}input[type=email],input[type=password],input[type=search],input[type=text],textarea{font-size:16px}}@media (max-width:480px){.card{padding:12px}.btn{padding:8px 16px}.btn,.input{font-size:13px;min-height:36px}.input{padding:8px 12px}}@media (hover:none) and (pointer:coarse){.btn:active{transform:scale(.98)}.card:active{transform:scale(.99)}.btn:hover,.card:hover{transform:none}}@media (max-width:768px) and (orientation:landscape){.card{padding:12px}.btn{font-size:13px;padding:8px 16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.btn,.card,.input{border-width:.5px}}.sidebar{background:#282840;border-right:1px solid #3a3a5a;display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s ease;width:280px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:24px 0;position:relative}.sidebar-toggle{align-items:center;background:#6a5acd;border:2px solid #282840;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:16px;transition:all .2s ease;width:24px;z-index:1001}.sidebar-toggle:hover{background:#5a4acd;transform:scale(1.1)}.toggle-icon{color:#fff;height:16px;width:16px}.nav-section{margin-bottom:32px}.nav-category{color:#8a8a9a;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:16px;padding:0 24px;text-transform:uppercase;transition:opacity .3s ease}.nav-list{display:flex;flex-direction:column}.nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:12px 24px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background:#6a5acd1a;color:#6a5acd}.nav-item.active{background:#6a5acd;border-radius:0 8px 8px 0;color:#fff;margin-right:8px}.nav-icon{flex-shrink:0;height:20px;margin-right:12px;transition:margin .3s ease;width:20px}.sidebar.collapsed .nav-icon{margin-right:0}.nav-label{font-weight:500;overflow:hidden;transition:opacity .3s ease;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item:hover:after{background:#1a1a2e;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(title);font-size:14px;left:100%;margin-left:8px;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1002}.logout-btn{color:#ff4757}.logout-btn:hover{background:#ff47571a;color:#ff3742}.mobile-menu-toggle{align-items:center;background:#6a5acd;border:none;border-radius:8px;cursor:pointer;display:none;height:44px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .2s ease;width:44px;z-index:1002}.mobile-menu-toggle:hover{background:#5a4acd;transform:scale(1.05)}.mobile-menu-toggle .hamburger{background:#fff;height:2px;position:relative;transition:all .3s ease;width:20px}.mobile-menu-toggle .hamburger:after,.mobile-menu-toggle .hamburger:before{background:#fff;content:"";height:2px;position:absolute;transition:all .3s ease;width:20px}.mobile-menu-toggle .hamburger:before{top:-6px}.mobile-menu-toggle .hamburger:after{bottom:-6px}.mobile-menu-toggle.active .hamburger{background:#0000}.mobile-menu-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.active .hamburger:after{bottom:0;transform:rotate(-45deg)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.sidebar{-webkit-overflow-scrolling:touch;border-bottom:1px solid #3a3a5a;border-right:none;height:auto;left:-100%;max-height:100vh;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.sidebar.mobile-open{left:0;transform:translateX(0)}.sidebar.collapsed{width:100%}.sidebar-toggle{display:none}.sidebar-content{padding:80px 0 16px}.nav-category{padding:0 16px}.nav-item{font-size:16px;min-height:48px;padding:14px 16px}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:14px 16px}.sidebar.collapsed .nav-icon{margin-right:12px}.sidebar:before{background:#00000080;bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:-1}.sidebar.mobile-open:before{opacity:1}}@media (max-width:480px){.mobile-menu-toggle{height:40px;left:12px;top:12px;width:40px}.sidebar-content{padding-top:70px}.nav-item{padding:12px 16px}}@media (hover:none) and (pointer:coarse){.nav-item{-webkit-tap-highlight-color:transparent}.nav-item:active{background:#6a5acd33;transform:scale(.98)}.mobile-menu-toggle:active{transform:scale(.95)}}.auth-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#282840;border:1px solid #3a3a5a;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:480px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a5acd,#8a7acd);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:8px}.auth-header p{color:#8a8a9a;font-size:16px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:600}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#8a8a9a;height:20px;left:12px;position:absolute;width:20px;z-index:1}.input-group .input{padding-left:44px;padding-right:44px}.password-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:4px;color:#8a8a9a;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:4px;position:absolute;right:12px;transition:color .2s ease}.password-toggle:hover{color:#6a5acd}.error-message{background:#ff47571a;border:1px solid #ff4757;border-radius:8px;color:#ff4757;font-size:14px;padding:12px;text-align:center}.auth-footer{border-top:1px solid #3a3a5a;margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:#8a8a9a;font-size:14px}.auth-link{color:#6a5acd;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#8a7acd}.avatar-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:8px}.avatar-option{-webkit-tap-highlight-color:transparent;background:#3a3a5a;border:2px solid #0000;justify-content:center;min-height:80px;padding:12px}.avatar-option:hover{background:#4a4a6a}.avatar-image{height:64px;object-fit:contain;width:64px}@media (max-width:768px){.auth-container{align-items:flex-start;min-height:100vh;padding:20px 16px 16px}.auth-card{border-radius:12px;padding:24px}.auth-header h1{font-size:28px}.auth-header p{font-size:15px}.auth-form{gap:16px}.form-group label{font-size:13px}.input-group .input{font-size:16px;padding-left:40px;padding-right:40px}.input-icon{height:18px;left:10px;width:18px}.password-toggle{min-height:28px;min-width:28px;right:10px}.error-message{font-size:13px;padding:10px}.auth-footer{margin-top:20px;padding-top:20px}.auth-footer p{font-size:13px}.avatar-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.avatar-option{min-height:70px;padding:8px}.avatar-image{height:48px;width:48px}}@media (max-width:480px){.auth-container{padding:16px 12px 12px}.auth-card{border-radius:10px;padding:20px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}.auth-form{gap:14px}.form-group label{font-size:12px}.input-group .input{font-size:16px;padding-left:36px;padding-right:36px}.input-icon{height:16px;left:8px;width:16px}.password-toggle{min-height:24px;min-width:24px;right:8px}.error-message{font-size:12px;padding:8px}.auth-footer{margin-top:16px;padding-top:16px}.auth-footer p{font-size:12px}.avatar-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.avatar-option{min-height:60px;padding:6px}.avatar-image{height:40px;width:40px}}@media (hover:none) and (pointer:coarse){.avatar-option:active,.password-toggle:active{transform:scale(.95)}.avatar-option:hover{transform:none}.password-toggle:hover{color:#8a8a9a}}@media (max-width:768px) and (orientation:landscape){.auth-container{align-items:center;padding-top:20px}.auth-card{padding:20px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}.auth-form{gap:12px}.avatar-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.avatar-option{min-height:60px;padding:6px}.avatar-image{height:40px;width:40px}}.home-container{margin:0 auto;max-width:1200px;padding:0 20px}.hero-section{background:linear-gradient(135deg,#282840,#3a3a5a);border:1px solid #4a4a6a;border-radius:20px;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.hero-section:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#6a5acd1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:1}.user-info{margin-bottom:32px}.avatar-container{margin-right:40px;position:relative}.avatar-container .user-avatar{background:#3a3a5a;border:4px solid #6a5acd;border-radius:50%;height:120px!important;width:120px!important}.user-details h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#6a5acd);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:8px}.user-level{color:#8a8a9a;font-size:18px;font-weight:500}.progress-section{background:#0003;border:1px solid #4a4a6a;border-radius:12px;padding:24px}.progress-section .progress-bar{background:#3a3a5a;border:1px solid #4a4a6a;border-radius:10px;box-shadow:inset 0 2px 4px #0003;height:20px;overflow:hidden;position:relative;width:100%}.progress-section .progress-fill{background:linear-gradient(90deg,#6a5acd,#8a7acd,#a8a8cd);border-radius:10px;height:100%;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-section .progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-section .progress-text{color:#fff;font-size:13px;font-weight:700;left:50%;line-height:1;min-width:40px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 1px 3px #000000e6;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.quick-actions{margin-bottom:32px}.quick-actions h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:24px}.action-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4a4a6a,#6a5acd);border:1px solid #6a5acd;border-radius:16px;color:inherit;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:32px;text-align:center;text-decoration:none;transition:all .3s ease}.action-card:hover{box-shadow:0 8px 30px #6a5acd4d;transform:translateY(-4px)}.action-icon{color:#fff;height:48px;margin:0 auto 16px;width:48px}.action-card h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.action-card p{color:#e0e0e0;font-size:14px}.recent-progress h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:24px}.modules-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.module-card{border-radius:16px;padding:24px}.module-card:hover{transform:translateY(-2px)}.module-header{align-items:center;margin-bottom:16px}.module-header h3{color:#fff;font-size:18px;font-weight:600}.completion-badge{background:linear-gradient(135deg,#6a5acd,#8a7acd);font-size:12px;padding:4px 12px}.module-progress{flex-direction:column;margin-bottom:16px}.module-progress .progress-bar{border-radius:8px;box-shadow:inset 0 1px 3px #0003;height:16px;margin-bottom:8px;width:120%}.module-progress .progress-fill{border-radius:8px}.module-progress .progress-fill:before{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000)}.module-progress .progress-text{font-size:12px}.module-progress p{color:#8a8a9a;font-size:14px;margin-top:0;text-align:center;width:100%}@media (max-width:768px){.home-container{padding:80px 16px 0}.hero-section{border-radius:16px;padding:24px}.user-info{flex-direction:column;text-align:center}.avatar-container{margin-bottom:16px;margin-right:0}.avatar-container .user-avatar{height:100px!important;width:100px!important}.user-details h1{font-size:24px}.user-level{font-size:16px}.progress-section{padding:16px}.quick-actions h2,.recent-progress h2{font-size:20px;margin-bottom:20px}.action-grid{gap:16px;grid-template-columns:1fr}.action-card{min-height:100px;padding:24px}.action-icon{height:40px;margin-bottom:12px;width:40px}.action-card h3{font-size:18px}.modules-grid{gap:16px;grid-template-columns:1fr}.module-card{padding:20px}.module-header h3{font-size:16px}}@media (max-width:480px){.home-container{padding:70px 12px 0}.hero-section{border-radius:12px;padding:20px}.avatar-container .user-avatar{height:80px!important;width:80px!important}.user-details h1{font-size:20px}.user-level{font-size:14px}.progress-section{padding:12px}.quick-actions h2,.recent-progress h2{font-size:18px;margin-bottom:16px}.action-card{min-height:90px;padding:20px}.action-icon{height:36px;margin-bottom:10px;width:36px}.action-card h3{font-size:16px}.action-card p{font-size:13px}.module-card{padding:16px}.module-header h3{font-size:15px}}@media (hover:none) and (pointer:coarse){.action-card:active{transform:scale(.98)}.module-card:active{transform:scale(.99)}.action-card:hover,.module-card:hover{transform:none}}@media (max-width:768px) and (orientation:landscape){.hero-section{padding:20px}.user-info{flex-direction:row;text-align:left}.avatar-container{margin-bottom:0;margin-right:20px}.avatar-container .user-avatar{height:60px!important;width:60px!important}.user-details h1{font-size:18px}.user-level{font-size:14px}}.modules-container{margin:0 auto;max-width:1200px;padding:0 20px}.modules-header{margin-bottom:48px;text-align:center}.modules-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#6a5acd);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:12px}.modules-header p{color:#8a8a9a;font-size:18px;margin:0 auto;max-width:600px}.modules-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.module-card{-webkit-tap-highlight-color:transparent;background:#282840;border:1px solid #3a3a5a;border-radius:20px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.module-card:before{background:linear-gradient(90deg,#6a5acd,#8a7acd);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.module-card:hover{border-color:#6a5acd;box-shadow:0 12px 40px #0000004d;transform:translateY(-8px)}.module-card:hover:before{transform:scaleX(1)}.module-icon{align-items:center;border-radius:20px;box-shadow:0 8px 24px #0003;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.module-emoji{font-size:40px}.module-content h3{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.module-description{color:#8a8a9a;font-size:16px;margin-bottom:24px}.module-stats{gap:24px;margin-bottom:24px}.stat{color:#8a8a9a;font-size:14px;gap:8px}.stat-icon{color:#6a5acd;height:16px;width:16px}.module-progress{margin-bottom:24px}.module-progress .progress-bar{background:#3a3a5a;border:1px solid #4a4a6a;border-radius:9px;box-shadow:inset 0 2px 4px #0003;height:18px;margin:0 auto;overflow:hidden;position:relative;width:100%}.module-progress .progress-fill{background:linear-gradient(90deg,#6a5acd,#8a7acd,#a8a8cd);border-radius:9px;height:100%;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.module-progress .progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.module-progress .progress-text{color:#fff;font-size:13px;font-weight:700;left:50%;line-height:1;min-width:40px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 1px 3px #000000e6;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.module-btn{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:14px 24px;width:100%}.btn-icon{height:18px;width:18px}.empty-state{padding:80px 20px}.empty-icon{color:#6a5acd;height:64px;margin:0 auto 24px;width:64px}.empty-state h3{color:#fff;font-size:24px;margin-bottom:12px}.empty-state p{font-size:16px}@media (max-width:768px){.modules-container{padding:80px 16px 0}.modules-header{margin-bottom:32px}.modules-header h1{font-size:28px}.modules-header p{font-size:16px}.modules-grid{gap:24px;grid-template-columns:1fr}.module-card{border-radius:16px;padding:24px}.module-icon{border-radius:16px;height:60px;margin-bottom:20px;width:60px}.module-emoji{font-size:32px}.module-content h3{font-size:20px}.module-description{font-size:15px;margin-bottom:20px}.module-stats{flex-direction:column;gap:12px;margin-bottom:20px}.module-btn{font-size:15px;min-height:44px;padding:12px 20px}.empty-state{padding:60px 20px}.empty-icon{height:48px;margin-bottom:20px;width:48px}.empty-state h3{font-size:20px}.empty-state p{font-size:15px}}@media (max-width:480px){.modules-container{padding:70px 12px 0}.modules-header{margin-bottom:24px}.modules-header h1{font-size:24px}.modules-header p{font-size:14px}.modules-grid{gap:16px}.module-card{border-radius:12px;padding:20px}.module-icon{border-radius:12px;height:50px;margin-bottom:16px;width:50px}.module-emoji{font-size:28px}.module-content h3{font-size:18px}.module-description{font-size:14px;margin-bottom:16px}.module-stats{gap:10px;margin-bottom:16px}.stat{font-size:13px}.module-btn{font-size:14px;min-height:40px;padding:10px 16px}.empty-state{padding:40px 16px}.empty-icon{height:40px;margin-bottom:16px;width:40px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media (hover:none) and (pointer:coarse){.module-card:active{transform:scale(.98)}.module-card:hover{transform:none}}@media (max-width:768px) and (orientation:landscape){.modules-header{margin-bottom:24px}.modules-header h1{font-size:24px}.modules-header p{font-size:14px}.modules-grid{gap:20px}.module-card{padding:20px}.module-icon{height:50px;margin-bottom:16px;width:50px}.module-emoji{font-size:28px}.module-content h3{font-size:18px}.module-description{font-size:14px;margin-bottom:16px}.module-stats{flex-direction:row;gap:16px;margin-bottom:16px}}.module-detail-container{color:#fff;margin:0 auto;max-width:1200px;padding:2rem}.module-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #0000004d;color:#fff;display:flex;justify-content:space-between;margin-bottom:3rem;padding:2rem}.module-info{flex:1 1}.module-info h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.module-description{color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.module-stats{display:flex;gap:2rem}.stat{color:#fff;font-weight:500;gap:.5rem}.module-progress,.stat{align-items:center;display:flex}.module-progress{justify-content:center}.progress-circle{height:120px;position:relative;width:120px}.progress-ring{height:100%;transform:rotate(-90deg);width:100%}.progress-text{font-size:1.5rem}.sections-list{margin-top:2rem}.sections-list h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.section-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 20px #0003;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.section-card:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.section-card.completed{background:#10b9811a;border-color:#10b981}.section-card.available,.section-card.completed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-card.available{background:#3b82f61a;border-color:#3b82f6}.section-card.locked{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6b72801a;border-color:#6b7280;opacity:.7}.section-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.section-icon-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;box-shadow:0 2px 8px #0003;display:flex;height:64px;justify-content:center;margin-bottom:.5rem;width:64px}.section-icon{height:32px;width:32px}.section-icon.completed{color:#10b981}.section-icon.available{color:#3b82f6}.section-icon.locked{color:#9ca3af}.section-info{width:100%}.section-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-align:center}.section-info p{color:#d1d5db;line-height:1.5;margin-bottom:.75rem;text-align:center}.section-meta{align-items:center;display:flex;justify-content:space-between;padding:0 1rem;width:100%}.section-number{color:#9ca3af;font-size:.875rem;font-weight:500}.completion-badge{background:#10b981;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.section-actions{align-items:center;display:flex;justify-content:center;width:100%}.action-buttons{display:flex;gap:.75rem}.btn{min-width:120px;text-align:center}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 15px #4f46e54d}.btn-primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 20px #4f46e566;transform:translateY(-1px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background:#fff3;border-color:#ffffff4d}.locked-message{color:#9ca3af;font-size:.875rem;font-style:italic}.error,.loading{color:#fff}.loading{color:#d1d5db}@media (max-width:768px){.module-detail-container{padding:80px 1rem 1rem}.module-header{flex-direction:column;gap:1.5rem;text-align:center}.module-info h1{font-size:2rem}.module-stats{justify-content:center}.section-content{gap:.75rem}.section-icon-container{height:56px;width:56px}.section-icon{height:28px;width:28px}.section-info h3{font-size:1.1rem}.section-info p{font-size:.9rem}.section-meta{padding:0 .5rem}.btn{font-size:.8rem;min-width:100px;padding:.625rem 1.25rem}}.section-learn-container{background-color:#1a1a2e;color:#fff;margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem}.learn-header{margin-bottom:2rem}.back-button:hover{background:#3a3a5a;color:#6a5acd}.section-info h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.section-info p{color:#8a8a9a;font-size:1.1rem;line-height:1.6}.progress-bar{margin-bottom:2rem}.content-container{background:#282840;border:1px solid #3a3a5a;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.content-card{padding:2rem}.content-header{align-items:flex-start;border-bottom:1px solid #5a5a7a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.content-icon{align-items:center;background:linear-gradient(135deg,#6a5acd,#8a7acd);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.content-meta h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.duration{color:#8a8a9a;font-size:.875rem;font-weight:500}.content-body{color:#e0e0e0;font-size:1.1rem;line-height:1.8}.content-body p{margin-bottom:1rem}.content-body strong{color:#fff;font-weight:600}.phishing-image-container{margin:2rem 0;text-align:center}.phishing-example-image{border:1px solid #5a5a7a;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:block;height:auto;margin:0 auto;max-width:100%}.image-caption{color:#8a8a9a;font-size:.9rem;font-style:italic;margin-top:.5rem}.navigation-buttons{align-items:center;background:#3a3a5a;border-top:1px solid #5a5a7a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.btn-secondary{background:#282840;border:1px solid #6a5acd}.btn-secondary:hover:not(:disabled){background:#6a5acd;transform:translateY(-2px)}.completion-banner{align-items:center;animation:slideUp .3s ease;background:#10b981;border-radius:12px;bottom:2rem;box-shadow:0 10px 25px #10b9814d;color:#fff;display:flex;font-weight:500;gap:.75rem;left:50%;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.section-learn-container{padding:80px 1rem 1rem}.learn-header{margin-bottom:1.5rem}.back-button{font-size:.9rem;margin-bottom:1rem;margin-top:.5rem;padding:.75rem 1rem}.section-info h1{font-size:2rem}.section-info p{font-size:.9rem}.content-card{border-radius:12px;padding:1.5rem}.content-header{flex-direction:column;gap:1rem;text-align:center}.content-header h2{font-size:1.5rem}.content-header p{font-size:.9rem}.content-body{font-size:.95rem;line-height:1.6}.content-body h3{font-size:1.25rem}.content-body h4{font-size:1.1rem}.content-body ol,.content-body ul{padding-left:1.5rem}.content-body li{margin-bottom:.5rem}.navigation-buttons{flex-direction:column;gap:1rem}.btn{font-size:.9rem;min-height:44px;padding:.875rem 1.5rem;width:100%}.completion-banner{border-radius:10px;bottom:1rem;font-size:.9rem;left:1rem;padding:.875rem 1.25rem;right:1rem;transform:none}.error,.loading{font-size:1rem;padding:2rem 1rem}}@media (max-width:480px){.section-learn-container{padding:70px .75rem .75rem}.section-info h1{font-size:1.75rem}.section-info p{font-size:.85rem}.content-card{border-radius:10px;padding:1.25rem}.content-header h2{font-size:1.25rem}.content-header p{font-size:.85rem}.content-body{font-size:.9rem;line-height:1.5}.content-body h3{font-size:1.1rem}.content-body h4{font-size:1rem}.content-body ol,.content-body ul{padding-left:1.25rem}.content-body li{margin-bottom:.375rem}.btn{font-size:.85rem;min-height:40px;padding:.75rem 1.25rem}.completion-banner{border-radius:8px;bottom:.75rem;font-size:.85rem;left:.75rem;padding:.75rem 1rem;right:.75rem}.error,.loading{font-size:.9rem;padding:1.5rem .75rem}}@media (max-width:768px) and (orientation:landscape){.section-learn-container{padding:.75rem}.section-info h1{font-size:1.75rem}.section-info p{font-size:.85rem}.content-card{padding:1.25rem}.content-header{flex-direction:row;gap:1rem;text-align:left}.content-header h2{font-size:1.25rem}.content-header p{font-size:.85rem}.content-body{font-size:.9rem}.content-body h3{font-size:1.1rem}.content-body h4{font-size:1rem}.navigation-buttons{flex-direction:row;gap:.75rem}.btn{font-size:.85rem;min-height:40px;padding:.75rem 1.25rem;width:auto}.completion-banner{border-radius:8px;bottom:.75rem;font-size:.85rem;left:.75rem;padding:.75rem 1rem;right:.75rem}.error,.loading{font-size:.9rem;padding:1.5rem .75rem}}.section-quiz-container{margin:0 auto;max-width:800px;padding:2rem}.quiz-header{margin-bottom:2rem}.back-button{color:#6b7280;display:inline-flex;font-weight:500;margin-bottom:1rem;transition:color .3s ease}.back-button:hover{color:#4f46e5}.quiz-progress{align-items:center;display:flex;gap:1rem}.progress-bar{box-shadow:inset 0 1px 3px #0003;flex:1 1;height:16px}.progress-bar,.progress-fill{border-radius:8px}.progress-text{color:#6b7280;font-size:.875rem;font-weight:500}.question-container{background:linear-gradient(135deg,#282840,#4a4a6a);border:1px solid #6a5acd;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.question-card{padding:2rem}.question-header{align-items:center;border-bottom:1px solid #6a5acd;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.question-header h2{color:#fff;font-size:1.25rem;font-weight:600}.question-points{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.question-text{color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.answer-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.answer-option{align-items:center;background:linear-gradient(135deg,#4a4a6a,#6a5acd);border:2px solid #6a5acd;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.answer-option:hover:not(:disabled){background:linear-gradient(135deg,#6a5acd,#8a7acd);border-color:#8a7acd;box-shadow:0 4px 12px #6a5acd4d;transform:translateY(-2px)}.answer-option.selected{background:linear-gradient(135deg,#8a7acd,#a090cd);border-color:#8a7acd;box-shadow:0 4px 12px #8a7acd66}.answer-option.correct{background:#f0fdf4;border-color:#10b981}.answer-option.incorrect{background:#fef2f2;border-color:#ef4444}.answer-option:disabled{cursor:not-allowed;opacity:.8}.option-letter{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.answer-option.selected .option-letter{background:#4338ca}.answer-option.correct .option-letter{background:#10b981}.answer-option.incorrect .option-letter{background:#ef4444}.option-text{color:#fff;flex:1 1;font-size:1rem;line-height:1.5}.correct-icon{color:#10b981;margin-left:auto}.incorrect-icon{color:#ef4444;margin-left:auto}.explanation-container{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#4a4a6a,#6a5acd);border:1px solid #6a5acd;border-radius:12px;margin-top:2rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-header{align-items:center;color:#fff;display:flex;gap:.5rem;margin-bottom:1rem}.explanation-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.explanation-content{color:#fff;line-height:1.6}.correct-answer{background:linear-gradient(135deg,#10b981,#059669);border-left:4px solid #10b981;border-radius:8px;color:#fff;margin-bottom:1rem;padding:.75rem}.correct-answer strong{color:#fff}.explanation-text{margin-top:1rem}.explanation-text strong{color:#fff;display:block;margin-bottom:.5rem}.explanation-text p{color:#fff;margin:0}.quiz-navigation{background:linear-gradient(135deg,#4a4a6a,#6a5acd);border-top:1px solid #6a5acd;display:flex;justify-content:flex-end;padding:1.5rem 2rem}.btn{justify-content:center}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{border:1px solid #6a5acd;box-shadow:0 4px 12px #6a5acd4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6a5acd66}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.quiz-results{background:linear-gradient(135deg,#282840,#4a4a6a);border:1px solid #6a5acd;border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:3rem;text-align:center}.results-header{margin-bottom:2rem}.results-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.score-badge{align-items:center;border-radius:50px;color:#fff;display:inline-flex;font-size:1.5rem;font-weight:700;gap:.5rem;padding:1rem 2rem}.score-badge.passed{background:linear-gradient(135deg,#10b981,#059669)}.score-badge.failed{background:linear-gradient(135deg,#4a4a6a,#6a5acd)}.results-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-card{color:#fff}.stat-value{margin-bottom:.5rem}.stat-label{color:#fff!important;font-weight:700;opacity:1;text-shadow:0 2px 4px #00000080}.failure-message,.success-message{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:2rem}.success-message{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;color:#fff}.failure-message{background:linear-gradient(135deg,#4a4a6a,#6a5acd);border:1px solid #6a5acd;color:#fff}.failure-message h2,.success-message h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.failure-message p,.success-message p{color:#fff;line-height:1.6;margin:0}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.results-actions .btn-secondary{background:linear-gradient(135deg,#6a5acd,#8a7acd);border:1px solid #6a5acd;box-shadow:0 4px 12px #6a5acd4d;color:#fff}.results-actions .btn-secondary:hover{background:linear-gradient(135deg,#8a7acd,#6a5acd);box-shadow:0 6px 20px #6a5acd66;transform:translateY(-2px)}.results-actions .btn-primary{background:linear-gradient(135deg,#6a5acd,#8a7acd);border:1px solid #6a5acd;box-shadow:0 4px 12px #6a5acd4d;color:#fff}.results-actions .btn-primary:hover{background:linear-gradient(135deg,#8a7acd,#6a5acd);box-shadow:0 6px 20px #6a5acd66;transform:translateY(-2px)}@media (max-width:768px){.section-quiz-container{padding:80px 1rem 1rem}.quiz-header{margin-bottom:1.5rem}.back-button{font-size:.9rem;margin-bottom:1rem;margin-top:.5rem;padding:.75rem 1rem}.quiz-header h1{font-size:1.75rem}.quiz-header p{font-size:.9rem}.question-card{border-radius:12px;padding:1.5rem}.question-text{font-size:1.1rem;line-height:1.5}.options-list{gap:.75rem}.option-item{border-radius:8px;min-height:48px;padding:1rem}.option-text{font-size:.9rem}.quiz-progress{flex-direction:column;gap:.5rem;padding:1rem}.progress-info{text-align:center}.progress-info h3{font-size:1rem}.progress-info p{font-size:.8rem}.quiz-actions{flex-direction:column;gap:.75rem}.btn{font-size:.9rem;min-height:44px;padding:.875rem 1.5rem;width:100%}.quiz-results{border-radius:12px;padding:2rem 1.5rem}.results-header h1{font-size:2rem}.results-header p{font-size:.9rem}.results-stats{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.results-actions{flex-direction:column;gap:.75rem}.results-actions .btn{font-size:.9rem;min-height:44px;padding:.875rem 1.5rem;width:100%}.failure-message h2,.success-message h2{font-size:1.25rem}.failure-message p,.success-message p{font-size:.9rem}}@media (max-width:480px){.section-quiz-container{padding:70px .75rem .75rem}.quiz-header h1{font-size:1.5rem}.quiz-header p{font-size:.85rem}.question-card{border-radius:10px;padding:1.25rem}.question-text{font-size:1rem}.options-list{gap:.5rem}.option-item{min-height:44px;padding:.875rem}.option-text{font-size:.85rem}.quiz-progress{padding:.875rem}.progress-info h3{font-size:.9rem}.progress-info p{font-size:.75rem}.btn{font-size:.85rem;min-height:40px;padding:.75rem 1.25rem}.quiz-results{border-radius:10px;padding:1.5rem 1.25rem}.results-header h1{font-size:1.75rem}.results-header p{font-size:.85rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.results-actions .btn{font-size:.85rem;min-height:40px;padding:.75rem 1.25rem}.failure-message h2,.success-message h2{font-size:1.1rem}.failure-message p,.success-message p{font-size:.85rem}}@media (hover:none) and (pointer:coarse){.btn:active,.option-item:active{transform:scale(.98)}.btn:hover,.option-item:hover{transform:none}}@media (max-width:768px) and (orientation:landscape){.section-quiz-container{padding:.75rem}.quiz-header h1{font-size:1.5rem}.quiz-header p{font-size:.85rem}.question-card{padding:1.25rem}.question-text{font-size:1rem}.options-list{gap:.5rem}.option-item{min-height:44px;padding:.875rem}.option-text{font-size:.85rem}.quiz-progress{flex-direction:row;gap:1rem;padding:.875rem}.progress-info{text-align:left}.progress-info h3{font-size:.9rem}.progress-info p{font-size:.75rem}.quiz-actions{flex-direction:row;gap:.75rem}.btn{font-size:.85rem;min-height:40px;padding:.75rem 1.25rem;width:auto}.quiz-results{padding:1.5rem 1.25rem}.results-header h1{font-size:1.75rem}.results-header p{font-size:.85rem}.results-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.results-actions{flex-direction:row;gap:.75rem}.results-actions .btn{font-size:.85rem;min-height:40px;padding:.75rem 1.25rem;width:auto}}.leaderboard-container{background:#0000;margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem}.leaderboard-header{margin-bottom:2rem;text-align:center}.leaderboard-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.leaderboard-header p{color:#e0e0e0;font-size:1.1rem}.leaderboard-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.leaderboard-stats .stat-card{border:1px solid #6a5acd!important}.leaderboard-stats .stat-card,.stat-card{background:linear-gradient(135deg,#4a4a6a,#6a5acd)!important;border-radius:16px!important;box-shadow:0 4px 12px #0000004d!important}.stat-card{-webkit-tap-highlight-color:transparent;border:1px solid #6a5acd!important;overflow:hidden;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#ffffff08,#ffffff03);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:hover{background:linear-gradient(135deg,#5a5a7a,#7a6acd)!important;box-shadow:0 8px 30px #6a5acd4d!important;transform:translateY(-4px)}.stat-card svg{background:linear-gradient(135deg,#6a5acd,#8a7acd);border-radius:8px;height:32px;padding:8px;width:32px}.stat-value{text-shadow:0 2px 4px #0000004d}.stat-label{color:#e0e0e0}.leaderboard-list{background:#282840;border:1px solid #3a3a5a;border-radius:16px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.leaderboard-header-row{background:#1a1a2e;color:#8a8a9a;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.leaderboard-entry,.leaderboard-header-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #3a3a5a;display:grid;gap:1rem;grid-template-columns:80px 1fr 100px;padding:1rem 1.5rem}.leaderboard-entry{-webkit-tap-highlight-color:transparent;transition:all .3s ease}.leaderboard-entry:hover{background:#6a5acd1a}.leaderboard-entry.current-user{background:linear-gradient(135deg,#6a5acd33,#6a5acd1a)!important;border-left:4px solid #6a5acd!important}.leaderboard-entry.rank-1:not(.current-user){background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-left:4px solid gold}.leaderboard-entry.rank-2:not(.current-user){background:linear-gradient(135deg,#c0c0c033,#c0c0c01a);border-left:4px solid silver}.leaderboard-entry.rank-3:not(.current-user){background:linear-gradient(135deg,#cd7f3233,#cd7f321a);border-left:4px solid #cd7f32}.rank-column{justify-content:flex-start}.rank-column,.rank-number{align-items:center;display:flex}.rank-number{color:#6a5acd;font-size:1.1rem;font-weight:600;gap:.5rem}.rank-icon{height:20px;width:20px}.rank-icon.gold{color:gold}.rank-icon.silver{color:silver}.rank-icon.bronze{color:#cd7f32}.rank-icon:not(.gold):not(.silver):not(.bronze){color:#8a8a9a}.user-column{justify-content:flex-start}.user-column,.user-info{align-items:center;display:flex}.user-info{gap:1rem;width:100%}.user-avatar{background:#3a3a5a;border:2px solid #6a5acd;border-radius:50%;height:48px;width:48px}.user-details{flex:1 1}.user-name{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.user-name,.you-badge{color:#fff;font-weight:600}.you-badge{background:#6a5acd;border-radius:12px;font-size:.75rem;padding:.125rem .5rem;text-transform:uppercase}.user-email{color:#e0e0e0;font-size:.875rem}.xp-column{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.xp-amount{color:#6a5acd;font-size:1.25rem;font-weight:700;margin-bottom:.25rem;text-align:right}.xp-label{color:#8a8a9a;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-align:right;text-transform:uppercase}.xp-progress{margin-top:.5rem;width:100%}.xp-progress .progress-bar{background:#3a3a5a;border:1px solid #4a4a6a;border-radius:4px;box-shadow:inset 0 1px 2px #0003;height:8px;overflow:hidden;width:100%}.xp-progress .progress-fill{background:linear-gradient(90deg,#6a5acd,#8a7acd,#a8a8cd);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.xp-progress .progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.empty-state{padding:4rem 2rem}.empty-state svg{color:#6a5acd;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#6a5acd;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#8a8a9a;font-size:1rem}.user-not-ranked{margin-top:2rem}.not-ranked-card{background:#282840;border:1px solid #3a3a5a;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:1.5rem}.not-ranked-card h3{color:#6a5acd;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.user-progress{align-items:center;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.progress-details{flex:1 1}.progress-details .user-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.progress-details .user-xp{color:#e0e0e0;font-size:.875rem}.not-ranked-card p{color:#8a8a9a;font-style:italic;margin:0}.error{color:#ff4757}@media (max-width:768px){.leaderboard-container{padding:80px 1rem 1rem}.leaderboard-header h1{font-size:2rem}.leaderboard-header p{font-size:1rem}.leaderboard-stats{gap:.75rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.leaderboard-entry,.leaderboard-header-row{gap:.75rem;grid-template-columns:60px 1fr 80px;padding:1rem}.user-info{gap:.75rem}.user-avatar{height:40px;width:40px}.user-name{font-size:.875rem}.user-email{font-size:.75rem}.xp-amount{font-size:1rem}.empty-state{padding:3rem 1rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9rem}.not-ranked-card{padding:1.25rem}.not-ranked-card h3{font-size:1.1rem}.user-progress{padding:.875rem}.progress-details .user-name{font-size:1rem}.progress-details .user-xp{font-size:.8rem}}@media (max-width:480px){.leaderboard-container{padding:70px .75rem .75rem}.leaderboard-header h1{font-size:1.75rem}.leaderboard-header p{font-size:.9rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.leaderboard-entry,.leaderboard-header-row{gap:.5rem;grid-template-columns:50px 1fr 70px;padding:.875rem}.user-info{gap:.5rem}.user-avatar{height:36px;width:36px}.user-name{font-size:.8rem}.user-email{font-size:.7rem}.xp-amount{font-size:.9rem}.xp-label{font-size:.65rem}.empty-state{padding:2rem .75rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.85rem}.not-ranked-card{padding:1rem}.not-ranked-card h3{font-size:1rem}.user-progress{padding:.75rem}.progress-details .user-name{font-size:.9rem}.progress-details .user-level,.progress-details .user-xp{font-size:.75rem}}@media (hover:none) and (pointer:coarse){.stat-card:active{transform:scale(.98)}.leaderboard-entry:active{background:#6a5acd26}.stat-card:hover{transform:none}.leaderboard-entry:hover{background:#0000}}@media (max-width:768px) and (orientation:landscape){.leaderboard-container{padding:.75rem}.leaderboard-header h1{font-size:1.75rem}.leaderboard-header p{font-size:.9rem}.leaderboard-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.leaderboard-entry,.leaderboard-header-row{gap:.75rem;grid-template-columns:60px 1fr 80px;padding:.875rem}}.profile-container{margin:0 auto;max-width:1200px;padding:2rem}.profile-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.profile-info{align-items:center;display:flex;gap:2rem}.avatar-section{position:relative}.profile-avatar{background:#fff;border:4px solid #ffffff4d;border-radius:50%;height:120px;width:120px}.level-badge{background:#4f46e5;border-radius:20px;bottom:-10px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);white-space:nowrap}.user-details h1{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#fff!important;font-size:3.5rem;font-weight:900;letter-spacing:1px;margin-bottom:.5rem;opacity:1}.user-title{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;opacity:.9}.user-email{font-size:1rem;opacity:.8}.profile-actions{display:flex;gap:1rem}.btn-secondary{background:#fff3;border:1px solid #ffffff4d}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.progress-section{display:flex;justify-content:center;margin-bottom:2rem}.level-progress{background:#282840;border:1px solid #3a3a5a;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:1.5rem;width:100%}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.xp-display{color:#6a5acd;font-size:1.1rem;font-weight:600}.progress-bar{background:#3a3a5a;border:1px solid #4a4a6a;border-radius:16px;box-shadow:inset 0 2px 4px #0003;height:32px;margin-bottom:.5rem}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#6a5acd,#8a7acd,#a8a8cd);border-radius:16px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.progress-text{color:#fff;font-size:16px;font-weight:700;left:50%;line-height:1;min-width:40px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 1px 3px #000000e6;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.progress-labels{color:#8a8a9a;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#282840;border:1px solid #3a3a5a;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#8a8a9a;font-size:.875rem;font-weight:500}.achievements-section{margin-bottom:2rem}.achievements-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.achievements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.achievement-card{align-items:flex-start;background:#282840;border:1px solid #3a3a5a;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.achievement-card.earned{background:linear-gradient(135deg,#282840,#3a3a5a);border-color:#6a5acd}.achievement-card.locked{background:#1a1a2e;opacity:.6}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.achievement-card.earned .achievement-icon{background:#6a5acd;color:#fff}.achievement-card.locked .achievement-icon{background:#4a4a6a;color:#fff}.achievement-content{flex:1 1}.achievement-content h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.achievement-content p{color:#8a8a9a;line-height:1.5;margin-bottom:.5rem}.earned-date{color:#10b981;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.empty-achievements{color:#374151;grid-column:1/-1;padding:3rem;text-align:center}.empty-achievements svg{margin-bottom:1rem;opacity:.5}.empty-achievements h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.error,.loading{font-size:1.1rem;padding:3rem;text-align:center}.loading{color:#6b7280}.error{color:#ef4444}@media (max-width:768px){.profile-container{padding:80px 1rem 1rem}.profile-header{border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem}.profile-info{flex-direction:column;gap:1rem;text-align:center}.profile-avatar{height:100px;width:100px}.user-details h1{font-size:2.5rem}.user-title{font-size:1rem}.user-email{font-size:.9rem}.profile-actions{flex-direction:column;width:100%}.btn{font-size:.9rem;justify-content:center;padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.profile-container{padding:70px .75rem .75rem}.profile-header{border-radius:10px;padding:1.25rem}.profile-avatar{height:80px;width:80px}.user-details h1{font-size:2rem}.user-title{font-size:.9rem}.user-email{font-size:.8rem}.btn{font-size:.85rem;padding:.75rem 1.25rem}}@media (hover:none) and (pointer:coarse){.btn:active{transform:scale(.98)}.btn:hover{transform:none}}@media (max-width:768px) and (orientation:landscape){.profile-header{flex-direction:row;gap:1rem;padding:1.25rem}.profile-info{flex-direction:row;gap:1rem;text-align:left}.profile-avatar{height:80px;width:80px}.user-details h1{font-size:2rem}.user-title{font-size:.9rem}.user-email{font-size:.8rem}.profile-actions{flex-direction:row;width:auto}.btn{font-size:.85rem;padding:.75rem 1.25rem;width:auto}}.settings-container{margin:0 auto;max-width:800px;padding:2rem}.settings-header{gap:1rem;margin-bottom:2rem}.back-button,.settings-header{align-items:center;display:flex}.back-button{background:#282840;border:1px solid #6a5acd;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background:#6a5acd;transform:translateY(-1px)}.settings-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.settings-content{background:#282840;border:1px solid #3a3a5a;border-radius:16px;padding:2rem}.settings-form{display:flex;flex-direction:column;gap:2rem}.settings-section{border-bottom:1px solid #3a3a5a;padding-bottom:2rem}.settings-section:last-child{border-bottom:none;padding-bottom:0}.section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.section-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.section-header svg{color:#6a5acd}.form-group input{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#6a5acd;box-shadow:0 0 0 3px #6a5acd1a;outline:none}.form-group input::placeholder{color:#8a8a9a}.avatar-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1rem}.avatar-option{align-items:center;background:#1a1a2e;border:2px solid #3a3a5a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:all .2s ease}.avatar-option:hover{border-color:#6a5acd;transform:translateY(-2px)}.avatar-option.selected{background:#6a5acd1a;border-color:#6a5acd}.avatar-preview{background:#fff;border-radius:50%;height:60px;width:60px}.avatar-name{color:#e0e0e0;font-size:.75rem;font-weight:500;text-align:center}.selected-indicator{align-items:center;background:#6a5acd;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:20px}.security-info{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;padding:1rem}.security-info p{color:#e0e0e0;font-size:.875rem;line-height:1.5;margin:.5rem 0}.form-actions{padding-top:1rem}@media (max-width:768px){.settings-container{padding:80px 1rem 1rem}.settings-content{padding:1.5rem}.avatar-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.settings-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.admin-container{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-header p{color:#8a8a9a;font-size:1rem}.admin-message{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .2s ease}.admin-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.admin-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.admin-message:hover{opacity:.8}.admin-error{background:#282840;border:1px solid #3a3a5a;border-radius:16px;padding:4rem 2rem;text-align:center}.admin-error h2{color:#ef4444;margin-bottom:1rem}.admin-error p{color:#8a8a9a}.admin-tabs{border-bottom:2px solid #3a3a5a;display:flex;gap:.5rem;margin-bottom:2rem}.admin-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#8a8a9a;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease}.admin-tab:hover{background:#6a5acd1a;color:#fff}.admin-tab.active{background:#6a5acd1a;border-bottom-color:#6a5acd;color:#6a5acd}.admin-dashboard{background:#282840;border:1px solid #3a3a5a;border-radius:16px;padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#4a4a6a,#6a5acd);border:1px solid #6a5acd;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.stat-card svg{color:#fff;flex-shrink:0}.stat-info h3{color:#fff;font-size:2rem;font-weight:700;line-height:1;margin:0}.stat-info p{color:#e0e0e0;font-size:.875rem;margin:.25rem 0 0}.admin-modules,.admin-users{background:#282840;border:1px solid #3a3a5a;border-radius:16px;padding:2rem}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-section-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.admin-section-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.admin-section-header h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.modules-list{display:flex;flex-direction:column;gap:1rem}.module-item{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:12px;overflow:hidden}.module-item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.module-item-header:hover{background:#6a5acd1a}.module-item-info{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.module-item-info svg{color:#6a5acd;flex-shrink:0;margin-top:.25rem}.module-item-info h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.module-item-info p{color:#8a8a9a;font-size:.875rem;margin:0 0 .5rem}.module-meta{color:#6a5acd;font-size:.75rem;font-weight:500}.module-item-actions{display:flex;gap:.5rem}.module-sections{background:#0003;border-top:1px solid #3a3a5a;padding:1.5rem}.sections-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.section-item{background:#282840;border:1px solid #3a3a5a;border-radius:8px;overflow:hidden}.section-item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.section-item-header:hover{background:#6a5acd1a}.section-item-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.section-item-info svg{color:#6a5acd;flex-shrink:0}.section-item-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.section-meta{color:#8a8a9a;font-size:.75rem}.section-item-actions{display:flex;gap:.5rem}.section-details{background:#0003;border-top:1px solid #3a3a5a;padding:1rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.content-list,.questions-list{display:flex;flex-direction:column;gap:.75rem}.content-item,.question-item{align-items:center;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.question-text{color:#e0e0e0;flex:1 1;font-size:.875rem}.content-info h5{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.content-meta{color:#8a8a9a;font-size:.75rem}.content-actions,.question-actions{display:flex;gap:.5rem}.admin-form-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.admin-form{background:#282840;border:1px solid #3a3a5a;border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.form-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#8a8a9a;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:#6a5acd1a;color:#fff}.form-group{margin-bottom:1.5rem}.form-group label{color:#e0e0e0;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6a5acd;box-shadow:0 0 0 3px #6a5acd1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#8a8a9a}.form-group textarea{min-height:100px;resize:vertical}.option-input{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.option-input input{flex:1 1}.form-actions{border-top:1px solid #3a3a5a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#6a5acd,#8a7acd);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8a7acd,#6a5acd);box-shadow:0 4px 12px #6a5acd4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#3a3a5a;border:1px solid #4a4a6a;color:#fff}.btn-secondary:hover{background:#4a4a6a;transform:translateY(-2px)}.btn.small{font-size:.75rem;padding:.5rem 1rem}.btn-icon{align-items:center;background:#0000;border:1px solid #3a3a5a;border-radius:6px;color:#8a8a9a;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-icon:hover{background:#6a5acd1a;border-color:#6a5acd;color:#6a5acd}.btn-icon.danger{border-color:#ef44444d;color:#ef4444}.btn-icon.danger:hover{background:#ef44441a;border-color:#ef4444}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table thead{background:#1a1a2e}.users-table th{border-bottom:2px solid #3a3a5a;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #3a3a5a;color:#e0e0e0;font-size:.875rem;padding:1rem}.users-table tbody tr:hover{background:#6a5acd0d}.empty-state{font-size:.875rem;padding:3rem 2rem}.empty-state,.loading{color:#8a8a9a;text-align:center}.loading{padding:3rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.admin-container{padding:80px 1rem 1rem}.admin-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-tab{font-size:.8125rem;padding:.75rem 1rem;white-space:nowrap}.stats-grid{grid-template-columns:1fr}.admin-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-form{max-width:100%;padding:1.5rem}.users-table{font-size:.75rem}.users-table td,.users-table th{padding:.75rem .5rem}}@media (max-width:480px){.admin-header h1{font-size:1.5rem}.module-item-header,.section-item-header{align-items:flex-start;flex-direction:column;gap:1rem}.module-item-actions,.section-item-actions{justify-content:flex-end;width:100%}}.app{display:flex;min-height:100vh}.app,.main-content{background:linear-gradient(135deg,#1a1a2e,#16213e)}.main-content{flex:1 1;margin-left:280px;overflow-y:auto;padding:24px;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px}@media (max-width:768px){.app{flex-direction:column}.main-content{margin-left:0;margin-top:0;min-height:calc(100vh - 60px);padding:80px 16px 16px}.main-content.sidebar-collapsed{margin-left:0}}@media (max-width:480px){.main-content{padding:70px 12px 12px}}@media (max-width:768px) and (orientation:landscape){.main-content{padding:12px}}@media (hover:none) and (pointer:coarse){.main-content{-webkit-overflow-scrolling:touch}}
/*# sourceMappingURL=main.d5c579a0.css.map*/