*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3498db;outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{background-color:#3498db4d;color:inherit}::-moz-selection{background-color:#3498db4d;color:inherit}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}.navbar.mobile-navbar{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);display:none;height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.dark .navbar.mobile-navbar{background:var(--gray-800);border-bottom-color:var(--gray-700)}.navbar-container{height:100%;padding:0 1rem}.navbar-header{align-items:center;display:flex;height:100%;justify-content:space-between}.sidebar-toggle.mobile-only{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:.5rem;z-index:1002}.sidebar-toggle.mobile-only .bar{background:var(--gray-700);border-radius:2px;height:2px;transition:all .3s ease;width:20px}.dark .sidebar-toggle.mobile-only .bar{background:var(--gray-300)}.navbar-logo{align-items:center;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;text-decoration:none;z-index:1002}.logo-icon{font-size:1.5rem}.theme-toggle.mobile-theme{background:none;border:none;border-radius:.5rem;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background-color .2s ease;z-index:1002}.theme-toggle.mobile-theme:hover{background-color:var(--gray-100)}.dark .theme-toggle.mobile-theme:hover{background-color:var(--gray-700)}.mobile-menu{background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:calc(100vh - 60px);left:-100%;position:fixed;top:60px;transition:left .3s ease;width:280px;z-index:1002}.dark .mobile-menu{background:var(--gray-800);border-right-color:var(--gray-700)}.mobile-menu.active{left:0}.mobile-menu-content{gap:1.5rem;height:100%;overflow-y:auto;padding:1rem;z-index:1003}.mobile-menu-content,.mobile-nav{display:flex;flex-direction:column;position:relative}.mobile-nav{gap:.5rem;z-index:1004}.mobile-nav-link{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--gray-700);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%;z-index:1005}.dark .mobile-nav-link{color:var(--gray-300)}.mobile-nav-link:hover{background:var(--gray-50);color:var(--primary-color)}.dark .mobile-nav-link:hover{background:var(--gray-700);color:var(--primary-light)}.mobile-nav-link.active{background:var(--primary-color);color:#fff}.mobile-nav-link.logout-btn{color:#e74c3c;margin-top:1rem}.mobile-nav-link.logout-btn:hover{background:#ffebee;color:#c0392b}.dark .mobile-nav-link.logout-btn:hover{background:#e74c3c33}.mobile-menu-overlay{background:#00000080;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:60px;z-index:1001}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:1000}.dark .sidebar{background:var(--gray-800);border-right-color:var(--gray-700)}.sidebar-header{border-bottom:1px solid var(--gray-200);min-height:60px;padding:1rem}.dark .sidebar-header{border-bottom-color:var(--gray-700)}.sidebar-logo{align-items:center;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;text-decoration:none;white-space:nowrap}.sidebar-content{flex:1 1;min-height:0}.sidebar-content,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{flex:1 1;gap:.25rem;overflow-y:auto;padding:.5rem .75rem}.nav-link{align-items:center;border-radius:.5rem;color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dark .nav-link{color:var(--gray-300)}.nav-link:hover{background:var(--gray-50);color:var(--primary-color)}.dark .nav-link:hover{background:var(--gray-700);color:var(--primary-light)}.nav-link.active{background:var(--primary-color);color:#fff}.nav-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:20px}.nav-text{flex:1 1;font-weight:500}.sidebar-actions{border-top:1px solid var(--gray-200);flex-shrink:0;padding:1rem .75rem}.dark .sidebar-actions{border-top-color:var(--gray-700)}.theme-toggle.sidebar-theme{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--gray-700);cursor:pointer;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.dark .theme-toggle.sidebar-theme{color:var(--gray-300)}.theme-toggle.sidebar-theme:hover{background:var(--gray-50);color:var(--primary-color)}.dark .theme-toggle.sidebar-theme:hover{background:var(--gray-700);color:var(--primary-light)}.theme-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:20px}.theme-text{flex:1 1;font-weight:500}.user-menu-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:1rem}.user-info-sidebar{align-items:center;display:flex;gap:.75rem}.user-details{flex:1 1;gap:.25rem}.user-name{color:var(--gray-900)!important;font-weight:500}.dark .user-name{color:var(--gray-100)!important}.auth-buttons-sidebar .btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--text-inverse)!important}.auth-buttons-sidebar .btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--text-inverse)!important}.auth-buttons-sidebar .btn-outline{background-color:initial;border:1px solid var(--border-primary);color:var(--text-primary)!important}.auth-buttons-sidebar .btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-400);color:var(--text-primary)!important}.dark .auth-buttons-sidebar .btn-outline:hover{background-color:var(--gray-700);border-color:var(--gray-500);color:var(--text-primary)!important}.auth-buttons-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.sidebar-social{border-top:1px solid var(--gray-200);flex-shrink:0;padding:1rem .75rem}.dark .sidebar-social{border-top-color:var(--gray-700)}.social-section{margin-top:0}.social-title{color:var(--gray-600);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.dark .social-title{color:var(--gray-400)}.social-links{display:flex;flex-direction:column;gap:.5rem}.social-link{align-items:center;border-radius:.5rem;color:var(--gray-600);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dark .social-link{color:var(--gray-400)}.social-link:hover{background:var(--gray-50);color:var(--gray-900);transform:translateX(2px)}.dark .social-link:hover{background:var(--gray-700);color:var(--gray-100)}.social-icon{flex-shrink:0;height:20px;width:20px}.social-link:hover .social-icon.whatsapp{color:#128c7e}.social-link:hover .social-icon.twitter{color:#333}.social-link:hover .social-icon.email{color:#d33426}.social-text{flex:1 1;font-weight:500}.mobile-auth-section{border-top:1px solid var(--gray-200);flex-shrink:0;padding-top:1rem}.dark .mobile-auth-section{border-top-color:var(--gray-700)}.user-menu-mobile{display:flex;flex-direction:column;gap:1rem}.user-info-mobile{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.user-greeting{color:var(--gray-700);font-weight:500}.dark .user-greeting{color:var(--gray-300)}.auth-buttons-mobile{display:flex;flex-direction:column;gap:.5rem}.auth-buttons-mobile .btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--text-inverse)!important}.auth-buttons-mobile .btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--text-inverse)!important}.auth-buttons-mobile .btn-outline{background-color:initial;border:1px solid var(--border-primary);color:var(--text-primary)!important}.auth-buttons-mobile .btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-400);color:var(--text-primary)!important}.dark .auth-buttons-mobile .btn-outline:hover{background-color:var(--gray-700);border-color:var(--gray-500);color:var(--text-primary)!important}.mobile-social-section{border-top:1px solid var(--gray-200);flex-shrink:0;padding-top:1rem}.dark .mobile-social-section{border-top-color:var(--gray-700)}@media (max-width:768px){.navbar.mobile-navbar{display:block}.sidebar{display:none}}.btn{border:1px solid #0000;border-radius:.375rem}.btn,.btn-sm{padding:.5rem 1rem}.btn-primary:hover{background-color:var(--primary-dark)}.btn-outline{border-color:var(--gray-300);color:var(--gray-700)}.btn-outline:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.dark .btn-outline{border-color:var(--gray-600);color:var(--gray-300)}.dark .btn-outline:hover{background-color:var(--gray-700);border-color:var(--gray-500)}.footer{background:var(--gray-800);color:var(--gray-300);margin-top:auto}.footer-container{margin:0 auto;max-width:1200px;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg)}.footer-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:var(--spacing-2xl)}.footer-section h4{color:var(--white);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.footer-logo{align-items:center;color:var(--primary-light);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-description{color:var(--gray-400);line-height:1.6}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-light)}.footer-bottom{align-items:center;border-top:1px solid var(--gray-700);display:flex;justify-content:space-between;padding-top:var(--spacing-lg)}.footer-copyright{color:var(--gray-500);font-size:var(--font-size-sm)}.footer-social{align-items:center;display:flex;gap:var(--spacing-md)}.footer-social span{color:var(--gray-500);font-size:var(--font-size-sm)}.footer-social a{color:var(--gray-400);font-size:var(--font-size-lg);text-decoration:none;transition:color var(--transition-fast)}.footer-social a:hover{color:var(--primary-light)}@media (max-width:768px){.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-container{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.footer-social{flex-wrap:wrap;justify-content:center}}.dark .footer{background:var(--gray-900)}.dark .footer-bottom{border-top-color:var(--gray-800)}.social-icon.whatsapp{color:#25d366}.social-icon.whatsapp:hover{color:#128c7e}.social-icon.twitter{color:#000}.social-icon.twitter:hover{color:#333}.social-icon.email{color:#ea4335}.social-icon.email:hover{color:#d33426}.social-icon{align-items:center;border-radius:4px;display:flex;height:24px;justify-content:center;text-decoration:none;transition:color var(--transition-fast);width:24px}.social-icon svg{height:20px;width:20px}.quiz-card{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all var(--transition-normal)}.quiz-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.quiz-card-header{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.dark .quiz-card-header{border-bottom-color:var(--gray-600)}.quiz-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.quiz-title{color:var(--gray-900);flex:1 1;font-weight:700;line-height:1.3}.dark .quiz-title{color:var(--gray-100)}.difficulty-badge{border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.difficulty-badge.easy{background:var(--success-light);color:var(--success-dark)}.dark .difficulty-badge.easy{background:var(--success-dark);color:var(--success-light)}.difficulty-badge.medium{background:var(--warning-light);color:var(--warning-dark)}.dark .difficulty-badge.medium{background:var(--warning-dark);color:var(--warning-light)}.difficulty-badge.hard{background:var(--error-light);color:var(--error-dark)}.dark .difficulty-badge.hard{background:var(--error-dark);color:var(--error-light)}.completed-badge{background:var(--success-light);border-radius:var(--border-radius-md);color:var(--success-dark);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.dark .completed-badge{background:var(--success-dark);color:var(--success-light)}.quiz-card-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.quiz-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.quiz-meta{flex-direction:column;gap:var(--spacing-sm)}.meta-item{align-items:center;display:flex;justify-content:space-between}.meta-label{color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500}.dark .meta-label{color:var(--gray-400)}.meta-value{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600}.dark .meta-value{color:var(--gray-300)}.quiz-stats{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.dark .quiz-stats{background:var(--gray-600);border-color:var(--gray-500)}.stat{flex:1 1;gap:var(--spacing-xs)}.stat.user-score{background:var(--success-light);border-radius:var(--border-radius-md);margin:-4px;padding:var(--spacing-xs)}.dark .stat.user-score{background:var(--success-dark)}.stat-value{font-weight:800}.stat.user-score .stat-value{color:var(--success-dark)}.dark .stat.user-score .stat-value{color:var(--success-light)}.stat-label{font-size:var(--font-size-xs)}.quiz-author{border-top:1px solid var(--gray-200);color:var(--gray-500);font-size:var(--font-size-sm);font-style:italic;padding-top:var(--spacing-sm)}.dark .quiz-author{border-top-color:var(--gray-600);color:var(--gray-400)}.quiz-card-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--spacing-lg)}.dark .quiz-card-footer{background:var(--gray-600);border-top-color:var(--gray-600)}.admin-view-only{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-badge{background:var(--primary-color);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn-primary{background-color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;color:var(--white)!important;font-weight:600;transition:all .3s ease}.btn-primary:hover{background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark .btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--white)!important}.dark .btn-primary:hover{background-color:var(--primary-light)!important;border-color:var(--primary-light)!important}.btn-full{justify-content:center}.completed-state{align-items:center;background:var(--success-light);border:1px solid var(--success-color);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.dark .completed-state{background:var(--success-dark);border-color:var(--success-light)}.completed-text{color:var(--success-dark);font-size:var(--font-size-sm);font-weight:600}.dark .completed-text{color:var(--success-light)}.completed-score{color:var(--gray-600);font-size:var(--font-size-xs);font-weight:500}.dark .completed-score{color:var(--gray-400)}.quiz-card.loading{pointer-events:none}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-300) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:var(--border-radius-md)}.dark .skeleton{background:linear-gradient(90deg,var(--gray-600) 25%,var(--gray-500) 50%,var(--gray-600) 75%);background-size:200% 100%}.skeleton-title{height:24px;width:70%}.skeleton-badge{height:20px;width:60px}.skeleton-text{height:16px;width:100%}.skeleton-text:last-child{width:80%}.skeleton-button{height:40px;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.quiz-card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.quiz-header-right{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.quiz-stats{flex-direction:column;gap:var(--spacing-md)}.stat{flex-direction:row;justify-content:space-between}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-modal)}.dark .loading-overlay{background:#000000f2}.loading-dots{align-items:center;display:flex;gap:4px;justify-content:center}.dot{animation:dot-pulse 1.4s ease-in-out infinite both;background-color:#007bff;border-radius:50%;height:6px;width:6px}.loading-small .dot{height:4px;width:4px}.loading-medium .dot{height:6px;width:6px}.loading-large .dot{height:8px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}.dark .dot{background-color:#007bff}@keyframes dot-pulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.skeleton-container{padding:16px;width:100%}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:8px}.skeleton-line.short{height:12px;width:60%}.skeleton-line.medium{height:12px;width:80%}.skeleton-line.long{height:12px;width:95%}.dark .skeleton-line{background:linear-gradient(90deg,#2d3748 25%,#4a5568 50%,#2d3748 75%);background-size:200% 100%}.skeleton-message{border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 16px}.skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:40px;width:40px}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-chat-list{width:100%}.skeleton-chat-item{border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:16px}.skeleton-chat-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.dark .skeleton-chat-item,.dark .skeleton-message{border-bottom-color:#374151}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.hero-content{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.hero-text h1{color:var(--white);font-size:var(--font-size-4xl);line-height:1.2;margin-bottom:var(--spacing-lg)}.hero-text p{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.hero-actions .btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--text-inverse)!important}.hero-actions .btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--text-inverse)!important}.hero-actions .btn-outline{background-color:initial;border:2px solid var(--white);color:var(--white)!important}.hero-actions .btn-outline:hover{background-color:var(--white);color:var(--primary-color)!important}.admin-hero .hero-actions .btn-outline{background-color:initial;border:2px solid var(--white);color:var(--white)!important}.admin-hero .hero-actions .btn-outline:hover{background-color:var(--white);color:var(--gray-800)!important}.hero-graphic,.hero-image{align-items:center;display:flex;justify-content:center}.hero-graphic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;height:200px;width:200px}.graphic-icon{font-size:80px}.admin-hero{background:linear-gradient(135deg,#2c3e50,#34495e)}.admin-hero .hero-text h1{color:var(--white)}.admin-hero .hero-text p{color:#ffffffe6}.admin-graphic{background:#ffffff26;border:2px solid #ffffff4d}.admin-stats{background:var(--white);padding:var(--spacing-3xl) 0}.dark .admin-stats{background:var(--gray-800)}.admin-stats h2{color:var(--gray-900);margin-bottom:var(--spacing-2xl);text-align:center}.dark .admin-stats h2{color:var(--gray-100)}.stats-grid{margin:0 auto;max-width:800px}.stat-card{background:var(--gray-50);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.dark .stat-card{background:var(--gray-700)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-icon{font-size:36px;margin-bottom:var(--spacing-md)}.admin-actions{background:var(--gray-50);padding:var(--spacing-3xl) 0}.dark .admin-actions{background:var(--gray-900)}.admin-actions h2{color:var(--gray-900);margin-bottom:var(--spacing-2xl);text-align:center}.dark .admin-actions h2{color:var(--gray-100)}.actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.action-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);color:inherit;display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.dark .action-card{background:var(--gray-700);border-color:var(--gray-600)}.action-card:hover{box-shadow:var(--shadow-lg);color:inherit;text-decoration:none;transform:translateY(-4px)}.action-icon{flex-shrink:0;font-size:32px}.action-content{flex:1 1}.action-content h3{color:var(--gray-900);font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0}.dark .action-content h3{color:var(--gray-100)}.action-content p{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.4;margin:0}.dark .action-content p{color:var(--gray-300)}.action-arrow{color:var(--primary-color);flex-shrink:0;font-size:20px}.dark .action-arrow{color:var(--primary-light)}.recent-activity{background:var(--white);padding:var(--spacing-3xl) 0}.dark .recent-activity{background:var(--gray-800)}.recent-activity h2{margin:0}.section-header{margin-bottom:var(--spacing-2xl)}.section-header .btn-outline{background-color:initial;border:1px solid var(--border-primary)}.section-header .btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-400);color:var(--text-primary)!important}.dark .section-header .btn-outline:hover{background-color:var(--gray-700);border-color:var(--gray-500);color:var(--text-primary)!important}.features{background:var(--white);padding:var(--spacing-3xl) 0}.dark .features{background:var(--gray-800)}.features h2{color:var(--gray-900);margin-bottom:var(--spacing-2xl);text-align:center}.dark .features h2{color:var(--gray-100)}.features-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:var(--gray-50);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.dark .feature-card{background:var(--gray-700)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.feature-card h3{color:var(--gray-900);margin-bottom:var(--spacing-md)}.dark .feature-card h3{color:var(--gray-100)}.feature-card p{color:var(--gray-600);line-height:1.6;margin:0}.dark .feature-card p{color:var(--gray-300)}.featured-quizzes{background:var(--gray-50);padding:var(--spacing-3xl) 0}.dark .featured-quizzes{background:var(--gray-900)}.leaderboard{background:var(--white);padding:var(--spacing-3xl) 0}.dark .leaderboard{background:var(--gray-800)}.leaderboard h2{color:var(--gray-900);margin-bottom:var(--spacing-2xl);text-align:center}.dark .leaderboard h2{color:var(--gray-100)}.leaderboard-list{gap:var(--spacing-sm);margin:0 auto;max-width:600px}.leaderboard-item{background:var(--gray-50);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:transform var(--transition-fast)}.dark .leaderboard-item{background:var(--gray-700)}.leaderboard-item:hover{transform:translateX(8px)}.rank{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-size-sm);height:40px;justify-content:center;width:40px}.leaderboard-item:first-child .rank{background:linear-gradient(135deg,gold,#ffed4e);color:var(--gray-900)}.leaderboard-item:nth-child(2) .rank{background:linear-gradient(135deg,silver,#e0e0e0);color:var(--gray-900)}.leaderboard-item:nth-child(3) .rank{background:linear-gradient(135deg,#cd7f32,#e69c4c);color:var(--white)}.username{color:var(--gray-900);font-size:var(--font-size-base)}.dark .username{color:var(--gray-100)}.stats{color:var(--gray-500);font-size:var(--font-size-sm)}.dark .stats{color:var(--gray-300)}.score{color:var(--primary-color)}.dark .score{color:var(--primary-light)}.cta{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color:var(--white);padding:var(--spacing-3xl) 0;text-align:center}.cta-content h2{color:var(--white);margin-bottom:var(--spacing-lg)}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.cta-actions .btn-primary{background-color:var(--white);border:1px solid var(--white);color:var(--primary-color)!important}.cta-actions .btn-primary:hover{background-color:initial;border-color:var(--white);color:var(--white)!important}.cta-actions .btn-outline{background-color:initial;border:2px solid var(--white);color:var(--white)!important}.cta-actions .btn-outline:hover{background-color:var(--white);color:var(--primary-color)!important}@media (max-width:768px){.hero-content{gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:var(--font-size-3xl)}.hero-actions{justify-content:center}.hero-graphic{height:150px;width:150px}.graphic-icon{font-size:60px}.stats-grid{grid-template-columns:repeat(2,1fr)}.actions-grid{grid-template-columns:1fr}.action-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.features-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.quizzes-grid{grid-template-columns:1fr}.cta-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.admin-actions,.admin-stats,.cta,.featured-quizzes,.features,.hero,.leaderboard,.recent-activity{padding:var(--spacing-2xl) 0}.stats-grid{grid-template-columns:1fr}.action-card,.feature-card,.stat-card{padding:var(--spacing-lg)}.leaderboard-item{padding:var(--spacing-md)}}.home .btn-outline:hover{background-color:initial!important;border-color:inherit!important;box-shadow:none!important;color:inherit!important;transform:none!important}.admin-hero .hero-actions .btn-outline,.hero-actions .btn-outline{border-color:var(--white)!important;color:var(--white)!important}.section-header .btn-outline{border-color:var(--border-primary)!important;color:var(--text-primary)!important}.featured-quizzes .section-header .btn-outline{background-color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;color:var(--text-inverse)!important;font-weight:600;transition:all .3s ease}.featured-quizzes .section-header .btn-outline:hover{background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark .featured-quizzes .section-header .btn-outline:hover{background-color:var(--primary-light)!important;border-color:var(--primary-light)!important}.login-form{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:400px;padding:var(--spacing-2xl);width:100%}.dark .login-form{background:var(--gray-800)}@media (max-width:480px){.login-form{margin:var(--spacing-sm);padding:var(--spacing-xl)}}.login-page{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.login-container{max-width:500px;width:100%}.login-content{background:var(--white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.dark .login-content{background:var(--gray-800)}.login-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);padding:var(--spacing-2xl);text-align:center}.login-header h1{color:var(--white);margin-bottom:var(--spacing-sm)}.login-header p{margin:0;opacity:.9}.login-features{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--spacing-2xl)}.dark .login-features{background:var(--gray-700);border-top-color:var(--gray-600)}.login-features h3{color:var(--gray-700);margin-bottom:var(--spacing-lg);text-align:center}.dark .login-features h3{color:var(--gray-300)}.login-features ul{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.login-features li{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);transition:all var(--transition-fast)}.dark .login-features li{background:var(--gray-800);border-color:var(--gray-600);color:var(--gray-300)}.login-features li:hover{border-color:var(--primary-color);transform:translateX(4px)}@media (max-width:768px){.login-page{align-items:flex-start;padding:var(--spacing-md);padding-top:var(--spacing-2xl)}.login-features,.login-header{padding:var(--spacing-xl)}}@media (max-width:480px){.login-page{padding:var(--spacing-sm);padding-top:var(--spacing-xl)}.login-header h1{font-size:var(--font-size-2xl)}}.register-form{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:450px;padding:var(--spacing-2xl);width:100%}.dark .register-form{background:var(--gray-800)}.form-header{margin-bottom:var(--spacing-2xl);text-align:center}.form-header h2{color:var(--gray-900);margin-bottom:var(--spacing-sm)}.dark .form-header h2{color:var(--gray-100)}.form-header p{color:var(--gray-600);margin:0}.dark .form-header p{color:var(--gray-400)}.form-control.error{border-color:var(--danger-color)}.form-control:focus.error{box-shadow:0 0 0 3px #e74c3c1a}.form-text{color:var(--gray-500)}.form-footer{border-top:1px solid var(--gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.dark .form-footer{border-top-color:var(--gray-700)}.form-footer p{color:var(--gray-600);margin:0}.dark .form-footer p{color:var(--gray-400)}.link{color:var(--primary-color);font-weight:500;transition:color var(--transition-fast)}.link:hover{color:var(--primary-dark)}@media (max-width:480px){.register-form{margin:var(--spacing-sm);padding:var(--spacing-xl)}}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container .form-control{padding-right:45px;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;position:absolute;right:12px;transition:all var(--transition-fast);width:32px}.password-toggle:hover{background-color:var(--gray-100);color:var(--gray-700)}.password-toggle:disabled{cursor:not-allowed;opacity:.6}.password-toggle.visible{color:var(--primary-color)}.password-toggle svg{height:20px;width:20px}.dark .password-toggle:hover{background-color:var(--gray-700);color:var(--gray-300)}.dark .password-toggle.visible{color:var(--primary-light)}.register-page{align-items:center;background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.register-container{max-width:600px;width:100%}.register-content{background:var(--white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.dark .register-content{background:var(--gray-800)}.register-header{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));color:var(--white);padding:var(--spacing-2xl);text-align:center}.register-header h1{color:var(--white);margin-bottom:var(--spacing-sm)}.register-header p{margin:0;opacity:.9}.register-benefits{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--spacing-2xl)}.dark .register-benefits{background:var(--gray-700);border-top-color:var(--gray-600)}.register-benefits h3{color:var(--gray-700);margin-bottom:var(--spacing-lg);text-align:center}.dark .register-benefits h3{color:var(--gray-300)}.benefits-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.benefit-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.dark .benefit-card{background:var(--gray-800);border-color:var(--gray-600)}.benefit-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.benefit-icon{font-size:32px;margin-bottom:var(--spacing-md)}.benefit-card h4{color:var(--gray-900);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.dark .benefit-card h4{color:var(--gray-100)}.benefit-card p{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.4;margin:0}.dark .benefit-card p{color:var(--gray-400)}@media (max-width:768px){.register-page{align-items:flex-start;padding:var(--spacing-md);padding-top:var(--spacing-2xl)}.register-benefits,.register-header{padding:var(--spacing-xl)}.benefits-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:480px){.register-page{padding:var(--spacing-sm);padding-top:var(--spacing-xl)}.register-header h1{font-size:var(--font-size-2xl)}.benefit-card{padding:var(--spacing-md)}}.quiz-list-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0}.dark .quiz-list-page{background:var(--gray-900)}.page-header h1{color:var(--gray-900)!important;margin-bottom:var(--spacing-sm)}.dark .page-header h1{color:var(--gray-100)!important}.page-header p{color:var(--gray-600);font-size:var(--font-size-lg)}.dark .page-header p{color:var(--gray-400)}.filters-section{border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.search-box{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{border:2px solid var(--gray-300);border-radius:var(--border-radius-lg);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-md);transition:border-color var(--transition-fast)}.dark .search-input{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}.search-input:focus{border-color:var(--primary-color);outline:none}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.filter-group{flex:1 1;flex-direction:column;gap:var(--spacing-sm);min-width:150px}.filter-label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.dark .filter-label{color:var(--gray-300)}.filter-select{background:var(--white);border:2px solid var(--gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.dark .filter-select{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}.filter-select:focus{border-color:var(--primary-color);outline:none}.quizzes-header{margin-bottom:var(--spacing-xl)}.quizzes-header h2{color:var(--gray-700);font-size:var(--font-size-lg)}.dark .quizzes-header h2{color:var(--gray-300)}.quizzes-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.error-state{padding:var(--spacing-2xl);text-align:center}.empty-state{background:var(--white);box-shadow:var(--shadow-md);padding:var(--spacing-3xl)}.dark .empty-state{background:var(--gray-800)}.empty-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.empty-state h3{margin-bottom:var(--spacing-sm)}.dark .empty-state h3{color:var(--gray-300)}@media (max-width:768px){.quiz-list-page{padding:var(--spacing-lg) 0}.filters-section{padding:var(--spacing-lg)}.filters-row,.search-box{flex-direction:column}.filters-row{align-items:stretch}.filter-group{min-width:auto}.quizzes-grid{grid-template-columns:1fr}.empty-state{margin:0 var(--spacing-md);padding:var(--spacing-xl)}}@media (max-width:480px){.quiz-list-page{padding:var(--spacing-md) 0}.filters-section{margin:0 var(--spacing-sm) var(--spacing-xl);padding:var(--spacing-md)}.page-header,.quizzes-header{padding:0 var(--spacing-sm)}}.question-container{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.dark .question-container{background:var(--gray-800)}.question-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:var(--spacing-lg)}.dark .question-header{background:var(--gray-700);border-bottom-color:var(--gray-600)}.question-progress{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500}.dark .question-progress{color:var(--gray-400)}.question-content{padding:var(--spacing-2xl)}.question-text{color:var(--gray-900);font-size:var(--font-size-lg);line-height:1.4;margin-bottom:var(--spacing-2xl)}.dark .question-text{color:var(--gray-100)}.options-container{flex-direction:column;margin-bottom:var(--spacing-xl)}.option,.options-container{display:flex;gap:var(--spacing-md)}.option{align-items:center;background:var(--white);border:2px solid var(--gray-300);border-radius:var(--border-radius-lg);cursor:pointer;padding:var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.dark .option{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}.option:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-color)}.dark .option:hover:not(:disabled){background:var(--gray-600);border-color:var(--primary-light)}.option.selected{background:#3498db1a;border-color:var(--primary-color)}.dark .option.selected{background:#3498db33;border-color:var(--primary-light)}.option.correct{background:#27ae601a;border-color:var(--success-color);color:var(--success-color)}.dark .option.correct{background:#27ae6033;border-color:var(--success-color)}.option.incorrect{background:#e74c3c1a;border-color:var(--danger-color);color:var(--danger-color)}.dark .option.incorrect{background:#e74c3c33;border-color:var(--danger-color)}.option:disabled{cursor:not-allowed}.option-letter{align-items:center;background:var(--gray-200);border-radius:var(--border-radius-md);color:var(--gray-700);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;width:32px}.dark .option-letter{background:var(--gray-600);color:var(--gray-300)}.option.selected .option-letter{background:var(--primary-color);color:var(--white)}.option.correct .option-letter{background:var(--success-color);color:var(--white)}.option.incorrect .option-letter{background:var(--danger-color);color:var(--white)}.option-text{flex:1 1;font-size:var(--font-size-base);line-height:1.4}.option-status{font-size:var(--font-size-lg);font-weight:700;margin-left:auto}.explanation{background:var(--gray-50);border-left:4px solid var(--info-color);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.dark .explanation{background:var(--gray-700)}.explanation strong{color:var(--info-color)}@media (max-width:768px){.question-content{padding:var(--spacing-lg)}.option{padding:var(--spacing-md)}.option-letter{font-size:var(--font-size-xs);height:28px;width:28px}}.timer{background:var(--white);border:2px solid #0000;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.dark .timer{background:var(--gray-800)}.timer-normal{border-color:var(--success-color)}.timer-warning{animation:pulse 2s infinite;border-color:var(--warning-color)}.timer-critical{animation:pulse 1s infinite;border-color:var(--danger-color)}.timer-content{flex-direction:column}.timer-content,.timer-text{display:flex;gap:var(--spacing-sm)}.timer-text{align-items:center;justify-content:space-between}.timer-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500}.dark .timer-label{color:var(--gray-400)}.timer-value{font-family:Courier New,monospace;font-size:var(--font-size-lg);font-weight:700}.timer-normal .timer-value{color:var(--success-color)}.timer-warning .timer-value{color:var(--warning-color)}.timer-critical .timer-value{color:var(--danger-color)}.timer-progress{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.dark .timer-progress{background:var(--gray-700)}.timer-progress-bar{background:var(--success-color);border-radius:3px;height:100%;transition:width 1s linear}.timer-warning .timer-progress-bar{background:var(--warning-color)}.timer-critical .timer-progress-bar{background:var(--danger-color)}@media (max-width:768px){.timer{padding:var(--spacing-sm)}.timer-value{font-size:var(--font-size-base)}}.progress-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:100%;overflow:hidden;padding:var(--spacing-md)}.dark .progress-container{background:var(--gray-800)}.progress-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:var(--spacing-sm)}.progress-text{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.dark .progress-text{color:var(--gray-400)}.progress-percentage{color:var(--primary-color);font-size:var(--font-size-md);font-weight:700;white-space:nowrap}.dark .progress-percentage{color:var(--primary-light)}.progress-bar{margin-bottom:var(--spacing-md)}.dark .progress-bar{background:var(--gray-700)}.progress-fill{max-width:100%}.progress-dots-container{overflow-x:auto;padding-bottom:5px;width:100%}.progress-dots{gap:var(--spacing-xs);justify-content:space-between;min-width:-webkit-min-content;min-width:min-content;padding:2px 0}.progress-dot,.progress-dots{align-items:center;display:flex}.progress-dot{border-radius:50%;flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;height:28px;justify-content:center;min-width:28px;transition:all var(--transition-fast);width:28px}.progress-dot.upcoming{background:var(--gray-200);border:2px solid var(--gray-300);color:var(--gray-500)}.dark .progress-dot.upcoming{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-400)}.progress-dot.current{background:var(--primary-color);border:2px solid var(--primary-color);color:var(--white);transform:scale(1.1)}.progress-dot.answered{background:var(--success-color);border:2px solid var(--success-color);color:var(--white)}.progress-dots-container::-webkit-scrollbar{display:none;height:4px}.progress-dots-container::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:2px}.progress-dots-container::-webkit-scrollbar-track{background:var(--gray-200)}.progress-dots-container{-ms-overflow-style:none;scrollbar-color:var(--gray-400) var(--gray-200);scrollbar-width:thin}@media (max-width:768px){.progress-container{padding:var(--spacing-sm)}.progress-dot{font-size:10px;height:24px;min-width:24px;width:24px}.progress-dots{gap:2px}}@media (max-width:480px){.progress-dot{font-size:9px;height:22px;min-width:22px;width:22px}.progress-dots{gap:1px}.progress-header{align-items:flex-start;flex-direction:column;gap:8px}}.progress-dots.many-dots{justify-content:flex-start;padding:0 10px}.progress-dots.many-dots .progress-dot{margin:0 1px}.quiz-chat{background:#fff;border-left:1px solid #e1e5e9;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:1rem}.chat-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.btn-close:hover{background:#e9ecef;color:#495057}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:1rem}.no-messages{color:#6c757d;padding:2rem}.message{gap:.75rem;max-width:100%}.own-message{flex-direction:row-reverse}.other-message{flex-direction:row}.message-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.message-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:#3498db;font-size:.8rem}.message-content{flex:1 1;max-width:calc(100% - 40px)}.own-message .message-content{align-items:flex-end}.message-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.25rem}.message-username{color:#2c3e50;font-weight:600}.message-time{color:#6c757d;font-size:.7rem}.message-text{background:#f8f9fa;border-radius:12px;padding:.75rem}.own-message .message-text{background:#007bff;color:#fff}.typing-indicator{color:#6c757d;font-size:.8rem;font-style:italic;gap:.5rem;padding:.5rem}.typing-dots{gap:2px}.typing-dots span{background:#6c757d;height:4px;width:4px}.chat-input-form{background:#f8f9fa;border-top:1px solid #e1e5e9;padding:1rem}.chat-input-container{display:flex;gap:.5rem;margin-bottom:.5rem}.chat-input{border:1px solid #ced4da;border-radius:20px;flex:1 1;font-size:.9rem;outline:none;padding:.75rem}.chat-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.btn-send{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem}.btn-send:hover:not(:disabled){background:#0056b3}.btn-send:disabled{background:#6c757d;cursor:not-allowed}.chat-input-info{color:#6c757d;display:flex;font-size:.7rem;justify-content:space-between}@media (max-width:768px){.quiz-chat{border-radius:0;height:100%;position:fixed;right:0;top:0;width:100%;z-index:1000}.chat-messages{max-height:none}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;top:0;width:100%;z-index:var(--z-modal)}.modal-content{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.dark .modal-content{background:var(--gray-800);color:var(--gray-100)}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:800px}.modal-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.dark .modal-header{background:var(--gray-700);border-bottom-color:var(--gray-600)}.modal-title{color:var(--gray-900);font-size:var(--font-size-xl);margin:0}.dark .modal-title{color:var(--gray-100)}.modal-close{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--gray-500);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:32px;justify-content:center;line-height:1;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.modal-close:hover{background-color:var(--gray-200);color:var(--gray-700)}.dark .modal-close:hover{background-color:var(--gray-600);color:var(--gray-300)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.modal-body,.modal-header{padding:var(--spacing-md)}.modal-large,.modal-medium,.modal-small{max-width:100%}}.quiz-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0}.dark .quiz-page{background:var(--gray-900)}.quiz-container{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:0 auto;max-width:800px;padding:0 var(--spacing-md)}.quiz-header{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.quiz-info h1{color:var(--gray-900);line-height:1.2;margin-bottom:var(--spacing-sm)}.dark .quiz-info h1{color:var(--gray-100)}.quiz-info p{line-height:1.5;margin-bottom:var(--spacing-lg)}.quiz-meta span{border-radius:var(--border-radius-lg);font-weight:500;padding:var(--spacing-xs) var(--spacing-md)}.category{background:#3498db1a;border:1px solid #3498db33;color:var(--primary-color)}.difficulty.easy{background:#27ae601a;border:1px solid #27ae6033;color:var(--success-color)}.difficulty.medium{background:#f39c121a;border:1px solid #f39c1233;color:var(--warning-color)}.difficulty.hard{background:#e74c3c1a;border:1px solid #e74c3c33;color:var(--danger-color)}.quiz-navigation{align-items:center;background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.dark .quiz-navigation{background:var(--gray-800)}.navigation-info{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500}.dark .navigation-info{color:var(--gray-400)}.confirmation-content,.time-up-content{padding:var(--spacing-lg) 0;text-align:center}.confirmation-content p,.time-up-content p{color:var(--gray-700);margin-bottom:var(--spacing-md)}.dark .confirmation-content p,.dark .time-up-content p{color:var(--gray-300)}.confirmation-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl)}.confirmation-actions,.quiz-error{display:flex;justify-content:center}.quiz-error{align-items:center;background:var(--gray-50);min-height:100vh}.dark .quiz-error{background:var(--gray-900)}.error-content p{margin-bottom:var(--spacing-xl)}@media (max-width:768px){.quiz-page{padding:var(--spacing-lg) 0}.quiz-container{gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.quiz-header{gap:var(--spacing-lg);grid-template-columns:1fr}.quiz-navigation{gap:var(--spacing-md)}.confirmation-actions,.quiz-navigation{flex-direction:column}.error-content{margin:var(--spacing-md);padding:var(--spacing-xl)}}@media (max-width:480px){.quiz-page{padding:var(--spacing-md) 0}.quiz-info h1{font-size:var(--font-size-2xl)}.quiz-meta{align-items:flex-start;flex-direction:column}}.result-container{margin:0 auto;max-width:800px;padding:var(--spacing-xl)}.result-header{margin-bottom:var(--spacing-2xl);text-align:center}.result-header h2{color:var(--gray-900);margin-bottom:var(--spacing-sm)}.dark .result-header h2{color:var(--gray-100)}.quiz-title{color:var(--gray-600);font-size:var(--font-size-lg);margin:0}.dark .quiz-title{color:var(--gray-400)}.result-score,.result-summary{margin-bottom:var(--spacing-2xl)}.result-score{align-items:center;background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-2xl);padding:var(--spacing-2xl)}.dark .result-score{background:var(--gray-800)}.result-score.passed{border-left:6px solid var(--success-color)}.result-score.failed{border-left:6px solid var(--warning-color)}.score-circle{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;color:var(--white);display:flex;flex-direction:column;flex-shrink:0;height:120px;justify-content:center;width:120px}.result-score.passed .score-circle{background:linear-gradient(135deg,var(--success-color),#2ecc71)}.result-score.failed .score-circle{background:linear-gradient(135deg,var(--warning-color),#f1c40f)}.score-percentage{font-size:var(--font-size-2xl);font-weight:700;line-height:1}.score-text{font-size:var(--font-size-sm);opacity:.9}.score-details{flex:1 1}.score-details h3{color:var(--gray-900);margin-bottom:var(--spacing-sm)}.dark .score-details h3{color:var(--gray-100)}.score-details p{color:var(--gray-600);line-height:1.5;margin:0}.dark .score-details p{color:var(--gray-400)}.result-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-value{font-size:var(--font-size-lg)}.result-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-2xl)}.result-breakdown{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.dark .result-breakdown{background:var(--gray-800)}.result-breakdown h3{color:var(--gray-900);margin-bottom:var(--spacing-lg)}.dark .result-breakdown h3{color:var(--gray-100)}.questions-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.question-result{align-items:center;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.dark .question-result{border-color:var(--gray-700)}.question-result.correct{background:#27ae601a;border-color:#27ae6033}.question-result.incorrect{background:#e74c3c1a;border-color:#e74c3c33}.question-status{flex-shrink:0;font-size:var(--font-size-lg)}.question-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.question-number{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600}.dark .question-number{color:var(--gray-300)}.question-time{color:var(--gray-500);font-size:var(--font-size-xs)}@media (max-width:768px){.result-container{padding:var(--spacing-lg)}.result-score{flex-direction:column;gap:var(--spacing-lg);text-align:center}.score-circle{height:100px;width:100px}.result-stats{grid-template-columns:1fr 1fr}.result-actions{flex-direction:column}.questions-list{grid-template-columns:1fr}}@media (max-width:480px){.result-stats{grid-template-columns:1fr}}.result-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0}.dark .result-page{background:var(--gray-900)}.profile-picture-upload{padding:1rem}.upload-header{margin-bottom:1.5rem;text-align:center}.upload-header h3{color:#2c3e50;margin:0 0 .5rem}.upload-header p{color:#6c757d;margin:0}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.75rem}.upload-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.preview-container,.preview-section{display:flex;justify-content:center}.preview-container{align-items:center;border:2px dashed #dee2e6;border-radius:50%;height:150px;overflow:hidden;width:150px}.preview-image{height:100%;object-fit:cover;width:100%}.preview-placeholder{color:#6c757d;text-align:center}.placeholder-icon{font-size:2rem;margin-bottom:.5rem}.file-input-section{text-align:center}.file-input-label{background:#007bff;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-bottom:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.file-input-label:hover{background:#0056b3}.file-input{display:none}.file-info{color:#6c757d;font-size:.8rem}.file-info p{margin:.25rem 0}.upload-actions{display:flex;gap:.5rem;justify-content:flex-end}.chat-preferences{padding:1rem}.preferences-header{margin-bottom:1.5rem;text-align:center}.preferences-header h3{color:#2c3e50;margin:0 0 .5rem}.preferences-header p{color:#6c757d;margin:0}.message{border-radius:4px;margin-bottom:1rem;padding:.75rem}.preferences-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.preference-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.preference-info{flex:1 1}.preference-info h4{color:#2c3e50;font-size:1rem;margin:0 0 .5rem}.preference-info p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.toggle-switch{display:inline-block;height:24px;margin-left:1rem;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translateX(26px)}.preferences-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn{border-radius:4px;font-size:.9rem;padding:.75rem 1.5rem}.btn-outline{border:1px solid #6c757d;color:#6c757d}.btn-outline:hover:not(:disabled){background:#6c757d}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.profile-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0;width:100%}.dark .profile-page{background:var(--gray-900)}.profile-container{padding:0 var(--spacing-md)}.profile-header{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);position:relative}.dark .profile-header{background:var(--gray-800)}.avatar-container{background:none;border:none;border-radius:50%;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all var(--transition-fast);width:120px}.avatar-container:hover{transform:scale(1.05)}.avatar-container.has-image:hover .avatar-overlay{opacity:1}.profile-picture{height:100%;width:100%}.avatar-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:500;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.avatar-placeholder{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);font-size:var(--font-size-2xl)}.online-status{background:#000000e6;border:2px solid var(--white);border-radius:10px;bottom:5px;color:#fff;font-size:.65rem;font-weight:600;line-height:1;padding:3px 8px;position:absolute;right:5px;z-index:2}.online-status.online{background:var(--success-color)}.online-status.offline{background:var(--gray-500)}.profile-info{min-width:0}.profile-info h1{word-wrap:break-word;color:var(--gray-900);font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:var(--spacing-sm)}.dark .profile-info h1{color:var(--gray-100)}.profile-info p{word-wrap:break-word;color:var(--gray-600);margin-bottom:var(--spacing-lg)}.dark .profile-info p{color:var(--gray-300)}.profile-actions{flex-wrap:wrap;gap:var(--spacing-md)}.profile-actions .btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--text-inverse)!important}.profile-actions .btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--text-inverse)!important}.dark .profile-actions .btn-primary{background-color:var(--primary-color);color:var(--text-inverse)!important}.dark .profile-actions .btn-primary:hover{background-color:var(--primary-light);color:var(--text-inverse)!important}.admin-badge{background:var(--danger-color);border-radius:20px;box-shadow:var(--shadow-sm);padding:4px 12px;position:absolute;right:-5px;top:-5px;z-index:2}.profile-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.stat-value{color:var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.dark .stat-value{color:var(--primary-light)}.admin-stats-message{margin-bottom:var(--spacing-2xl)}.admin-message-card{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:#fff;overflow:hidden;padding:var(--spacing-2xl);position:relative;text-align:center}.admin-message-card:before{background:#ffffff1a;content:"";height:100%;position:absolute;right:-50%;top:-50%;transform:rotate(30deg);width:100%}.admin-message-card h3{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);position:relative;z-index:1}.admin-message-card p{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-xl);opacity:.9;position:relative;z-index:1}.admin-quick-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));position:relative;z-index:1}.admin-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:all var(--transition-fast)}.admin-stat:hover{background:#fff3;transform:translateY(-2px)}.admin-stat-icon{font-size:2rem;opacity:.9}.admin-stat span:last-child{font-size:var(--font-size-sm);font-weight:600;opacity:.9}.profile-tabs{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-xl);overflow:hidden}.dark .profile-tabs{background:var(--gray-800)}.tab{border-bottom:3px solid #0000;color:var(--gray-600);min-width:0;overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.dark .tab{color:var(--gray-400)}.tab:hover{background:var(--gray-50);color:var(--primary-color)}.dark .tab:hover{background:var(--gray-700);color:var(--primary-light)}.tab.active{background:var(--gray-50);border-bottom-color:var(--primary-color);color:var(--primary-color)}.dark .tab.active{background:var(--gray-700)}.tab-content{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);min-height:400px;padding:var(--spacing-2xl)}.info-section{margin-bottom:var(--spacing-2xl)}.info-section h3{border-bottom:2px solid var(--gray-200);color:var(--gray-900);font-size:clamp(1.1rem,3vw,1.5rem);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs)}.dark .info-section h3{border-bottom-color:var(--gray-700);color:var(--gray-100)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.info-item label{word-wrap:break-word;color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark .info-item label{color:var(--gray-300)}.info-item span{word-wrap:break-word;color:var(--gray-600);font-size:var(--font-size-base)}.dark .info-item span{color:var(--gray-300)}.role{border-radius:var(--border-radius-lg);display:inline-block;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.role.user{background:#3498db1a;color:var(--primary-color)}.role.admin{background:#e74c3c1a;color:var(--danger-color)}.chat-status.connected{color:var(--success-color);font-weight:600}.chat-status.disconnected{color:var(--warning-color);font-weight:600}.admin-message{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-xl)}.dark .admin-message{background:#667eea1a;border-left-color:var(--primary-light)}.admin-message h3{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.dark .admin-message h3{color:var(--primary-light)}.admin-message p{word-wrap:break-word;color:var(--gray-600);line-height:1.6;margin:0}.dark .admin-message p{color:var(--gray-300)}.bio-section{margin-bottom:var(--spacing-2xl)}.bio-section h3{border-bottom:2px solid var(--gray-200);color:var(--gray-900);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs)}.dark .bio-section h3{border-bottom-color:var(--gray-700);color:var(--gray-100)}.bio-section p{word-wrap:break-word;color:var(--gray-600)}.dark .bio-section p{color:var(--gray-300)}.results-list{gap:var(--spacing-md)}.result-item{display:flex;justify-content:space-between}.quiz-info{min-width:0}.quiz-info h4,.quiz-info p{word-wrap:break-word}.result-info{flex-shrink:0}.details{color:var(--gray-500);font-size:var(--font-size-sm)}.dark .details{color:var(--gray-400)}.admin-management{margin-bottom:var(--spacing-2xl)}.admin-management h3{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-xl)}.dark .admin-management h3{color:var(--gray-100)}.admin-actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-action-btn{align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--border-radius-lg);color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-xl);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.dark .admin-action-btn{background:var(--gray-700);border-color:var(--gray-600)}.admin-action-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);color:var(--primary-color);transform:translateY(-4px)}.dark .admin-action-btn:hover{border-color:var(--primary-light);color:var(--primary-light)}.action-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);transition:transform var(--transition-fast)}.admin-action-btn:hover .action-icon{transform:scale(1.1)}.admin-action-btn span{word-wrap:break-word;font-size:var(--font-size-base);font-weight:600}.dark .empty-state{color:var(--gray-300)}.stats-loading{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.password-form,.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-actions{flex-wrap:wrap;margin-top:var(--spacing-lg)}.message{border-radius:8px;margin-bottom:20px;padding:12px 16px}.message-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.small-text{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);opacity:.8}@media (max-width:768px){.profile-page{padding:var(--spacing-lg) 0}.profile-container{padding:0 var(--spacing-sm)}.profile-header{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.profile-avatar{margin-bottom:10px;position:relative}.avatar-container{height:100px;margin:0 auto;width:100px}.online-status{border-width:1px;bottom:2px;font-size:.6rem;padding:2px 6px;right:2px}.profile-stats{grid-template-columns:1fr 1fr}.profile-tabs{flex-direction:column}.tab-content{min-height:300px;padding:var(--spacing-xl)}.avatar-container .avatar-overlay{background:#0009;font-size:.8rem;opacity:.8}}@media (max-width:480px){.profile-stats{grid-template-columns:1fr}.profile-actions{align-items:stretch;flex-direction:column}.avatar-container{height:80px;width:80px}.online-status{bottom:1px;font-size:.55rem;padding:1px 4px;right:1px}}.quiz-form-container{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.dark .quiz-form-container{background:var(--gray-800)}.quiz-form{padding:var(--spacing-2xl)}.form-section{border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.dark .form-section{border-bottom-color:var(--gray-700)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:var(--gray-900);margin-bottom:var(--spacing-lg)}.dark .form-section h3{color:var(--gray-100)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.question-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.dark .question-card{background:var(--gray-700);border-color:var(--gray-600)}.question-header{align-items:center;margin-bottom:var(--spacing-lg)}.question-header h4{color:var(--gray-700);margin:0}.dark .question-header h4{color:var(--gray-300)}.options-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.option-input-group{flex-direction:column}.option-input,.option-input-group{display:flex;gap:var(--spacing-sm)}.option-input .form-control{flex:1 1}.radio-label{align-items:center;color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.dark .radio-label{color:var(--gray-400)}.radio-label input[type=radio]{margin:0}.form-actions{border-top:1px solid var(--gray-200);justify-content:center;padding-top:var(--spacing-lg)}.dark .form-actions{border-top-color:var(--gray-700)}@media (max-width:768px){.quiz-form{padding:var(--spacing-lg)}.form-row{gap:var(--spacing-md)}.form-row,.options-grid{grid-template-columns:1fr}.question-header,.section-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}}.admin-dashboard{padding:var(--spacing-xl)}.dark .dashboard-header p{color:var(--gray-300)}.stats-grid{margin-bottom:var(--spacing-2xl)}.stat-card{border:1px solid var(--gray-200);box-shadow:var(--shadow-md);gap:var(--spacing-md);padding:var(--spacing-lg)}.dark .stat-card{border-color:var(--gray-600)}.stat-icon{font-size:var(--font-size-2xl)}.stat-label{color:var(--gray-700);font-weight:600}.dark .stat-label{color:var(--gray-300)}.admin-stat{background:var(--white);border:2px solid var(--primary-color)}.dark .admin-stat{background:var(--gray-800);border-color:var(--primary-light)}.admin-stat .stat-value{color:var(--primary-dark);font-size:var(--font-size-2xl)}.dark .admin-stat .stat-value{color:var(--primary-light)}.admin-stat .stat-label{color:var(--gray-700);font-weight:600}.dark .admin-stat .stat-label{color:var(--gray-300)}.admin-stat .stat-icon{background:var(--primary-color);color:var(--white)}.dark .admin-stat .stat-icon{background:var(--primary-light)}.quick-actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-lg)}.quick-action-card{align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--border-radius-lg);color:inherit;display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.dark .quick-action-card{background:var(--gray-800);border-color:var(--gray-600)}.quick-action-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);color:var(--primary-color);text-decoration:none;transform:translateY(-2px)}.dark .quick-action-card:hover{border-color:var(--primary-light);color:var(--primary-light)}.quick-action-card .action-icon{flex-shrink:0;font-size:2.5rem}.quick-action-card .action-content{flex:1 1}.quick-action-card h4{color:var(--gray-900);font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0}.dark .quick-action-card h4{color:var(--gray-100)}.quick-action-card p{color:var(--gray-600);font-size:var(--font-size-sm);margin:0}.dark .quick-action-card p{color:var(--gray-300)}.action-arrow{color:var(--gray-400);font-size:var(--font-size-xl);font-weight:700;transition:transform var(--transition-fast)}.quick-action-card:hover .action-arrow{color:var(--primary-color);transform:translateX(4px)}.dark .quick-action-card:hover .action-arrow{color:var(--primary-light)}.dashboard-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.dashboard-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.dark .dashboard-section{background:var(--gray-800);border-color:var(--gray-600)}.section-header{margin-bottom:var(--spacing-lg)}.dashboard-section h3{border-bottom:2px solid var(--primary-color);color:var(--gray-900);margin:0;padding-bottom:var(--spacing-xs)}.dark .dashboard-section h3{color:var(--gray-100)}.leaderboard-list,.quizzes-list,.results-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.leaderboard-item,.quiz-item,.result-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast)}.dark .leaderboard-item,.dark .quiz-item,.dark .result-item{background:var(--gray-700);border-color:var(--gray-600)}.leaderboard-item:hover,.quiz-item:hover,.result-item:hover{border-color:var(--primary-color)}.admin-quiz-item{align-items:flex-start}.quiz-info p{margin:0}.dark .quiz-info p{color:var(--gray-300)}.quiz-meta{margin-top:var(--spacing-sm)}.quiz-meta span{color:var(--gray-700)}.quiz-status{flex-shrink:0}.dark .user-info span{color:var(--gray-300)}.score{font-size:var(--font-size-base)}.time{color:var(--gray-500);font-size:var(--font-size-sm)}.dark .time{color:var(--gray-400)}.rank{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:700;min-width:40px}.dark .rank{color:var(--primary-light)}.user-stats{align-items:flex-end;display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.user-stats .score{color:var(--success-color);font-size:var(--font-size-sm)}.best-score{color:var(--gray-500);font-size:var(--font-size-xs)}.dark .best-score{color:var(--gray-400)}.no-data{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;font-style:italic;gap:var(--spacing-md);margin:0;padding:var(--spacing-xl);text-align:center}.dark .no-data{color:var(--gray-300)}@media (max-width:768px){.admin-dashboard{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-content,.quick-actions-grid{grid-template-columns:1fr}.dashboard-content{gap:var(--spacing-lg)}.dashboard-section,.quick-action-card{padding:var(--spacing-lg)}.quick-action-card{gap:var(--spacing-md)}.quick-action-card .action-icon{font-size:2rem}.leaderboard-item,.quiz-item,.result-item{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.quiz-meta,.result-info,.user-stats{align-items:flex-start}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{text-align:center}.section-header,.stat-card{flex-direction:column;gap:var(--spacing-md)}.section-header{align-items:flex-start}}.users-management{margin:0 auto;max-width:1400px;padding:15px}.management-header{flex-direction:column;gap:15px;margin-bottom:20px;padding-bottom:15px}.management-header h1{font-size:1.5rem}.users-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow-x:auto}.users-table{border-collapse:collapse;min-width:800px;width:100%}.users-table th{background:#34495e;color:#fff;font-weight:600;text-align:left}.users-table td,.users-table th{font-size:.9rem;padding:12px 10px}.users-table td{border-bottom:1px solid #ecf0f1}.user-info{align-items:center;gap:8px;min-width:150px}.user-avatar{font-size:12px;height:35px;width:35px}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{color:#2c3e50;font-size:.9rem}.user-name,.user-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{color:#7f8c8d;font-size:11px}.role-badge,.status{border-radius:12px;font-size:10px;font-weight:700;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.user-actions{flex-wrap:wrap;gap:5px;min-width:180px}.btn-danger,.btn-info,.btn-success,.btn-warning{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:11px;min-width:60px;padding:6px 10px;text-align:center;white-space:nowrap}.btn-info{background:#3498db;color:#fff}.btn-warning{background:#f39c12;color:#fff}.btn-success{background:#27ae60}.users-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px;text-align:center}.stat-card h3{color:#7f8c8d;font-size:.8rem;margin:0 0 8px;text-transform:uppercase}.stat-number{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}@media (max-width:768px){.users-management{padding:10px}.management-header{gap:10px}.management-header h1{font-size:1.3rem}.users-table td,.users-table th{font-size:.8rem;padding:8px 6px}.user-avatar{font-size:11px;height:30px;width:30px}.users-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-number{font-size:1.3rem}}@media (max-width:480px){.management-header h1{font-size:1.1rem}.users-stats{grid-template-columns:1fr}.user-actions{flex-direction:column;gap:3px}.btn-danger,.btn-info,.btn-success,.btn-warning{font-size:10px;min-width:50px;padding:4px 8px}}.empty-state,.error-state,.loading-state{padding:40px 15px;text-align:center}.loading-spinner{border:3px solid #f3f3f3;height:35px;margin-bottom:15px;width:35px}.empty-icon{font-size:40px;margin-bottom:15px}.message{border-radius:6px;font-size:.9rem;font-weight:500;margin-bottom:15px;padding:10px 12px;text-align:center}.admin-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0}.dark .admin-page{background:var(--gray-900)}.admin-header{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.dark .admin-header{background:var(--gray-800)}.admin-header h1{color:var(--gray-900);margin-bottom:var(--spacing-sm)}.dark .admin-header h1{color:var(--gray-100)}.admin-header p{color:var(--gray-600);margin:0 0 var(--spacing-lg) 0}.dark .admin-header p{color:var(--gray-400)}.admin-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.admin-tabs{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-xl);overflow:hidden}.dark .admin-tabs{background:var(--gray-800)}.admin-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--gray-600);cursor:pointer;flex:1 1;font-weight:500;padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-fast)}.dark .admin-tabs .tab{color:var(--gray-400)}.admin-tabs .tab:hover{background:var(--gray-50);color:var(--primary-color)}.dark .admin-tabs .tab:hover{background:var(--gray-700);color:var(--primary-light)}.admin-tabs .tab.active{background:var(--gray-50);border-bottom-color:var(--primary-color);color:var(--primary-color)}.dark .admin-tabs .tab.active{background:var(--gray-700);color:var(--primary-light)}.admin-content{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);min-height:500px;padding:var(--spacing-2xl)}.dark .admin-content{background:var(--gray-800)}.management-header{border-bottom:2px solid var(--gray-200);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.dark .management-header{border-bottom-color:var(--gray-700)}.management-header h3{color:var(--gray-900);margin:0}.dark .management-header h3{color:var(--gray-100)}.management-header span{color:var(--gray-500);font-size:var(--font-size-sm)}.dark .management-header span{color:var(--gray-400)}.quizzes-management{height:100%}.quizzes-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quiz-management-item{align-items:flex-start;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-lg);transition:all var(--transition-fast)}.dark .quiz-management-item{background:var(--gray-700);border-color:var(--gray-600)}.quiz-management-item:hover{border-color:var(--primary-color)}.quiz-info{flex:1 1}.quiz-info h4{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.quiz-info p{line-height:1.4;margin:0 0 var(--spacing-md) 0}.quiz-actions{flex-shrink:0}.users-management{height:100%}.users-list{gap:var(--spacing-sm)}.users-header{grid-gap:var(--spacing-md);background:var(--gray-100);border-radius:var(--border-radius-lg);color:var(--gray-700);display:grid;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr 1fr;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase}.dark .users-header{background:var(--gray-700);color:var(--gray-300)}.user-item{grid-gap:var(--spacing-md);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:var(--spacing-lg);transition:all var(--transition-fast)}.dark .user-item{background:var(--gray-700);border-color:var(--gray-600)}.user-item:hover{border-color:var(--primary-color)}.user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-info strong{color:var(--gray-800);font-size:var(--font-size-base)}.dark .user-info strong{color:var(--gray-200)}.user-info span{color:var(--gray-600);font-size:var(--font-size-sm)}.dark .user-info span{color:var(--gray-400)}.role-badge{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.role-badge.user{background:#3498db1a;border:1px solid var(--primary-color);color:var(--primary-color)}.role-badge.admin{background:#e74c3c1a;border:1px solid var(--danger-color);color:var(--danger-color)}.user-joined,.user-stats{color:var(--gray-600);font-size:var(--font-size-sm)}.dark .user-joined,.dark .user-stats{color:var(--gray-400)}.user-actions{display:flex;gap:var(--spacing-xs)}.results-management{height:100%}.results-list{gap:var(--spacing-sm)}.results-header{grid-gap:var(--spacing-md);background:var(--gray-100);border-radius:var(--border-radius-lg);color:var(--gray-700);display:grid;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-md);grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase}.dark .results-header{background:var(--gray-700);color:var(--gray-300)}.result-item{grid-gap:var(--spacing-md);align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;padding:var(--spacing-lg);transition:all var(--transition-fast)}.dark .result-item{background:var(--gray-700);border-color:var(--gray-600)}.result-item:hover{border-color:var(--primary-color)}.result-user strong{color:var(--gray-800);font-size:var(--font-size-base)}.dark .result-user strong{color:var(--gray-200)}.result-quiz{color:var(--gray-600);font-size:var(--font-size-sm)}.dark .result-quiz{color:var(--gray-400)}.score-badge{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.score-badge.passed{background:#2ecc711a;border:1px solid var(--success-color)}.score-badge.failed{background:#e74c3c1a;border:1px solid var(--danger-color);color:var(--danger-color)}.result-date,.result-time{color:var(--gray-600);font-size:var(--font-size-sm)}.dark .result-date,.dark .result-time{color:var(--gray-400)}.result-status .status{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.result-status .status.passed{background:#2ecc711a;border:1px solid var(--success-color);color:var(--success-color)}.result-status .status.failed{background:#e74c3c1a;border:1px solid var(--danger-color);color:var(--danger-color)}.empty-state{align-items:center;display:flex;height:100%;justify-content:center;min-height:300px}.empty-state p{color:var(--gray-500);font-size:var(--font-size-lg);text-align:center}.dark .empty-state p{color:var(--gray-400)}.admin-error{align-items:center;background:var(--gray-50);display:flex;justify-content:center;min-height:100vh}.dark .admin-error{background:var(--gray-900)}.error-content{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-2xl);text-align:center}.dark .error-content{background:var(--gray-800)}.error-content h2{color:var(--gray-900);margin-bottom:var(--spacing-md)}.dark .error-content h2{color:var(--gray-100)}.error-content p{color:var(--gray-600);line-height:1.5}.dark .error-content p{color:var(--gray-400)}@media (max-width:768px){.admin-page{padding:var(--spacing-lg) 0}.admin-header{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.admin-actions{justify-content:center}.admin-tabs{flex-direction:column}.admin-content{padding:var(--spacing-xl)}.management-header{align-items:flex-start}.management-header,.quiz-management-item{flex-direction:column;gap:var(--spacing-md)}.quiz-actions{align-self:flex-end}.result-item,.results-header,.user-item,.users-header{gap:var(--spacing-md);grid-template-columns:1fr}.results-header span,.users-header span{display:none}}@media (max-width:480px){.quiz-meta{flex-direction:column;gap:var(--spacing-sm)}.quiz-actions{align-self:stretch;justify-content:space-between}.admin-actions{align-items:stretch;flex-direction:column}}.dashboard-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0}.dark .dashboard-page{background:var(--gray-900)}.dashboard-header{margin-bottom:var(--spacing-2xl);text-align:center}.dashboard-header h1{color:var(--gray-900);margin-bottom:var(--spacing-sm)}.dark .dashboard-header h1{color:var(--gray-100)}.dashboard-header p{color:var(--gray-600);font-size:var(--font-size-lg);margin:0}.dark .dashboard-header p{color:var(--gray-400)}.admin-redirect{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:var(--spacing-2xl);text-align:center}.dark .admin-redirect{background:var(--gray-800)}.admin-redirect h2{color:var(--gray-900);margin-bottom:var(--spacing-md)}.dark .admin-redirect h2{color:var(--gray-100)}.admin-redirect p{color:var(--gray-600);line-height:1.6;margin-bottom:var(--spacing-xl)}.dark .admin-redirect p{color:var(--gray-400)}.redirect-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.quick-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{align-items:center;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:transform var(--transition-fast)}.dark .stat-card{background:var(--gray-800)}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--primary-color);border-radius:var(--border-radius-lg);color:var(--white);display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.stat-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-value{font-size:var(--font-size-2xl);line-height:1}.dark .stat-value{color:var(--gray-100)}.stat-label{color:var(--gray-500);font-size:var(--font-size-sm)}.dark .stat-label{color:var(--gray-400)}.dashboard-tabs{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-xl);overflow:hidden}.dark .dashboard-tabs{background:var(--gray-800)}.dashboard-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--gray-600);cursor:pointer;flex:1 1;font-weight:500;padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-fast)}.dark .dashboard-tabs .tab{color:var(--gray-400)}.dashboard-tabs .tab:hover{background:var(--gray-50);color:var(--primary-color)}.dark .dashboard-tabs .tab:hover{background:var(--gray-700);color:var(--primary-light)}.dashboard-tabs .tab.active{background:var(--gray-50);border-bottom-color:var(--primary-color);color:var(--primary-color)}.dark .dashboard-tabs .tab.active{background:var(--gray-700);color:var(--primary-light)}.dashboard-content{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);min-height:500px;padding:var(--spacing-2xl)}.dark .dashboard-content{background:var(--gray-800)}.overview-tab{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{color:var(--gray-900);margin:0}.dark .section-header h2{color:var(--gray-100)}.quizzes-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recent-activity{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.dark .recent-activity{background:var(--gray-700);border-color:var(--gray-600)}.recent-activity h2{color:var(--gray-900);margin-bottom:var(--spacing-lg)}.dark .recent-activity h2{color:var(--gray-100)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--spacing-md)}.activity-item{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.dark .activity-item{background:var(--gray-800);border-color:var(--gray-600)}.activity-item:hover{border-color:var(--primary-color)}.activity-icon{flex-shrink:0;font-size:20px}.activity-info{flex:1 1}.activity-info p{color:var(--gray-700);font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.dark .activity-info p{color:var(--gray-300)}.activity-meta{color:var(--gray-500);font-size:var(--font-size-xs)}.dark .activity-meta{color:var(--gray-400)}.activity-score{flex-shrink:0;font-size:var(--font-size-lg);font-weight:700}.activity-score.passed{color:var(--success-color)}.activity-score.failed{color:var(--warning-color)}.category-list,.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-lg);transition:all var(--transition-fast)}.dark .history-item{background:var(--gray-700);border-color:var(--gray-600)}.history-item:hover{border-color:var(--primary-color)}.quiz-info h4{color:var(--gray-800);font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0}.dark .quiz-info h4{color:var(--gray-200)}.quiz-info p{color:var(--gray-600);font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.dark .quiz-info p{color:var(--gray-400)}.attempt-date{color:var(--gray-500);font-size:var(--font-size-xs)}.dark .attempt-date{color:var(--gray-400)}.result-info{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.score{font-size:var(--font-size-lg);font-weight:700}.score.passed{color:var(--success-color)}.score.failed{color:var(--warning-color)}.score-details{color:var(--gray-500);font-size:var(--font-size-sm)}.dark .score-details{color:var(--gray-400)}.time-taken{color:var(--gray-500);font-size:var(--font-size-xs)}.dark .time-taken{color:var(--gray-400)}.progress-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.category-performance h3,.overall-progress h3{border-bottom:2px solid var(--gray-200);color:var(--gray-900);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.dark .category-performance h3,.dark .overall-progress h3{border-bottom-color:var(--gray-700);color:var(--gray-100)}.category-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.dark .category-item{background:var(--gray-700);border-color:var(--gray-600)}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.category-name{color:var(--gray-800);font-size:var(--font-size-base);font-weight:600}.dark .category-name{color:var(--gray-200)}.category-score{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:700}.dark .category-score{color:var(--primary-light)}.category-stats{color:var(--gray-500);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.dark .category-stats{color:var(--gray-400)}.progress-bar{border-radius:3px;height:6px}.dark .progress-bar{background:var(--gray-600)}.progress-fill{border-radius:3px;transition:width .5s ease}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg)}.dark .stat-item{background:var(--gray-700);border-color:var(--gray-600)}.stat-item label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark .stat-item label{color:var(--gray-300)}.stat-item span{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:700}.dark .stat-item span{color:var(--gray-100)}@media (max-width:768px){.dashboard-page{padding:var(--spacing-lg) 0}.quick-stats{grid-template-columns:1fr 1fr}.dashboard-tabs{flex-direction:column}.dashboard-content{padding:var(--spacing-xl)}.overview-tab{grid-template-columns:1fr}.stat-card{gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-icon{font-size:24px;height:50px;width:50px}.history-item{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.result-info{align-items:flex-start}.stats-grid{grid-template-columns:1fr}.redirect-actions{align-items:stretch;flex-direction:column}}@media (max-width:480px){.quick-stats,.quizzes-grid{grid-template-columns:1fr}.activity-item{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.activity-score{align-self:flex-start}}.quiz-results-page{background:var(--background-color);min-height:100vh;padding:2rem 0}.page-header h1{color:var(--text-color);margin:1rem 0 .5rem}.quiz-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.quiz-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quiz-meta span{background:var(--light-bg);border-radius:4px;font-size:.9rem;padding:.5rem}.results-section{border-radius:8px;box-shadow:0 2px 4px #0000001a}.section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.stats-summary{color:var(--text-muted);display:flex;font-size:.9rem;gap:2rem}.results-table{padding:0}.table-header{background:var(--light-bg)}.table-header,.table-row{grid-gap:1rem;border-bottom:1px solid var(--border-color);gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 1fr;padding:1rem 1.5rem}.table-row{align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--hover-color)}.user-cell strong{display:block;margin-bottom:.25rem}.user-cell span{color:var(--text-muted);font-size:.8rem}.score-badge{border-radius:20px;font-weight:600;padding:.25rem .75rem}.score-badge.passed{background:var(--success-light);color:var(--success-color)}.score-badge.failed{background:var(--error-light);color:var(--error-color)}.status-badge{border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-badge.passed{background:var(--success-light);border:1px solid var(--success-color);color:var(--success-color)}.status-badge.failed{background:var(--error-light);border:1px solid var(--error-color);color:var(--error-color)}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:4rem 2rem}.empty-icon{font-size:4rem}@media (max-width:768px){.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.stats-summary{flex-direction:column;gap:.5rem}}.not-found-page{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.not-found-container{max-width:600px;width:100%}.not-found-content{background:var(--white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--spacing-3xl);text-align:center}.dark .not-found-content{background:var(--gray-800)}.error-graphic{margin-bottom:var(--spacing-2xl)}.error-icon{display:block;font-size:80px;margin-bottom:var(--spacing-lg)}.error-graphic h1{color:var(--primary-color);font-size:120px;font-weight:900;line-height:1;margin:0;text-shadow:2px 2px 0 #0000001a}.dark .error-graphic h1{color:var(--primary-light)}.error-message{margin-bottom:var(--spacing-2xl)}.error-message h2{color:var(--gray-900);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.dark .error-message h2{color:var(--gray-100)}.error-message p{color:var(--gray-600);font-size:var(--font-size-lg);line-height:1.6;margin:0}.dark .error-message p{color:var(--gray-400)}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-2xl)}.helpful-links{border-top:1px solid var(--gray-200);padding-top:var(--spacing-2xl)}.dark .helpful-links{border-top-color:var(--gray-700)}.helpful-links h3{color:var(--gray-700);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.dark .helpful-links h3{color:var(--gray-300)}.links-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.links-grid a{border:1px solid var(--gray-300);border-radius:var(--border-radius-lg);color:var(--primary-color);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.dark .links-grid a{border-color:var(--gray-600);color:var(--primary-light)}.links-grid a:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white);transform:translateY(-1px)}.dark .links-grid a:hover{background:var(--primary-light);border-color:var(--primary-light)}@media (max-width:768px){.not-found-page{padding:var(--spacing-lg)}.not-found-content{padding:var(--spacing-2xl)}.error-graphic h1{font-size:80px}.error-icon{font-size:60px}.action-buttons{align-items:center;flex-direction:column}.links-grid{grid-template-columns:1fr}}@media (max-width:480px){.not-found-page{padding:var(--spacing-md)}.not-found-content{margin:var(--spacing-sm);padding:var(--spacing-xl)}.error-graphic h1{font-size:60px}.error-message h2{font-size:var(--font-size-xl)}.error-message p{font-size:var(--font-size-base)}}.user-profile-page{background:#f8fafc;min-height:100vh;padding:20px;width:100%}.dark .user-profile-page{background:#1a202c}.profile-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.dark .profile-container{background:#2d3748;border-color:#4a5568}.profile-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:30px;padding:40px}.dark .profile-header{background:#2d3748;border-bottom-color:#4a5568}.profile-avatar{flex-shrink:0;position:relative}.profile-picture{background:none;border:none;border-radius:50%;display:block;height:120px;margin:0;object-fit:cover;padding:0;width:120px}.avatar-placeholder{border:none;font-size:48px;height:120px;width:120px}.avatar-placeholder.fallback{display:none}.profile-info{flex:1 1}.profile-info h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.dark .profile-info h1{color:#f7fafc}.username{color:#667eea;font-size:18px;font-weight:500;margin:0 0 8px}.user-email{color:#64748b;font-size:16px;margin:0 0 12px}.dark .user-email{color:#a0aec0}.member-since{color:#94a3b8;font-size:14px;margin:0 0 15px}.online-status{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.online-status.online .status-dot{background:#10b981;box-shadow:0 0 8px #10b98166}.online-status.offline .status-dot{background:#94a3b8}.last-seen{color:#94a3b8;font-size:13px}.bio-section{padding:30px 40px}.bio-section h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 16px}.dark .bio-section h3{color:#f7fafc}.bio-section p{color:#475569;font-size:16px;line-height:1.6;margin:0}.dark .bio-section p{color:#a0aec0}.bio-section .no-bio{color:#94a3b8;font-style:italic}.profile-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:center;padding:30px 40px}.dark .profile-actions{background:#1a202c;border-top-color:#4a5568}.profile-error{padding:60px 40px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px;opacity:.7}.profile-error h2{color:#1e293b;font-size:24px;margin:0 0 15px}.dark .profile-error h2{color:#f7fafc}.profile-error p{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 25px}.dark .profile-error p{color:#a0aec0}.error-actions{display:flex;gap:15px;justify-content:center}@media (max-width:768px){.user-profile-page{padding:10px}.profile-container{margin:20px 0}.profile-header{flex-direction:column;gap:20px;padding:30px 20px;text-align:center}.profile-avatar{margin-bottom:10px;position:relative}.avatar-placeholder,.profile-picture{height:100px;width:100px}.profile-info h1{font-size:24px}.username{font-size:16px}.user-email{font-size:14px}.bio-section{padding:20px}.profile-actions{padding:20px}.error-actions,.profile-actions{flex-direction:column}}@media (max-width:480px){.profile-header{padding:25px 15px}.avatar-placeholder,.profile-picture{font-size:32px;height:80px;width:80px}.profile-info h1{font-size:22px}.bio-section{padding:15px}.bio-section h3{font-size:18px}}.profile-container{animation:fadeIn .5s ease-out}.btn{border:none;border-radius:8px;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-outline{background:#0000;border:1px solid #cbd5e1;color:#64748b}.dark .btn-outline{border-color:#4a5568;color:#a0aec0}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.dark .btn-outline:hover{background:#2d3748;border-color:#718096}.btn-primary{background:#667eea}.btn-primary:hover{background:#5a6fd8;transform:translateY(-1px)}.privacy-policy-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0}.dark .privacy-policy-page{background:var(--gray-900)}.privacy-container{margin:0 auto;max-width:800px;padding:0 var(--spacing-md)}.privacy-header{margin-bottom:var(--spacing-2xl);position:relative;text-align:center}.back-button{border-radius:var(--border-radius-lg);color:var(--primary-color)!important;font-weight:500;gap:var(--spacing-sm);left:0;padding:var(--spacing-sm) var(--spacing-md);position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.dark .back-button{color:var(--primary-light)!important}.back-button:hover{background:var(--gray-100);color:var(--primary-dark)!important;text-decoration:none}.dark .back-button:hover{background:var(--gray-700);color:var(--primary-color)!important}.privacy-header h1{color:var(--gray-900);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.dark .privacy-header h1{color:var(--gray-100)}.last-updated{color:var(--gray-600);font-size:var(--font-size-sm)}.dark .last-updated{color:var(--gray-400)}.privacy-content{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.dark .privacy-content{background:var(--gray-800)}.policy-section{border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.dark .policy-section{border-bottom-color:var(--gray-700)}.policy-section:last-of-type{border-bottom:none;margin-bottom:0}.policy-section h2{align-items:center;color:var(--gray-900);display:flex;font-size:var(--font-size-xl);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.dark .policy-section h2{color:var(--gray-100)}.security-notice{background:linear-gradient(135deg,#0095f61a,#0095f60d);border:1px solid #0095f633;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.dark .security-notice{background:#0095f626;border-color:#0095f64d}.security-badge{align-items:center;background:#0095f633;border-radius:var(--border-radius-md);color:#0095f6;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm)}.dark .security-badge{background:#0095f64d;color:#4db5ff}.security-badge .security-icon{font-size:var(--font-size-base)}.info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.dark .info-card{background:var(--gray-700)}.info-card h3{color:var(--gray-900);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.dark .info-card h3{color:var(--gray-100)}.info-card p{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0}.dark .info-card p{color:var(--gray-400)}.usage-list{list-style:none;margin:0;padding:0}.usage-list li{border-bottom:1px solid var(--gray-200);color:var(--gray-700);padding:var(--spacing-sm) 0}.dark .usage-list li{border-bottom-color:var(--gray-700);color:var(--gray-300)}.usage-list li:last-child{border-bottom:none}.usage-list strong{color:var(--gray-900)}.dark .usage-list strong{color:var(--gray-100)}.security-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.security-item{align-items:flex-start;background:var(--gray-50);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.dark .security-item{background:var(--gray-700)}.feature-icon{flex-shrink:0;font-size:24px;margin-top:2px}.security-item h4{color:var(--gray-900);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.dark .security-item h4{color:var(--gray-100)}.security-item p{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0}.dark .security-item p{color:var(--gray-400)}.sharing-list{list-style:none;margin:var(--spacing-lg) 0 0 0;padding:0}.sharing-list li{color:var(--gray-700);padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative}.dark .sharing-list li{color:var(--gray-300)}.sharing-list li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.dark .sharing-list li:before{color:var(--primary-light)}.rights-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.right-card{background:var(--gray-50);border:2px solid #0000;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.dark .right-card{background:var(--gray-700)}.right-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.right-card h3{color:var(--gray-900);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.dark .right-card h3{color:var(--gray-100)}.right-card p{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0}.dark .right-card p{color:var(--gray-400)}.contact-info{background:var(--gray-50);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.dark .contact-info{background:var(--gray-700)}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.contact-method{color:var(--gray-700);font-size:var(--font-size-base)}.dark .contact-method{color:var(--gray-300)}.contact-method strong{color:var(--gray-900)}.dark .contact-method strong{color:var(--gray-100)}.policy-footer{border-top:1px solid var(--gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);text-align:center}.dark .policy-footer{border-top-color:var(--gray-700)}.policy-footer p{color:var(--gray-600);margin-bottom:var(--spacing-lg)}.dark .policy-footer p{color:var(--gray-400)}.trust-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.trust-badge{background:var(--success-color);border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:768px){.privacy-container{padding:0 var(--spacing-sm)}.privacy-content{padding:var(--spacing-xl)}.privacy-header{text-align:center}.back-button{justify-content:center;left:auto;margin-bottom:var(--spacing-lg);position:relative;top:auto;transform:none}.info-grid,.rights-grid{grid-template-columns:1fr}.security-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.trust-badges{align-items:center;flex-direction:column}}@media (max-width:480px){.privacy-content{padding:var(--spacing-lg)}.policy-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.info-card,.right-card,.security-item{padding:var(--spacing-md)}}.online-users{height:100%}.users-header{margin-bottom:1rem}.users-header h3{color:#1c1e21;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.users-header p{color:#65676b;font-size:.85rem;margin:0}.users-list{display:flex;flex-direction:column;gap:.5rem}.user-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.user-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease;width:3px}.user-item:hover{background:#f8f9fa;border-color:#e4e6eb;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.user-item:hover:before{background:#1877f2}.user-item:hover .avatar-placeholder,.user-item:hover .user-avatar img{border-color:#1877f2}.no-users{color:#65676b;padding:3rem 1rem;text-align:center}.no-users p{font-size:1rem;margin:0 0 .5rem}.no-users-subtitle{font-size:.85rem!important;opacity:.7}.loading-container{padding:2rem}@keyframes userSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.user-item{animation:userSlideIn .3s ease-out}.user-item:first-child{animation-delay:.05s}.user-item:nth-child(2){animation-delay:.1s}.user-item:nth-child(3){animation-delay:.15s}.user-item:nth-child(4){animation-delay:.2s}.user-item:nth-child(5){animation-delay:.25s}@media (max-width:768px){.user-item{gap:.875rem;padding:.875rem}.user-avatar{height:40px;width:40px}.username{font-size:.9rem}.user-fullname{font-size:.75rem}.admin-badge{font-size:.65rem;padding:.25rem .5rem}}.current-user-badge{background:#1877f2;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase}.only-you-online{border-top:1px solid #e4e6eb;color:#65676b;margin-top:1rem;padding:2rem 1rem;text-align:center}.only-you-online p{margin:0 0 .5rem}.only-you-online .subtitle{font-size:.85rem;opacity:.7}.chat-room{background:#e5ddd5;background:var(--chat-background,#e5ddd5);display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.chat-header{background:#075e54;background:var(--chat-primary,#075e54);box-shadow:0 1px 3px #0000004d;color:#fff;justify-content:space-between;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.chat-header,.header-left{align-items:center;display:flex}.header-left{flex:1 1}.back-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:16px;padding:8px}.back-button:hover{background:#ffffff1a}.user-avatar{margin-right:12px}.avatar-placeholder,.user-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.avatar-placeholder{background:#128c7e;background:var(--chat-secondary,#128c7e);font-size:16px;font-weight:700}.user-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}.user-status{color:#fffc;font-size:13px;opacity:.8}.action-button,.header-right{align-items:center;display:flex}.action-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;justify-content:center;padding:8px}.action-button:hover{background:#ffffff1a}.messages-container{background:#e5ddd5;background:var(--chat-background,#e5ddd5);flex:1 1;overflow-y:auto;padding:16px;width:100%}.date-divider{margin:16px 0;text-align:center}.date-divider span{background:#0000001a;border-radius:15px;color:#4a4a4a;color:var(--chat-text-light,#4a4a4a);font-size:12px;font-weight:500;padding:6px 12px}.message{animation:fadeIn .3s ease-in;display:flex;margin-bottom:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sent{justify-content:flex-end}.message-received{justify-content:flex-start}.message-avatar{align-self:flex-end;margin-right:8px}.message-avatar .avatar-placeholder,.message-avatar img{border-radius:50%;height:28px;width:28px}.message-avatar .avatar-placeholder{background:#128c7e;background:var(--chat-secondary,#128c7e);font-size:12px}.message-bubble{box-shadow:0 1px 2px #0000001a;max-width:65%;padding:8px 12px;position:relative}.message-sent .message-bubble{background:#dcf8c6;background:var(--chat-sent-bubble,#dcf8c6);border-radius:18px 18px 5px 18px;color:#1a1a1a;color:var(--chat-text,#1a1a1a);margin-left:auto}.message-received .message-bubble{background:#fff;background:var(--chat-received-bubble,#fff);border-radius:18px 18px 18px 5px;color:#1a1a1a;color:var(--chat-text,#1a1a1a)}.sender-name{color:#075e54;color:var(--chat-primary,#075e54);font-size:13px;font-weight:600;margin-bottom:4px}.message-text{word-wrap:break-word;color:#1a1a1a!important;color:var(--chat-text,#1a1a1a)!important;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.message-time{align-items:center;color:#666;color:var(--chat-text-light,#666);display:flex;font-size:11px;gap:4px;justify-content:flex-end}.message-status{font-size:14px;font-weight:400}.message-status.double-tick,.message-status.single-tick{color:#666;color:var(--chat-text-light,#666)}.message-status.double-tick.read{color:#34b7f1}.typing-indicator{align-items:center;background:#fff;background:var(--chat-received-bubble,#fff);border-radius:18px;color:#1a1a1a;color:var(--chat-text,#1a1a1a);display:flex;margin:8px 0;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 12px}.typing-dots{display:flex;margin-right:8px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#999;background:var(--chat-text-light,#999);border-radius:50%;height:6px;margin:0 1px;width:6px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:#666;color:var(--chat-text-light,#666);font-size:11px;font-style:italic}.input-container{background:#f0f0f0;border-top:1px solid #ddd;padding:8px 16px;width:100%}.input-wrapper{background:#fff;border-radius:24px;box-shadow:0 1px 3px #0000001a;gap:4px;padding:4px;width:100%}.emoji-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:40px;min-width:40px;padding:8px;position:relative;transition:background .3s ease;z-index:10}.emoji-button:hover:not(:disabled){background:#0000000d}.emoji-button:disabled{cursor:not-allowed;opacity:.5}.message-input{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:24px;color:#333;color:var(--chat-text,#333);flex:1 1;font-size:14px;outline:none;padding:12px 16px;width:100%}.message-input[type=search]::-webkit-search-cancel-button,.message-input[type=search]::-webkit-search-decoration,.message-input[type=search]::-webkit-search-results-button,.message-input[type=search]::-webkit-search-results-decoration{display:none}.message-input::-webkit-emoji-picker-button{display:none!important}.message-input::-moz-emoji-picker{display:none!important}.message-input::placeholder{color:#999;color:var(--chat-text-light,#999)}.send-button{align-items:center;background:#075e54;background:var(--chat-primary,#075e54);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:background .3s ease}.send-button:hover:not(:disabled){background:#128c7e;background:var(--chat-secondary,#128c7e)}.send-button:disabled{background:#ccc;cursor:not-allowed}.send-button.sending{background:#999}.emoji-picker-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.emoji-picker-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:400px;max-width:320px;overflow:hidden;padding:20px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.emoji-picker-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.close-emoji-picker{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:4px;width:28px}.close-emoji-picker:hover{background:#0000001a}.emoji-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(6,1fr);overflow-y:auto;padding:4px}.emoji-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;padding:8px;transition:background .2s ease}.emoji-item:hover{background:#0000000d}.chat-error{background:#ffebee;border-bottom:1px solid #ffcdd2;color:#c62828;font-size:14px;padding:12px 16px}.chat-error,.no-messages{text-align:center;width:100%}.no-messages{color:#666;color:var(--chat-text-light,#666);padding:60px 20px}.no-messages-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-messages-subtitle{font-size:14px;margin-top:8px;opacity:.8}.blocked-badge{background:#e74c3c33;border-radius:10px;color:#e74c3c;font-size:10px;font-weight:600;margin-left:8px;padding:2px 8px}.security-message{align-items:flex-start;animation:slideInDown .3s ease-out;background:#0095f61a;border:1px solid #0095f64d;border-radius:12px;display:flex;gap:12px;margin:16px 0;padding:12px 16px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.security-icon{flex-shrink:0;font-size:16px;margin-top:2px}.security-content{flex:1 1}.security-content strong{color:#0095f6;display:block;font-size:13px;margin-bottom:4px}.security-content p{color:#666;color:var(--chat-text-light,#666);font-size:12px;line-height:1.4;margin:0 0 8px}.security-learn-more{background:none;border:none;color:#0095f6;cursor:pointer;font-size:12px;font-weight:600;padding:0;text-decoration:underline}.security-learn-more:hover{color:#07c}.security-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--chat-text-light,#666);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.security-dismiss:hover{background:#0000001a}.theme-selector-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.theme-selector-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.theme-selector-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.theme-selector-header h3{font-size:20px;font-weight:600;margin:0}.close-theme-selector{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;width:32px}.close-theme-selector:hover{background:#0000001a}.themes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:16px}.theme-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease}.theme-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.theme-card.selected{border-color:#075e54;border-color:var(--chat-primary,#075e54);box-shadow:0 0 0 2px #075e54;box-shadow:0 0 0 2px var(--chat-primary,#075e54)}.theme-preview{border-radius:8px;display:flex;flex-direction:column;gap:4px;height:80px;justify-content:flex-end;margin-bottom:12px;overflow:hidden;padding:8px;position:relative}.theme-bubble{border-radius:10px;height:20px;width:60%}.theme-bubble.sent{align-self:flex-end}.theme-bubble.received{align-self:flex-start;width:50%}.theme-info h4{font-size:14px;font-weight:600;margin:0 0 4px}.theme-info p{color:#666;color:var(--chat-text-light,#666);font-size:12px;line-height:1.3;margin:0}.header-actions{position:relative}.dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:220px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.menu-item:hover:not(:disabled){background:#f5f5f5}.menu-item:disabled{cursor:not-allowed;opacity:.6}.menu-item svg{opacity:.7}.report-item{color:#d32f2f}.report-item:hover:not(:disabled){background:#ffebee}.menu-message{background:#f8f9fa;border-bottom:1px solid #f0f0f0;color:#666;font-size:12px;padding:8px 16px}.menu-loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.dark .chat-room{background:#0d1418;background:var(--chat-background,#0d1418)}.dark .input-container{background:#1f2b32;border-top-color:#2d3b44}.dark .input-wrapper{background:#2d3b44;box-shadow:0 1px 3px #0000004d}.dark .message-input{color:#f0f4f8;color:var(--chat-text,#f0f4f8)}.dark .message-input::placeholder{color:#a8b5c1;color:var(--chat-text-light,#a8b5c1)}.dark .send-button:disabled{background:#3a4a54}.dark .chat-error{background:#2d1b1b;border-bottom-color:#5c2b2b;color:#ff8a8a}.dark .date-divider span{background:#ffffff26;color:#e1e5e9;color:var(--chat-text-light,#e1e5e9);font-weight:600}.dark .sender-name{color:#6bc9b5;color:var(--chat-secondary,#6bc9b5);font-weight:700}.dark .emoji-picker-modal{background:#2d3b44;color:#fff}.dark .emoji-picker-header{border-bottom-color:#3a4a54}.dark .emoji-picker-header h4{color:#f0f4f8}.dark .close-emoji-picker{color:#a8b5c1}.dark .close-emoji-picker:hover,.dark .emoji-item:hover{background:#ffffff1a}.dark .theme-selector-modal{background:#2d3b44;color:#fff}.dark .theme-selector-header{border-bottom-color:#3a4a54}.dark .close-theme-selector{color:#a8b5c1}.dark .close-theme-selector:hover{background:#ffffff1a}.dark .theme-card{background:#374151;border-color:#4b5563}.dark .dropdown-menu{background:#2d3b44;border-color:#3a4a54;box-shadow:0 4px 20px #0006}.dark .menu-item{color:#f0f4f8}.dark .menu-item:hover:not(:disabled){background:#3a4a54}.dark .menu-message{background:#2d3b44;border-bottom-color:#3a4a54;color:#a8b5c1}.dark .report-item:hover:not(:disabled){background:#3d2a2a}.dark .security-message{background:#0095f626;border-color:#0095f666}.dark .security-content strong,.dark .security-learn-more{color:#4db5ff}.dark .security-learn-more:hover{color:#66c2ff}.dark .security-dismiss:hover{background:#ffffff1a}.dark .blocked-badge{background:#e74c3c4d;color:#ff6b6b}@media (max-width:768px){.chat-room{height:100vh;width:100vw}.chat-header{padding:8px 12px;width:100vw}.messages-container{padding:12px;width:100%}.message-bubble{max-width:85%}.input-container{padding:8px 12px;width:100vw}.input-wrapper{width:100%}.security-message{margin:12px 0;padding:10px 12px}.security-content p{font-size:11px}.emoji-picker-modal{margin:20px;max-height:350px;max-width:280px}.emoji-grid{gap:6px;grid-template-columns:repeat(5,1fr)}.emoji-item{font-size:20px;min-height:40px;padding:6px}.theme-selector-modal{margin:20px;padding:16px}.themes-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.chat-header{padding:6px 10px}.user-name{font-size:14px}.user-status{font-size:12px}.message-bubble{max-width:90%}.message-text{font-size:13px}.security-message{flex-direction:column;gap:8px}.security-dismiss{align-self:flex-end}.emoji-grid{grid-template-columns:repeat(4,1fr)}.themes-grid{grid-template-columns:1fr}}@media (max-width:768px){.dropdown-menu{min-width:200px;right:-10px}.message-input{-webkit-user-modify:read-write-plaintext-only;-moz-user-modify:read-write-plaintext-only;user-modify:read-write-plaintext-only;-webkit-touch-callout:none;-webkit-user-select:none}}.emoji-button,.emoji-picker,.emoji-trigger,[class*=emoji]{background-image:none!important}.user-search{height:100%}.search-header{margin-bottom:1.5rem}.search-header h3{color:#1c1e21;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.search-header p{color:#65676b;font-size:.85rem;line-height:1.5;margin:0}.search-input-container{margin-bottom:1.5rem;position:relative}.input-wrapper{align-items:center;display:flex;position:relative}.search-input{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:24px;font-family:inherit;font-size:.9rem;outline:none;padding:.875rem 1rem .875rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a}.search-input::placeholder{color:#8a8d91}.input-wrapper:before{content:"🔍";font-size:.9rem;left:1rem;z-index:1}.clear-button,.input-wrapper:before{color:#8a8d91;position:absolute;top:50%;transform:translateY(-50%)}.clear-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;right:1rem;transition:all .2s ease;width:24px}.clear-button:hover{background:#e4e6eb;color:#1c1e21}.search-loading{position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.search-error{background:#ffeaa7;border:1px solid #fdcb6e;border-radius:12px;color:#856404;font-size:.85rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.search-results{flex:1 1;overflow-y:auto}.no-results{color:#65676b;padding:3rem 1rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results p{font-size:1rem;margin:0 0 .5rem}.no-results-subtitle{font-size:.85rem!important;opacity:.7}.results-section{margin-bottom:1.5rem}.results-header{border-bottom:1px solid #e4e6eb;margin-bottom:1rem;padding-bottom:.5rem}.results-header h4{color:#1c1e21;font-size:.95rem;font-weight:600;margin:0}.results-list{display:flex;flex-direction:column;gap:.5rem}.user-result{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.user-result:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease;width:3px}.user-result:hover{background:#f8f9fa;border-color:#e4e6eb;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.user-result:hover:before{background:#1877f2}.select-indicator{color:#1877f2;font-size:.8rem;font-weight:600;opacity:0;transition:all .2s ease}.user-result:hover .select-indicator{opacity:1;transform:translateX(5px)}.user-avatar{flex-shrink:0;height:44px;position:relative;width:44px}.user-avatar img{border:2px solid #e4e6eb;border-radius:50%;display:block;height:100%;object-fit:cover;transition:border-color .2s ease;width:100%}.user-result:hover .user-avatar img{border-color:#1877f2}.avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #e4e6eb;font-size:1rem;transition:border-color .2s ease}.user-result:hover .avatar-placeholder{border-color:#1877f2}.online-indicator{border:2px solid #fff;transition:all .2s ease}.online-indicator.online{background:#00b894;box-shadow:0 0 0 2px #00b8944d}.online-indicator.offline{background:#dfe6e9}.user-info{flex:1 1;min-width:0}.username{color:#1c1e21;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.user-fullname{color:#65676b;font-size:.8rem;margin-bottom:.25rem}.user-status{align-items:center;color:#00b894;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.last-seen{color:#b2bec3}.admin-badge{background:linear-gradient(135deg,#fd79a8,#fdcb6e);box-shadow:0 2px 4px #0000001a;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.3rem .6rem}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-result{animation:resultSlideIn .3s ease-out}.user-result:first-child{animation-delay:.05s}.user-result:nth-child(2){animation-delay:.1s}.user-result:nth-child(3){animation-delay:.15s}.user-result:nth-child(4){animation-delay:.2s}.user-result:nth-child(5){animation-delay:.25s}@media (max-width:768px){.search-header,.search-input-container{margin-bottom:1rem}.user-result{gap:.875rem;padding:.875rem}.user-avatar{height:40px;width:40px}.username{font-size:.9rem}.user-fullname{font-size:.75rem}.admin-badge{font-size:.65rem;padding:.25rem .5rem}}.chats-list{background:var(--bg-color);display:flex;flex-direction:column;height:100%}.conversations-container{flex:1 1;overflow-y:auto;scrollbar-color:#c1c1c1 #0000;scrollbar-width:thin}.conversations-container::-webkit-scrollbar{width:6px}.conversations-container::-webkit-scrollbar-track{background:#0000}.conversations-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.conversations-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark .conversations-container::-webkit-scrollbar-thumb{background:#4b5563}.dark .conversations-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.conversation-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;margin-bottom:.5rem;max-height:70px;overflow:hidden;padding:.75rem;transition:all .2s ease}.conversation-item:hover{background:var(--hover-color);border-color:var(--border-color)}.conversation-item.unread{background:rgba(var(--primary-rgb),.05);border-left:3px solid var(--primary-color)}.conversation-avatar{flex-shrink:0;height:45px;margin-right:.75rem;position:relative;width:45px}.avatar-image{object-fit:cover}.avatar-image,.avatar-placeholder{border:2px solid var(--border-color);border-radius:50%;height:100%;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:center}.online-indicator{background:#22c55e;border:2px solid var(--bg-color);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-content{flex:1 1;min-width:0;overflow:hidden}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.conversation-username{color:var(--text-color);flex:1 1;font-size:.95rem;font-weight:600;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.conversation-preview{align-items:center;display:flex;justify-content:space-between;min-height:20px}.last-message{color:var(--text-muted);flex:1 1;font-size:.85rem;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .last-message{color:var(--text-color);font-weight:500}.unread-badge{background:var(--primary-color);border-radius:10px;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:600;margin-left:.5rem;min-width:18px;padding:.1rem .5rem;text-align:center}.loading-conversations{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);height:32px;margin-bottom:1rem;width:32px}.no-conversations{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.no-chats-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-conversations h4{color:var(--text-color);margin:0 0 .5rem}.no-conversations p{line-height:1.4;margin:0 0 1rem;max-width:250px}.error-conversations{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.error-conversations h4{color:#e53e3e;margin:0 0 .5rem}.error-conversations p{background:#fed7d7;border-radius:4px;color:#e53e3e;font-size:.9rem;line-height:1.4;margin:0 0 1rem;max-width:250px;padding:.5rem}@media (max-width:768px){.conversation-item{max-height:65px;padding:.6rem}.conversation-avatar{height:40px;margin-right:.6rem;width:40px}.conversation-username{font-size:.9rem}.last-message{font-size:.8rem}}.chat-page{background:#f0f0f0;margin:0;overflow:hidden;padding:0;width:100vw}.dark .chat-page{background:var(--gray-900)}.chat-container{background:#fff;margin:0;width:100vw}.dark .chat-container{background:var(--gray-900)}.chat-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;min-width:350px;overflow:hidden;position:relative;width:400px}.dark .chat-sidebar{background:var(--gray-800);border-right-color:var(--gray-700)}.sidebar-header{align-items:center;background:#f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.dark .sidebar-header{background:var(--gray-700)}.sidebar-header h2{color:#333;font-size:20px;margin:0}.dark .sidebar-header h2{color:var(--gray-100)}.connection-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.connection-status.connected{background:#e3f2fd;color:#1976d2}.dark .connection-status.connected{background:#1976d233;color:#90caf9}.connection-status.disconnected{background:#ffebee;color:#d32f2f}.dark .connection-status.disconnected{background:#d32f2f33;color:#ef9a9a}.chat-tabs{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;margin-top:0;padding:0 20px;position:-webkit-sticky;position:sticky;top:81px;z-index:150}.dark .chat-tabs{background:var(--gray-700);border-bottom-color:var(--gray-600)}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 8px;position:relative;transition:all .2s}.dark .tab{color:var(--gray-300)}.tab.active{border-bottom-color:#007bff;color:#007bff}.dark .tab.active{border-bottom-color:var(--primary-light);color:var(--primary-light)}.tab:hover{background:#007bff0d}.dark .tab:hover{background:#ffffff0d}.tab-badge{background:#007bff;border-radius:10px;color:#fff;font-size:11px;margin-left:4px;padding:2px 6px}.dark .tab-badge{background:var(--primary-light)}.tab-content{background:#fff;flex:1 1;overflow-y:auto;scrollbar-color:#c1c1c1 #0000;scrollbar-width:thin}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:#0000}.tab-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark .tab-content{background:var(--gray-800)}.dark .tab-content::-webkit-scrollbar-thumb{background:#4b5563}.dark .tab-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.global-chat-section{background:#fff;padding:20px;text-align:center}.dark .global-chat-section{background:var(--gray-800)}.section-header h3{color:#333;font-size:18px;margin:0 0 8px}.dark .section-header h3{color:var(--gray-100)}.section-header p{color:#666;font-size:14px;margin:0 0 20px}.dark .section-header p{color:var(--gray-300)}.btn-block{width:100%}.chat-main{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.dark .chat-main{background:var(--gray-900)}.chat-empty-state{align-items:center;background:#f8f9fa;display:flex;flex:1 1;justify-content:center;width:100%}.dark .chat-empty-state{background:var(--gray-900)}.empty-state-content{color:#666;text-align:center}.dark .empty-state-content{color:var(--gray-300)}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-content h3{color:#333;font-size:24px;margin:0 0 8px}.dark .empty-state-content h3{color:var(--gray-100)}.empty-state-content p{font-size:16px;margin:0}.dark .empty-state-content p{color:var(--gray-300)}.connection-help{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:12px;margin-top:12px;padding:12px}.dark .connection-help{background:#ffc1071a;border-color:#ffc1074d;color:#ffd54f}.connection-help p{margin:0}.auth-error{margin:0 auto;max-width:400px;padding:60px 20px;text-align:center}.auth-error h2{color:#d32f2f;margin-bottom:16px}.dark .auth-error h2{color:#ef9a9a}.auth-error p{color:#666;margin-bottom:24px}.dark .auth-error p{color:var(--gray-300)}.header-actions{align-items:center;display:flex;gap:10px}.dark .chat-theme-toggle:hover{background:#ffffff0d}@media (max-width:768px){.chat-container,.chat-page{height:100vh;width:100vw}.chat-container{flex-direction:column}.chat-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;height:100vh;min-width:auto;width:100vw}.dark .chat-sidebar{border-bottom-color:var(--gray-600)}.chat-main{flex:1 1;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:300}.sidebar-header{padding:16px}.chat-tabs{padding:0 16px;top:57px}.global-chat-section{padding:16px}.chat-container.mobile-chat-open .chat-sidebar{display:none}.chat-container.mobile-chat-open .chat-main{display:flex}.chat-container:not(.mobile-chat-open) .chat-main{display:none}.chat-container:not(.mobile-chat-open) .chat-sidebar{display:flex}}@media (max-width:480px){.chat-sidebar{width:100vw}.sidebar-header{padding:12px}.sidebar-header h2{font-size:18px}.chat-tabs{padding:0 12px;top:49px}.tab{font-size:13px;padding:10px 6px}.global-chat-section{padding:12px}}.user-search-page{background:#f8f9fa;min-height:calc(100vh - 120px);padding:2rem 0}.user-search-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.page-header h1{font-size:2.5rem;margin:0 0 .5rem}.page-header p{font-size:1.1rem;margin:0;opacity:.9}.search-section{border-bottom:1px solid #e1e5e9;padding:2rem}.search-tips-section{background:#f8f9fa;padding:2rem}.search-tips-section h3{color:#2c3e50;margin:0 0 2rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.tip-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tip-icon{font-size:2rem;margin-bottom:1rem}.tip-card h4{color:#2c3e50;margin:0 0 .5rem}.tip-card p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.user-search-page{padding:1rem}.user-search-container{border-radius:8px}.page-header{padding:1.5rem}.page-header h1{font-size:2rem}.search-section,.search-tips-section{padding:1.5rem}.tips-grid{gap:1rem;grid-template-columns:1fr}}.quizzes-management-page{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) 0}.dark .quizzes-management-page{background:var(--gray-900)}.page-header{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.dark .page-header{background:var(--gray-800)}.header-content h1{margin-bottom:var(--spacing-sm)}.dark .header-content h1{color:var(--gray-100)}.dark .header-content p{color:var(--gray-400)}.filters-section{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.dark .filters-section{background:var(--gray-800)}.filter-select{min-width:200px}.quizzes-list-section{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.dark .quizzes-list-section{background:var(--gray-800)}.quizzes-stats{border-bottom:2px solid var(--gray-200);display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.dark .quizzes-stats{border-bottom-color:var(--gray-700)}.quizzes-stats span{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:600}.dark .quizzes-stats span{color:var(--gray-400)}.quizzes-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.quiz-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.dark .quiz-card{background:var(--gray-700);border-color:var(--gray-600)}.quiz-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quiz-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.quiz-header h3{color:var(--gray-900);flex:1 1;margin:0}.dark .quiz-header h3{color:var(--gray-100)}.quiz-status-badge{flex-shrink:0}.status{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.status.active{background:#2ecc711a;border:1px solid var(--success-color);color:var(--success-color)}.status.inactive{background:#e74c3c1a;border:1px solid var(--danger-color);color:var(--danger-color)}.quiz-description{color:var(--gray-600);line-height:1.5;margin-bottom:var(--spacing-lg)}.dark .quiz-description{color:var(--gray-400)}.quiz-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.quiz-meta span{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);color:var(--gray-600);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.dark .quiz-meta span{background:var(--gray-600);border-color:var(--gray-500);color:var(--gray-300)}.category{background:#3498db1a!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.difficulty.easy{background:#2ecc711a!important;border-color:var(--success-color)!important;color:var(--success-color)!important}.difficulty.medium{background:#f39c121a!important;border-color:var(--warning-color)!important;color:var(--warning-color)!important}.difficulty.hard{background:#e74c3c1a!important;border-color:var(--danger-color)!important;color:var(--danger-color)!important}.quiz-stats{color:var(--gray-500);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.dark .quiz-stats{color:var(--gray-400)}.quiz-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.empty-state{color:var(--gray-500);padding:var(--spacing-2xl)}.dark .empty-state{color:var(--gray-400)}.empty-state p{margin-bottom:var(--spacing-lg)}@media (max-width:768px){.quizzes-management-page{padding:var(--spacing-lg) 0}.page-header{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}.filters-section{flex-direction:column;gap:var(--spacing-md)}.quizzes-list-section{padding:var(--spacing-xl)}.quizzes-stats{flex-direction:column;gap:var(--spacing-sm)}.quizzes-grid{grid-template-columns:1fr}.quiz-header,.quiz-meta,.quiz-stats{flex-direction:column;gap:var(--spacing-sm)}.quiz-actions{justify-content:space-between}}@media (max-width:480px){.quiz-actions{flex-direction:column}.quiz-actions .btn{width:100%}}.questions-management{margin:0 auto;max-width:1200px;padding:20px}.management-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.management-header h1{color:#2c3e50;margin:0}.btn-primary{background:#3498db;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.btn-secondary:hover{background:#7f8c8d}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.loading-state p{color:#6c757d;margin:0}.empty-state{border:2px dashed #bdc3c7;border-radius:10px}.empty-state h3{margin-bottom:15px}.empty-state p{margin-bottom:10px}.create-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-form{background:#fff;border-radius:10px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.create-form h2{color:#2c3e50;margin-top:0}.create-form h2,.form-group{margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{color:#2c3e50;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #bdc3c7;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-group textarea{height:80px;resize:vertical}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.option-item{align-items:center;display:flex;gap:10px}.option-item input{flex:1 1}.btn-remove-option{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.btn-remove-option:hover{background:#c0392b}.btn-add-option{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.btn-add-option:hover{background:#219a52}.form-actions{gap:10px;margin-top:30px}.questions-list{display:flex;flex-direction:column;gap:20px}.question-card{background:#fff;border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.question-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.question-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.question-header h3{color:#2c3e50;flex:1 1;line-height:1.4;margin:0 15px 0 0}.difficulty{border-radius:15px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.difficulty.easy{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.difficulty.medium{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.difficulty.hard{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.question-details{margin-bottom:15px}.question-details p{color:#555;margin:5px 0}.question-details strong{color:#2c3e50}.question-details ul{margin:5px 0;padding-left:20px}.question-details li{margin:3px 0;padding:2px 0}.correct-answer{background:#d4edda;border-radius:4px;color:#27ae60;font-weight:700;margin-left:-8px;padding:2px 8px}.question-actions{display:flex;gap:10px;justify-content:flex-end}.btn-edit{background:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s ease}.btn-edit:hover{background:#e67e22}.btn-danger{background:#e74c3c;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s ease}.btn-danger:hover{background:#c0392b}@media (max-width:768px){.questions-management{padding:15px}.management-header{align-items:flex-start;flex-direction:column;gap:15px}.create-form{padding:20px;width:95%}.form-row{grid-template-columns:1fr}.question-header{flex-direction:column;gap:10px}.question-header h3{margin-right:0}.question-actions{justify-content:flex-start}}@media (max-width:480px){.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.results-management-page{margin:0 auto;max-width:1400px;padding:15px}.page-header{flex-direction:column;gap:15px;margin-bottom:25px}@media (min-width:768px){.page-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.header-content h1{font-size:1.5rem;margin:0 0 8px}.header-content p{color:#7f8c8d;font-size:.9rem}.header-stats span{border:1px solid #e1e5e9;color:#2c3e50;font-size:.9rem;padding:8px 15px}.filters-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px}@media (min-width:768px){.filters-section{align-items:center;flex-direction:row;justify-content:space-between}}.search-box{flex:1 1}.search-box input{border:1px solid #bdc3c7;border-radius:25px;font-size:14px;max-width:400px;padding:10px 15px;width:100%}.filter-group{flex-wrap:wrap;gap:10px}.form-control{border-radius:5px}.results-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.results-stats{background:#f8f9fa;border-bottom:1px solid #e1e5e9;color:#5a6c7d;display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px;padding:15px 20px}.results-stats span{font-weight:600}.results-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.results-table{min-width:900px;width:100%}.table-header{grid-gap:1px;background:#34495e;color:#fff;display:grid;font-size:.9rem;font-weight:600;gap:1px;grid-template-columns:200px 200px 100px 100px 150px 100px}.header-cell{overflow:hidden;padding:15px 12px;text-overflow:ellipsis;white-space:nowrap}.table-row{grid-gap:1px;border-bottom:1px solid #ecf0f1;display:grid;gap:1px;grid-template-columns:200px 200px 100px 100px 150px 100px;transition:background-color .2s ease}.table-row:hover{background:#f8f9fa}.cell{display:flex;flex-direction:column;justify-content:center;min-height:60px;overflow:hidden;padding:15px 12px}.user-cell strong{color:#2c3e50;font-size:.9rem;margin-bottom:4px}.user-cell small,.user-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-cell small{color:#7f8c8d;font-size:.8rem}.quiz-cell strong{color:#2c3e50;font-size:.9rem;margin-bottom:4px}.quiz-cell small,.quiz-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-cell small{color:#7f8c8d;font-size:.8rem}.score-badge{border-radius:12px;font-size:.8rem;font-weight:700;margin-bottom:4px;padding:4px 8px;text-align:center;white-space:nowrap}.score-badge.passed{background:#d4edda;color:#155724}.score-badge.failed{background:#f8d7da;color:#721c24}.score-cell small{color:#7f8c8d;font-size:.8rem;text-align:center;white-space:nowrap}.time-cell{color:#2c3e50;font-size:.9rem;font-weight:600}.date-cell,.time-cell{justify-content:center;text-align:center;white-space:nowrap}.date-cell{color:#5a6c7d;font-size:.85rem}.status{border-radius:15px;display:inline-block;font-size:.8rem;font-weight:700;padding:6px 12px;text-align:center;text-transform:uppercase;white-space:nowrap}.status.passed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status.failed{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.empty-state{background:#f8f9fa}.empty-icon{font-size:48px;margin-bottom:20px}.empty-state h3{color:#2c3e50;margin-bottom:10px}.empty-state p{color:#6c757d;line-height:1.5;margin:0}.loading-state{padding:60px 20px;text-align:center}@media (max-width:768px){.results-management-page{padding:10px}.results-table{min-width:800px}.table-header,.table-row{grid-template-columns:160px 160px 80px 80px 130px 80px}.results-table-wrapper:after{background:#f8f9fa;border-top:1px solid #e1e5e9;color:#7f8c8d;content:"← Scroll horizontally →";display:block;font-size:.8rem;padding:10px;text-align:center}}@media (min-width:1025px){.results-table-wrapper{overflow-x:visible}.results-table{min-width:100%}.table-header,.table-row{grid-template-columns:1.5fr 1.5fr .8fr .8fr 1.2fr .8fr}}.leaderboard-page{padding:20px 0}.page-header{align-items:center;border-bottom:2px solid #e1e5e9;margin-bottom:30px;padding-bottom:20px}.header-content h1{color:#2c3e50;margin:0 0 5px}.header-content p{color:#6c757d;margin:0}.header-stats{gap:20px}.header-stats span{background:#f8f9fa;border-radius:20px;color:#495057;font-size:14px;font-weight:600;padding:8px 16px}.filters-section{margin-bottom:25px}.filter-group{gap:15px}.form-control{background:#fff;border:1px solid #bdc3c7;border-radius:6px;font-size:14px;min-width:150px;padding:10px 12px}.form-control:focus{box-shadow:0 0 0 2px #3498db33}.leaderboard-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.leaderboard-stats{border-bottom:1px solid #e9ecef;color:#6c757d;font-size:14px;padding:15px 20px}.leaderboard-list{padding:20px}.leaderboard-item{grid-gap:20px;border-bottom:1px solid #e9ecef;gap:20px;grid-template-columns:auto 1fr 2fr 1fr;padding:20px;transition:background-color .2s}.leaderboard-item:hover{background:#f8f9fa}.leaderboard-item:last-child{border-bottom:none}.rank-badge{box-shadow:0 2px 8px #0003;color:#fff;font-size:16px}.user-section{gap:15px}.user-avatar{background:#3498db;color:#fff;font-size:18px;height:50px;width:50px}.user-info h3{color:#2c3e50;font-size:18px;margin:0 0 5px}.user-info p{color:#6c757d;font-size:14px;margin:0}.stats-section{grid-gap:15px;gap:15px}.stat{align-items:center;display:flex;flex-direction:column}.stat-label{color:#6c757d;font-size:12px;margin-bottom:4px}.stat-value{color:#2c3e50;font-size:18px}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-bar{background:#e9ecef}.progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease}.progress-text{color:#6c757d;font-size:12px}.empty-state{color:#6c757d;padding:60px 20px}.empty-state p{margin:0 0 10px}.leaderboard-item:first-child .rank-badge{background:linear-gradient(135deg,gold,orange)}.leaderboard-item:nth-child(2) .rank-badge{background:linear-gradient(135deg,silver,#a0a0a0)}.leaderboard-item:nth-child(3) .rank-badge{background:linear-gradient(135deg,#cd7f32,sienna)}.leaderboard-item:nth-child(n+4) .rank-badge{background:#6b7280}@media (max-width:1024px){.leaderboard-item{gap:15px;grid-template-columns:auto 1fr 1fr}.progress-section{grid-column:1/-1;margin-top:15px}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.header-stats{justify-content:space-between;width:100%}.leaderboard-item{gap:15px;grid-template-columns:auto 1fr;padding:15px}.stats-section{grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:10px}.progress-section{grid-column:1/-1}.stat-value,.user-info h3{font-size:16px}}@media (max-width:480px){.stats-section{grid-template-columns:repeat(2,1fr)}.filter-group{flex-direction:column}.form-control{min-width:auto}}.leaderboard-page{padding:2rem 0}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:var(--gray-900);margin-bottom:.5rem}.header-content p{color:var(--gray-600);margin-bottom:0}.header-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.header-stats span{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);color:var(--gray-700);font-weight:500;padding:.5rem 1rem}.filters-section{margin-bottom:2rem}.filter-group{align-items:center;display:flex;gap:1rem}.leaderboard-stats{gap:1.5rem;margin-bottom:1.5rem}.leaderboard-stats span{color:var(--gray-600);font-weight:500}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{grid-gap:1.5rem;align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto;padding:1.5rem;transition:all var(--transition-fast)}.leaderboard-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rank-badge,.rank-section{align-items:center;display:flex;justify-content:center}.rank-badge{border-radius:50%;box-shadow:var(--shadow-sm);color:var(--white);font-size:1.1rem;font-weight:700;height:50px;width:50px}.user-section{gap:1rem}.user-avatar,.user-section{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;box-shadow:var(--shadow-sm);color:var(--white);font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.user-info h3{color:var(--gray-900);margin-bottom:.25rem}.user-info p{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.admin-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.stats-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);min-width:200px}.stat{text-align:center}.stat-label{color:var(--gray-600);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:var(--gray-900);display:block;font-size:1.25rem;font-weight:700}.progress-section{grid-column:1/-1;margin-top:1rem}.progress-bar{background:var(--gray-200);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:4px;height:100%;transition:width var(--transition-normal)}.progress-text{color:var(--gray-600);display:block;font-size:.875rem;text-align:center}.empty-state{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--border-radius-xl);padding:3rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:var(--gray-700);margin-bottom:.5rem}.empty-state p{color:var(--gray-600);margin-bottom:0}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.header-stats{justify-content:center}.leaderboard-item{gap:1rem;grid-template-columns:1fr;text-align:center}.user-section{justify-content:center;text-align:center}.stats-section{gap:.5rem;grid-template-columns:repeat(4,1fr)}.stat-value{font-size:1.1rem}}@media (max-width:480px){.stats-section{grid-template-columns:repeat(2,1fr)}.header-stats{align-items:center;flex-direction:column;gap:.5rem}.header-stats span{text-align:center;width:100%}}.perfect-score-badge{background:linear-gradient(45deg,gold,orange);border-radius:12px;color:#000;font-size:.75rem;font-weight:700;margin-left:8px;padding:2px 8px}.perfect-score{color:gold;font-weight:700;text-shadow:0 0 10px #ffd7004d}.leaderboard-stats{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px}.leaderboard-stats span{color:#495057;font-weight:600}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:0;min-height:100vh;padding:0}.main-content,.main-content.sidebar-collapsed{margin-left:280px}.main-content.full-screen-chat{height:100vh;margin:0!important;padding:0!important;width:100vw}@media (max-width:768px){.main-content{margin-left:0;margin-top:0;min-height:calc(100vh - 70px);padding:0;padding-top:70px!important;width:100%}.admin-page,.content-area,.dashboard-page,.home-page,.page-container,.profile-page,.quizzes-page{padding-top:20px!important}}:root{--primary-color:#3498db;--primary-dark:#2980b9;--primary-light:#5dade2;--secondary-color:#2c3e50;--secondary-dark:#1a252f;--secondary-light:#34495e;--accent-color:#e74c3c;--accent-dark:#c0392b;--accent-light:#ec7063;--success-color:#27ae60;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#3498db;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f2f6;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--black:#000;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--gray-50);color:#343a40;color:var(--gray-800);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.dark body{background-color:#212529;background-color:var(--gray-900);color:#f1f2f6;color:var(--gray-100)}h1,h2,h3,h4,h5,h6{color:#212529;color:var(--gray-900);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#f1f2f6;color:var(--gray-100)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#495057;color:var(--gray-700);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.dark p{color:#dee2e6;color:var(--gray-300)}a{color:#3498db;color:var(--primary-color);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#2980b9;color:var(--primary-dark)}.dark a{color:#5dade2;color:var(--primary-light)}.dark a:hover{color:#3498db;color:var(--primary-color)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md);width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.page-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;padding:var(--spacing-xl);width:100%}@media (max-width:768px){.page-container{min-height:calc(100vh - 90px);padding:1rem;padding:var(--spacing-md);padding-top:90px!important}}.btn{align-items:center;border:2px solid #0000;border-radius:.5rem;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn-primary{background-color:#3498db;background-color:var(--primary-color);border-color:#3498db;border-color:var(--primary-color);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background-color:#2980b9;background-color:var(--primary-dark);border-color:#2980b9;border-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;background-color:var(--gray-600);border-color:#6c757d;border-color:var(--gray-600);color:#fff;color:var(--white)}.btn-secondary:hover:not(:disabled){background-color:#495057;background-color:var(--gray-700);border-color:#495057;border-color:var(--gray-700);transform:translateY(-1px)}.dark .btn-secondary{background-color:#adb5bd;background-color:var(--gray-500);border-color:#adb5bd;border-color:var(--gray-500)}.dark .btn-secondary:hover:not(:disabled){background-color:#6c757d;background-color:var(--gray-600);border-color:#6c757d;border-color:var(--gray-600)}.btn-success{background-color:#27ae60;background-color:var(--success-color);border-color:#27ae60;border-color:var(--success-color);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background-color:#219653;border-color:#219653;transform:translateY(-1px)}.btn-danger{background-color:#e74c3c;background-color:var(--danger-color);border-color:#e74c3c;border-color:var(--danger-color);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background-color:#c0392b;background-color:var(--accent-dark);border-color:#c0392b;border-color:var(--accent-dark);transform:translateY(-1px)}.btn-outline{background-color:initial;border-color:#3498db;border-color:var(--primary-color);color:#3498db;color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:#3498db;background-color:var(--primary-color);color:#fff;color:var(--white);transform:translateY(-1px)}.dark .btn-outline{border-color:#5dade2;border-color:var(--primary-light);color:#5dade2;color:var(--primary-light)}.dark .btn-outline:hover:not(:disabled){background-color:#5dade2;background-color:var(--primary-light);color:#212529;color:var(--gray-900)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-full{width:100%}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#495057;color:var(--gray-700);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.dark .form-label{color:#dee2e6;color:var(--gray-300)}.form-control{background-color:#fff;background-color:var(--white);border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:.5rem;border-radius:var(--border-radius-lg);color:#343a40;color:var(--gray-800);display:block;font-size:1rem;font-size:var(--font-size-base);line-height:1.5;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.dark .form-control{background-color:#343a40;background-color:var(--gray-800);border-color:#6c757d;border-color:var(--gray-600);color:#f1f2f6;color:var(--gray-100)}.form-control:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.dark .form-control:focus{box-shadow:0 0 0 3px #3498db33}.form-control::placeholder{color:#adb5bd;color:var(--gray-500)}.dark .form-control::placeholder{color:#ced4da;color:var(--gray-400)}.form-control:disabled{background-color:#f1f2f6;background-color:var(--gray-100);cursor:not-allowed}.dark .form-control:disabled{background-color:#495057;background-color:var(--gray-700)}.form-text{color:#6c757d;color:var(--gray-600);display:block;font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--spacing-xs)}.dark .form-text{color:#ced4da;color:var(--gray-400)}.form-error{color:#e74c3c;color:var(--danger-color);font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--spacing-xs)}.card{background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.dark .card{background:#343a40;background:var(--gray-800);color:#f1f2f6;color:var(--gray-100)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{background-color:#f8f9fa;background-color:var(--gray-50);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-lg)}.dark .card-header{background-color:#495057;background-color:var(--gray-700);border-bottom-color:#6c757d;border-bottom-color:var(--gray-600);color:#f1f2f6;color:var(--gray-100)}.card-body{padding:1.5rem;padding:var(--spacing-lg)}.dark .card-body{color:#f1f2f6;color:var(--gray-100)}.card-footer{background-color:#f8f9fa;background-color:var(--gray-50);border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-lg)}.dark .card-footer{background-color:#495057;background-color:var(--gray-700);border-top-color:#6c757d;border-top-color:var(--gray-600);color:#f1f2f6;color:var(--gray-100)}.alert{border-left:4px solid #0000;border-radius:.5rem;border-radius:var(--border-radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background-color:#27ae601a;border-left-color:#27ae60;border-left-color:var(--success-color);color:#155724}.dark .alert-success{background-color:#27ae6033;color:#d4edda}.alert-error{background-color:#e74c3c1a;border-left-color:#e74c3c;border-left-color:var(--danger-color);color:#721c24}.dark .alert-error{background-color:#e74c3c33;color:#f8d7da}.alert-warning{background-color:#f39c121a;border-left-color:#f39c12;border-left-color:var(--warning-color);color:#856404}.dark .alert-warning{background-color:#f39c1233;color:#fff3cd}.alert-info{background-color:#3498db1a;border-left-color:#3498db;border-left-color:var(--info-color);color:#0c5460}.dark .alert-info{background-color:#3498db33;color:#d1ecf1}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.w-100{width:100%}.h-100{height:100%}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:3rem;padding:var(--spacing-2xl)}.loading-spinner{color:#6c757d;color:var(--gray-600);text-align:center}.dark .loading-spinner{color:#ced4da;color:var(--gray-400)}.spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-left:4px solid #3498db;border:4px solid var(--gray-200);border-left-color:var(--primary-color);border-radius:50%;height:40px;margin:0 auto 1rem;margin:0 auto var(--spacing-md);width:40px}.dark .spinner{border-color:#495057;border-color:var(--gray-700);border-left-color:#3498db;border-left-color:var(--primary-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-actions{display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:2rem;margin-top:var(--spacing-xl)}.form-actions.center{justify-content:center}.form-actions.full-width{flex-direction:column}.form-actions.full-width .btn{width:100%}.session-expired-alert{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border:2px solid #e17055;border-radius:.75rem;border-radius:var(--border-radius-xl);color:#2d3436;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);text-align:center}.session-expired-alert h4{color:#d63031;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-loading{color:#0000!important;position:relative}.btn-loading:after{animation:button-spinner .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes button-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--spacing-lg)}.auth-card{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--border-radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:440px;padding:3rem;padding:var(--spacing-2xl);width:100%}.dark .auth-card{background:#343a40;background:var(--gray-800);color:#f1f2f6;color:var(--gray-100)}.admin-page,.chat-page,.dashboard-page,.home-page,.profile-page,.quizzes-page{min-height:100vh;width:100%}@media (max-width:768px){.admin-page,.dashboard-page,.home-page,.profile-page,.quizzes-page{min-height:calc(100vh - 80px);padding-top:80px!important}}.chat-page{display:flex;flex-direction:column;height:100vh;width:100%}@media (max-width:768px){.main-content{padding-top:0}.container{padding:0 .5rem;padding:0 var(--spacing-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}.auth-card{margin:1rem;margin:var(--spacing-md);padding:2rem;padding:var(--spacing-xl)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){.main-content{padding-top:0}h1{font-size:1.5rem;font-size:var(--font-size-2xl)}h2{font-size:1.25rem;font-size:var(--font-size-xl)}h3{font-size:1.125rem;font-size:var(--font-size-lg)}}@media print{.btn,.footer,.navbar{display:none!important}.main-content{margin-left:0!important;padding-top:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 10px 30px #0000004d}50%{box-shadow:0 10px 40px #667eea66}to{box-shadow:0 10px 30px #0000004d}}.install-prompt{animation:slideInUp .5s ease-out,pulse 2s infinite}.offline-indicator{background:#ff6b6b;color:#fff;font-weight:700;left:0;padding:10px;position:fixed;right:0;text-align:center;top:0;z-index:10001}.footer{margin-left:280px;transition:margin-left .3s ease}@media (max-width:768px){.footer{margin-left:0;margin-top:70px}}@media (max-width:1024px){.main-content{margin-left:280px}}@media (max-width:768px){.main-content{margin-left:0;margin-top:0}}.content-area{min-height:100vh;padding:2rem;padding:var(--spacing-xl);width:100%}@media (max-width:768px){.content-area{min-height:calc(100vh - 90px);padding:1rem;padding:var(--spacing-md);padding-top:90px!important}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.chat-container{display:flex;height:100vh;width:100%}.page-start-from-top{margin-top:0;padding-top:0}@media (max-width:768px){.page-start-from-top{padding-top:70px!important}}.chat-theme-toggle{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;font-size:1.2rem;padding:8px;transition:background-color .2s ease}.chat-theme-toggle:hover{background:#ffffff1a}@media (max-width:768px){.admin-container,.dashboard-container,.main-content>:first-child,.profile-container,.quiz-container{padding-top:20px}.chat-room{height:100vh;padding-top:0}}
/*# sourceMappingURL=main.243da4c3.css.map*/