@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #2D3748;--accent-color: #8B5CF6;--error-color: #EC4899;--text-color: #cd3030;--border-radius: 12px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#553956,#750a96);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.03) 50%,transparent 52%);background-size:20px 20px;z-index:1}.login-box{background:#ffffff08;padding:2rem;border-radius:var(--border-radius);width:100%;max-width:380px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.login-box h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-color);text-align:center;font-weight:600;letter-spacing:.5px}.login-title{color:inherit!important}.login-subtitle{text-align:center;color:#fff9;margin-bottom:1.5rem;font-size:.9rem}.form-group{position:relative;margin-bottom:1rem}.form-group i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--accent-color);font-size:1rem;z-index:1;pointer-events:none;opacity:.7;width:1.2rem;text-align:center}.form-group input{width:100%;padding:1rem 1rem 1rem 2.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);font-size:.9rem;color:var(--text-color);transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-color);background:#ffffff14}.form-group input::placeholder{color:#12011366;opacity:1;padding-left:.2rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.8rem;color:#fff9}.admin-login-toggle{background:none;border:none;color:var(--accent-color);font-size:.8rem;cursor:pointer;padding:0;transition:color .3s ease}.admin-login-toggle:hover{color:#680155}.login-button{width:100%;padding:.8rem;border:none;border-radius:var(--border-radius);background:var(--accent-color);color:var(--text-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.login-button:hover{background:#680155;transform:translateY(-1px)}.login-button:disabled{background:#34012a;cursor:not-allowed}.error-message{background:#ff76751a;border-left:3px solid var(--error-color);color:var(--error-color);padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem;border-radius:4px}.signup-link{text-align:center;margin-top:1.5rem;color:#fff9;font-size:.85rem}.signup-link a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .3s ease}.signup-link a:hover{color:#680155}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid rgba(255,255,255,.2);border-radius:4px;margin-right:8px;position:relative;cursor:pointer;vertical-align:middle}input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}input[type=checkbox]:checked:after{content:"✓";position:absolute;color:var(--text-color);font-size:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.form-group{animation:fadeIn .3s ease forwards}.form-group:nth-child(2){animation-delay:.1s}.form-options{animation:fadeIn .3s ease forwards;animation-delay:.2s}.login-button{animation:fadeIn .3s ease forwards;animation-delay:.3s}.recent-lessons{padding:1.5rem;background:var(--bg-secondary);border-radius:12px;margin-top:1.5rem}.lesson-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.lesson-card{background:var(--bg-primary);border-radius:10px;padding:1.25rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.lesson-card:hover{transform:translateY(-2px)}.lesson-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.lesson-card h4{font-size:1.1rem;margin:0;color:var(--text-primary)}.difficulty{font-size:.8rem;padding:.25rem .5rem;border-radius:12px;text-transform:capitalize}.difficulty.beginner{background:#e6f4ea;color:#1e7e34}.difficulty.intermediate{background:#fff3e0;color:#f57c00}.difficulty.advanced{background:#fce4ec;color:#c2185b}.lesson-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.lesson-card-footer{display:flex;justify-content:space-between;align-items:center}.category{font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .75rem;border-radius:12px}.continue-button{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.continue-button:hover{background:var(--primary-dark)}.loading-spinner{text-align:center;padding:2rem;color:var(--text-secondary)}.error-message{color:var(--error-color);text-align:center;padding:1rem}.no-lessons-message{text-align:center;padding:2rem;color:var(--text-secondary)}.theme-toggle-btn{padding:.5rem;border-radius:50%;border:none;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle-btn:hover{background-color:var(--bg-secondary);transform:rotate(15deg)}.theme-toggle-btn svg{font-size:1.25rem}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.menu-btn{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .3s}.menu-btn:hover{background-color:var(--bg-secondary)}.header-left h1{font-size:1.5rem;color:var(--text-primary);margin:0}.header-right{display:flex;align-items:center;gap:1.5rem}.admin-info{display:flex;align-items:center;gap:1rem}.admin-info span{color:var(--text-primary);font-weight:500}.admin-avatar{width:40px;height:40px;background-color:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--danger-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.logout-button:hover{filter:brightness(1.1)}@media (max-width: 768px){.admin-header{padding:1rem}.header-left h1{font-size:1.25rem}.admin-info span,.logout-button span{display:none}.logout-button{padding:.5rem}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #333333;--text-secondary: #666666;--border-color: #e5e7eb;--accent-color: #6366f1;--success-color: #4CAF50;--danger-color: #ef4444;--warning-color: #f59e0b}.dark{--bg-primary: #1a1b1e;--bg-secondary: #2c2e33;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--border-color: #374151;--accent-color: #818cf8;--success-color: #34d399;--danger-color: #f87171;--warning-color: #fbbf24}.manage-users-main{padding:2rem;width:100%;max-width:1400px;margin:0 auto;background-color:var(--bg-secondary);color:var(--text-primary)}.manage-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.manage-users-header h2{font-size:2rem;color:var(--text-primary)}.add-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--success-color);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s}.add-user-btn:hover{filter:brightness(1.1)}.manage-users-controls{display:flex;gap:1rem;margin-bottom:2rem}.search-box{position:relative;flex:1}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.role-filter{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;min-width:150px;background-color:var(--bg-primary);color:var(--text-primary)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.user-card{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .3s,box-shadow .3s;border:1px solid var(--border-color)}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.user-avatar{width:50px;height:50px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.user-role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;text-transform:capitalize}.user-role-badge[data-role=admin]{background-color:var(--warning-color);color:var(--bg-primary)}.user-role-badge[data-role=user]{background-color:var(--accent-color);color:var(--bg-primary)}.user-info{margin-bottom:1rem}.user-info h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.25rem}.user-email{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.user-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.stat{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:var(--bg-secondary);border-radius:8px}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.user-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.edit-btn,.delete-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.edit-btn{background-color:var(--accent-color);color:#fff}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:var(--danger-color);color:#fff}.delete-btn:hover{background-color:#dc2626}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background-color:#fee2e2;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.no-users-message{text-align:center;padding:3rem;color:#64748b;font-size:1.125rem}.no-users-message i{font-size:3rem;margin-bottom:1rem;opacity:.5}:root{--primary-gradient: linear-gradient(135deg, #7C3AED, #EC4899);--secondary-gradient: linear-gradient(45deg, #6D28D9, #DB2777);--accent-gradient: linear-gradient(135deg, #60A5FA, #34D399);--text-color: #1F2937;--light-text: #FFFFFF;--background: #F9FAFB;--glass: rgba(255, 255, 255, .8);--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--border-color: #e5e7eb;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #d1d5db;--hover-bg: #f3f4f6;--shadow-color: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#7c3aed1a,#ec48991a,#60a5fa1a);z-index:-1;overflow:hidden}.background-animation:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at center,rgba(124,58,237,.1) 0%,transparent 50%);animation:rotate 20s linear infinite}header{padding:1rem 2rem;background:#fff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:100}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-size:1.5rem;font-weight:700;z-index:2}.logo a{text-decoration:none;color:inherit}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;z-index:2}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li a{text-decoration:none;color:inherit;font-weight:500;transition:color .3s;cursor:pointer}.nav-links li a:hover{transition:color .3s}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto}.hero-content{text-align:center;max-width:800px;z-index:2;margin:0 auto}.hero-title{font-size:5rem;line-height:1.1;font-weight:700;margin-bottom:1.5rem;overflow:hidden}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.5rem;line-height:1.5;color:#4b5563;margin-bottom:2.5rem;max-width:600px;justify-content:center;align-items:center;position:relative}.cta-button{padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:500;border:none;border-radius:100px;background:var(--primary-gradient);color:var(--light-text);cursor:pointer;display:inline-flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--secondary-gradient);opacity:0;transition:opacity .3s}.cta-button:hover:before{opacity:1}.floating-doodles{position:absolute;width:100%;height:100%;pointer-events:none}.doodle{position:absolute;font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(124,58,237,.3));animation:float 6s ease-in-out infinite;z-index:1}.d1{top:20%;left:45%;animation:blink 3s infinite -1s}.d2{top:55%;right:35%;animation:blink 3s infinite -2s}.d3{bottom:25%;right:45%;animation:blink 3s infinite}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-box{background:#fffffff2;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #8b5cf61a;width:100%;max-width:420px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-box h2{font-size:2rem;margin-bottom:.5rem;text-align:center}.login-subtitle{text-align:center;color:#666;margin-bottom:2rem}.form-group{position:relative;margin-bottom:1.5rem}.form-group i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8b5cf6}.form-group input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:border-color .3s;background-color:var(--input-bg);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:#8b5cf6}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem}.forgot-password{color:#8b5cf6;text-decoration:none}.login-button{width:100%;padding:1rem;border:none;border-radius:10px;background:var(--primary-gradient);color:#fff;font-size:1rem;cursor:pointer;transition:transform .3s,box-shadow .3s}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.social-login{margin-top:2rem;text-align:center}.social-login p{color:#666;margin-bottom:1rem;position:relative}.social-login p:before,.social-login p:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#e2e8f0}.social-login p:before{left:0}.social-login p:after{right:0}.social-buttons{display:flex;gap:1rem;justify-content:center}.social-btn{width:50px;height:50px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:transform .3s}.social-btn:hover{transform:translateY(-2px)}.signup-link{text-align:center;margin-top:2rem;color:#666}.signup-link a{color:#8b5cf6;text-decoration:none;font-weight:500}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.mobile-menu-btn{display:block}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:.3s ease-in-out;padding:2rem;box-shadow:-5px 0 15px #0000001a}.nav-links.active{right:0}.nav-links li{opacity:0;transform:translate(50px);animation:slideIn .5s forwards}.nav-links.active li{opacity:1;transform:translate(0)}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.nav-links li:nth-child(1){animation-delay:.2s}.nav-links li:nth-child(2){animation-delay:.3s}.nav-links li:nth-child(3){animation-delay:.4s}.nav-links li:nth-child(4){animation-delay:.5s}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.lottie-illustration{transform:scale(.7)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#f3e7ff,#ffe7f7);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-content{text-align:center}.loading-text{font-size:2.5rem;margin-bottom:2rem}.loading-bar-container{width:300px;height:4px;background:#7c3aed1a;border-radius:10px;overflow:hidden}.loading-bar{width:100%;height:100%;background:var(--primary-gradient);animation:loading 2s ease-in-out}.decorative-elements{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;overflow:hidden;pointer-events:none;z-index:0}.book{font-size:3.5rem}.book1{top:15%;right:20%;animation-delay:-1s}.book2{bottom:25%;left:15%;animation-delay:-2s}.star{font-size:2.5rem}.star1{top:30%;left:25%;animation-delay:-.5s}.star2{top:45%;right:30%;animation-delay:-1.5s}.star3{bottom:35%;right:20%;animation-delay:-2.5s}.symbol{font-size:3rem}.symbol1{top:25%;left:35%;animation-delay:-1s}.symbol2{bottom:30%;right:35%;animation-delay:-2s}.symbol3{top:40%;right:25%;animation-delay:-3s}.circle-decoration{position:absolute;border-radius:50%;background:var(--primary-gradient);opacity:.15;filter:blur(30px);z-index:0}.c1{width:400px;height:400px;top:5%;right:5%;animation:pulse 8s ease-in-out infinite}.c2{width:300px;height:300px;bottom:15%;left:10%;animation:pulse 8s ease-in-out infinite -2s}.c3{width:250px;height:250px;top:35%;left:25%;animation:pulse 8s ease-in-out infinite -4s}.line-decoration{position:absolute;background:var(--secondary-gradient);height:3px;opacity:.25;transform-origin:left;filter:blur(2px);z-index:1}.l1{width:150px;top:45%;right:25%;transform:rotate(45deg);animation:expandLine 4s ease-in-out infinite}.l2{width:200px;bottom:35%;left:20%;transform:rotate(-45deg);animation:expandLine 4s ease-in-out infinite -2s}.dot-decoration{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent-gradient);opacity:.6;filter:blur(1px);z-index:1}@keyframes expandLine{0%,to{transform:scaleX(1) rotate(45deg);opacity:.25}50%{transform:scaleX(1.5) rotate(45deg);opacity:.4}}@keyframes blink{0%,to{opacity:.3;transform:scale(1);filter:blur(1px)}50%{opacity:.8;transform:scale(1.5);filter:blur(2px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 4px 8px rgba(124,58,237,.3))}50%{transform:translateY(-20px) rotate(5deg);filter:drop-shadow(0 8px 16px rgba(124,58,237,.4))}}@keyframes pulse{0%,to{transform:scale(1) translate(0);opacity:.15}50%{transform:scale(1.1) translate(-10px,-10px);opacity:.25}}.cursor-follower{width:20px;height:20px;background:var(--primary-gradient);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;opacity:.6;transition:transform .1s ease;mix-blend-mode:difference;filter:blur(1px)}.cursor-trail{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--accent-gradient);pointer-events:none;opacity:.4;z-index:9998;transition:opacity .5s ease}.gradient-text,.loading-text,.logo,.signup-box h2,.nav-links li a:hover{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.signup-box{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;width:100%;max-width:500px}.signup-box h2{font-size:2rem;margin-bottom:.5rem;text-align:center}.signup-subtitle{text-align:center;color:#6b7280;margin-bottom:2rem}.signup-form .form-group{position:relative;margin-bottom:1.5rem}.signup-button{width:100%;padding:1rem;border:none;border-radius:8px;background:var(--primary-gradient);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .2s}.signup-button:hover{transform:translateY(-2px)}.signup-button:disabled{opacity:.7;cursor:not-allowed}.login-link{text-align:center;margin-top:1.5rem}.login-link a{color:#7c3aed;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}.error-message{background:#fee2e2;border:1px solid #EF4444;color:#b91c1c;padding:.75rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.dashboard{min-height:100vh;background:#f8f9fa}.dashboard-nav{background:var(--bg-secondary);padding:1rem 2rem;box-shadow:0 2px 4px var(--shadow-color);position:sticky;top:0;z-index:100}.dashboard-header{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.nav-left{display:flex;align-items:center;gap:1.5rem}.nav-left h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.menu-button{background:none;border:none;color:var(--text-primary);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.menu-button:hover{background-color:var(--hover-bg)}.nav-right{display:flex;align-items:center;gap:1.5rem}.user-name{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.user-name i{font-size:1rem;color:var(--text-secondary)}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;background:none;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button i{font-size:1rem}.logout-button:hover{background-color:var(--hover-bg);color:#ef4444}.dark-mode .menu-button,.dark-mode .logout-button{color:var(--text-primary)}.dark-mode .menu-button:hover,.dark-mode .logout-button:hover{background-color:var(--hover-bg)}@media (max-width: 768px){.dashboard-nav{padding:1rem}.nav-left h1{font-size:1.25rem}.user-name,.logout-button span{display:none}.logout-button{padding:.5rem}.menu-button{padding:.4rem}}.dashboard-container{max-width:1200px;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:250px 1fr;gap:2rem}.dashboard-sidebar{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:calc(100vh - 2rem);position:sticky;top:1rem;display:flex;flex-direction:column;gap:2rem;transition:all .3s ease;width:280px}.user-profile{text-align:center;padding:1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.user-avatar{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2.5rem;font-weight:600;color:#fff;text-transform:uppercase;box-shadow:0 4px 6px #7c3aed33;transition:transform .3s ease,box-shadow .3s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:0 6px 8px #7c3aed4d}@keyframes avatarAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.user-avatar{animation:avatarAppear .3s ease-out forwards}.user-avatar i{font-size:2.5rem;color:#fff}.user-profile h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.user-profile p{font-size:.875rem;color:#6b7280}.dashboard-menu{flex:1;display:flex;flex-direction:column}.menu-links{display:flex;flex-direction:column;gap:.75rem;padding:.5rem}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:8px;color:#4b5563;text-decoration:none;transition:all .2s ease;font-size:1rem;font-weight:500;width:100%}.menu-item i{font-size:1.25rem;width:24px;text-align:center}.menu-item:hover{background:#f3f4f6;color:#7c3aed;transform:translate(5px)}.menu-item.active{background:var(--primary-gradient);color:#fff;transform:translate(5px)}.mobile-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:#4b5563;cursor:pointer;display:none}@media (max-width: 768px){.dashboard-sidebar{position:fixed;top:0;left:-100%;height:100vh;width:80%;max-width:300px;z-index:99;border-radius:0;padding-top:4rem}.dashboard-sidebar.active{left:0}.mobile-close{display:block}.menu-item:hover,.menu-item.active{transform:translate(0)}}.dashboard-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 4px #0000001a}.welcome-section{margin-bottom:2rem}.progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0 2rem}.progress-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;text-align:center}.progress-card i{font-size:1.5rem;color:#7c3aed;margin-bottom:.5rem}.lesson-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.lesson-card{background:#f8f9fa;padding:1.5rem;border-radius:12px}.continue-button{background:var(--primary-gradient);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;margin-top:1rem;cursor:pointer}.logout-button{background:none;border:none;color:#4b5563;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.logout-button:hover{background:#f3f4f6}.mobile-menu{display:none;background:none;border:none;font-size:1.5rem;color:#4b5563;cursor:pointer;padding:.5rem}.header-left{display:flex;align-items:center;gap:1rem}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:98}@media (max-width: 768px){.mobile-menu,.mobile-close{display:block}.dashboard-container{grid-template-columns:1fr;padding:1rem}.progress-cards,.lesson-cards{grid-template-columns:1fr}.logout-button span{display:none}}@media (max-width: 480px){.dashboard-header h1,.welcome-section h2{font-size:1.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa}.loading-spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #7C3AED;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#4b5563;font-size:1.1rem}.progress-section{padding:2rem}.progress-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.chart-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}.placeholder-chart{height:200px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.tests-section{padding:2rem}.tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.test-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}.test-info{display:flex;justify-content:space-between;margin:1rem 0;color:#6b7280}.start-test-btn{width:100%;padding:.75rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:6px;cursor:pointer}.settings-section{padding:2rem}.settings-container{display:grid;gap:1.5rem;margin-top:2rem}.settings-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}.settings-form{display:grid;gap:1rem;margin-top:1rem}.form-group{display:grid;gap:.5rem}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:var(--input-bg);color:var(--text-primary)}.save-btn{padding:.75rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:1rem}.preferences-list{display:grid;gap:1rem;margin-top:1rem}.preference-item{display:flex;align-items:center;gap:.5rem}.danger-zone{border:1px solid #ef4444}.delete-account-btn{padding:.75rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;width:100%;margin-top:1rem}.theme-switch{position:relative;display:inline-flex;align-items:center;gap:1rem;cursor:pointer;color:var(--text-primary)}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{position:relative;display:inline-block;width:50px;height:26px;background-color:var(--input-bg);border-radius:13px;transition:.4s;border:1px solid var(--input-border)}.theme-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#7c3aed;border-radius:50%;transition:.4s}.theme-switch input:checked+.theme-slider:before{transform:translate(24px)}.dark-mode .dashboard-nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dark-mode .progress-card,.dark-mode .lesson-card,.dark-mode .test-card{background-color:var(--card-bg)}.dark-mode .user-profile{border-color:var(--border-color)}.dark-mode .placeholder-chart{background-color:var(--bg-primary);color:var(--text-secondary)}.dark-mode{--bg-primary: #111827;--bg-secondary: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #374151;--card-bg: #1f2937;--input-bg: #374151;--input-border: #4b5563;--hover-bg: #374151;--shadow-color: rgba(0, 0, 0, .3)}body{background-color:var(--bg-primary);color:var(--text-primary)}.dashboard{background-color:var(--bg-primary)}.dashboard-nav{background-color:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-color)}.dashboard-sidebar,.dashboard-main,.settings-card,.test-card,.progress-card,.lesson-card{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 4px var(--shadow-color)}.user-profile{border-color:var(--border-color)}.user-profile h3{color:var(--text-primary)}.user-profile p,.menu-item{color:var(--text-secondary)}.menu-item:hover{background-color:var(--hover-bg)}.menu-item.active{background:var(--primary-gradient);color:#fff}.form-group input{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.form-group label{color:var(--text-primary)}.progress-card,.test-card,.lesson-card{background-color:var(--card-bg)}.test-info{color:var(--text-secondary)}.placeholder-chart{background-color:var(--bg-primary);color:var(--text-secondary)}.mobile-close{color:var(--text-secondary)}.sidebar-overlay{background:#00000080}.dark-mode .login-box,.dark-mode .signup-box{background:var(--bg-secondary);box-shadow:0 8px 32px var(--shadow-color)}.dark-mode .login-subtitle,.dark-mode .signup-subtitle{color:var(--text-secondary)}.dark-mode .error-message{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.dark-mode .welcome-section h2{color:var(--text-primary)}.dark-mode .welcome-section p{color:var(--text-secondary)}.dark-mode .loading-container{background-color:var(--bg-primary)}.dark-mode .loading-container p{color:var(--text-secondary)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.manage-lessons{padding:2rem;max-width:800px;margin:0 auto}.manage-lessons h2{color:var(--text-primary);margin-bottom:2rem;font-size:1.8rem}.lesson-form{background:var(--bg-secondary);padding:2rem;border-radius:12px;box-shadow:0 2px 4px var(--shadow-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--input-border);border-radius:6px;background-color:var(--input-bg);color:var(--text-primary);font-size:1rem}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=file]{padding:.5rem;border:2px dashed var(--input-border);background-color:var(--bg-primary);cursor:pointer}.submit-btn{width:100%;padding:1rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .3s ease}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:1rem;border-radius:6px;margin-bottom:1rem}.dark-mode .lesson-form{background-color:var(--bg-secondary)}.dark-mode .form-group input[type=file]{background-color:var(--bg-primary);border-color:var(--border-color)}.admin-metrics{padding:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.metric-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);display:flex;align-items:center;gap:1.5rem}.metric-icon{background:var(--primary-gradient);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.metric-icon i{color:#fff;font-size:1.5rem}.metric-content h3{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.metric-label{color:var(--text-secondary);font-size:.875rem}.progress-section{margin-top:3rem}.progress-section h3{margin-bottom:1.5rem}.progress-chart{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;min-height:300px;box-shadow:0 2px 4px var(--shadow-color)}.dark-mode .metric-card,.dark-mode .progress-chart{background-color:var(--bg-secondary)}.lesson-player-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.lesson-content{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 2px 4px #0000001a}.media-container{margin:1.5rem 0;background:var(--bg-primary);border-radius:8px;overflow:hidden}.media-player{width:100%;max-height:600px;background:#000}.notes-section{margin:2rem 0}.notes-section textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);resize:vertical;min-height:120px}.lesson-content-text{margin:2rem 0;padding:1.5rem;background:var(--bg-primary);border-radius:8px}.completion-message{text-align:center;margin-top:2rem;padding:2rem;background:var(--success-bg);border-radius:8px;animation:fadeIn .5s ease-in}.return-button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.return-button:hover{background:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notes-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.save-notes-button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.save-status{color:var(--success-color);font-size:.9rem}.complete-button{width:100%;padding:1rem;margin-top:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.complete-button.disabled{opacity:.5;cursor:not-allowed}