body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-background);box-shadow:0 2px 10px var(--shadow-color);left:0;min-width:320px;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 1.5rem}.logo{color:var(--text-color);flex-shrink:0;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease;white-space:nowrap}.logo:hover{color:var(--primary-color)}.nav-links{flex:1 1;flex-wrap:nowrap;gap:.5rem;justify-content:center;margin:0 .5rem;min-width:0}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{color:var(--text-color);flex-shrink:1;font-weight:500;gap:.3rem;padding:.4rem;position:relative;text-decoration:none;transition:color .3s ease;white-space:nowrap}.nav-icon{flex-shrink:0;font-size:1.3rem}.nav-link:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:100%}.auth-buttons{display:flex;flex-shrink:0;gap:.5rem;white-space:nowrap}.auth-button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.3rem;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.auth-icon{font-size:1.1rem}.auth-button.login{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.auth-button.login:hover{transform:translateY(-2px)}.auth-button.login:hover,.auth-button.register{background-color:var(--primary-color);color:var(--text-color)}.auth-button.register{border:2px solid var(--primary-color)}.auth-button.register:hover{background-color:var(--hover-color);border-color:var(--hover-color);transform:translateY(-2px)}.user-menu{align-items:center;border-left:1px solid var(--border-color);display:flex;gap:.5rem;margin-left:.5rem;padding-left:.5rem}@media (max-width:1024px){.auth-text,.nav-text{display:none}.nav-icon{font-size:1.2rem}.auth-icon{font-size:1rem}.auth-button,.nav-link{padding:.35rem}}@media (max-width:768px){.header-content{padding:.5rem}.logo{font-size:1.2rem}.nav-links{gap:.25rem;margin:0 .25rem}.nav-icon{font-size:1rem}.auth-icon{font-size:.9rem}.auth-button,.nav-link{padding:.25rem}.user-menu{gap:.25rem;margin-left:.25rem;padding-left:.25rem}.auth-buttons{gap:.25rem}}.footer{background-color:#2c3e50;color:#ecf0f1;margin-top:auto;padding:4rem 0 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section h3{color:#3498db;font-size:1.8rem;margin-bottom:1rem}.footer-section h4{color:#3498db;font-size:1.2rem;margin-bottom:1rem}.footer-section p{line-height:1.6;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#ecf0f1;position:relative;text-decoration:none;transition:color .3s ease}.footer-section ul li a:after{background-color:#3498db;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section ul li a:hover{color:#3498db}.footer-section ul li a:hover:after{width:100%}.footer-bottom{border-top:1px solid #ecf0f11a;margin:2rem auto 0;max-width:1200px;padding:2rem;text-align:center}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-section{padding:1rem}}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4eaf1);background:var(
    --bg-secondary,linear-gradient(135deg,#f5f7fa 0,#e4eaf1 100%)
  );display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px;transition:background-color .3s ease}.login-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #0000;border:1px solid var(--border-color,#0000);border-radius:16px;box-shadow:0 10px 30px #0000001a;color:#333;color:var(--text-primary,#333);display:flex;flex-direction:row;gap:30px;max-width:800px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease;width:100%}.login-card:before{background-image:radial-gradient(#00000008 1px,#0000 0);background-image:radial-gradient(var(--border-color,#00000008) 1px,#0000 1px);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}.login-card:hover{box-shadow:0 15px 30px #0000001f;transform:translateY(-5px)}.login-form{flex:1 1}.login-alternatives{display:flex;flex:0.5 1;flex-direction:column;justify-content:center;min-width:180px}.login-divider{align-items:center;color:#95a5a6;color:var(--text-secondary,#95a5a6);display:flex;margin:0 0 24px}.login-divider:after,.login-divider:before{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);content:"";flex:1 1}.login-divider span{font-size:14px;padding:0 16px}.login-card h1{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:28px;font-weight:600;margin-bottom:30px;position:relative;text-align:center}.login-card h1:after{background:#3498db;background:var(--accent-color,#3498db);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-card input{background-color:#f9fafc;background-color:var(--bg-secondary,#f9fafc);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-primary,#333);font-size:16px;margin-bottom:24px;padding:16px;transition:all .3s ease;width:100%}.login-card input:focus{border-color:#3498db;border-color:var(--accent-color,#3498db);box-shadow:0 0 0 3px #3498db33;box-shadow:0 0 0 3px var(--accent-color,#3498db33);outline:none}.login-card button{background-color:#3498db;background-color:var(--accent-color,#3498db);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.login-card button:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.4s;width:100%}.login-card button:hover{background-color:#2980b9;background-color:var(--accent-color,#2980b9);box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.login-card button:hover:after{left:100%}.login-card button:active{transform:translateY(-1px)}.login-card p{color:#7f8c8d;color:var(--text-secondary,#7f8c8d);font-size:15px;margin-top:24px;text-align:center}.login-card a{color:#3498db;color:var(--accent-color,#3498db);font-weight:600;text-decoration:none;transition:color .3s}.login-card a:hover{text-decoration:underline}.social-login-buttons{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:24px}.social-button{align-items:center;background:#f9fafc;background:var(--bg-secondary,#f9fafc);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:10px;height:50px;justify-content:center;transition:all .3s ease;width:100%}.social-button:hover{background:#3498db0d;box-shadow:0 5px 10px #0000001a;transform:translateY(-3px)}@media (max-width:768px){.login-card{flex-direction:column;max-width:400px}.login-alternatives{width:100%}.login-divider{margin:24px 0}}@media (max-width:480px){.login-card{padding:30px 20px}.login-card h1{font-size:24px}.login-card input{padding:14px}.social-login-buttons{gap:10px}}.form-container{background:#fff;border-radius:8px;box-shadow:0 3px 10px #0003;margin:40px auto;max-width:400px;padding:30px}.form-container,form{display:flex;flex-direction:column}form{gap:20px;width:100%}.form-group{margin-bottom:20px;position:relative}.form-group input,.form-group select{background:#0000;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:15px;transition:all .3s ease;width:100%}.form-group label{background:#fff;color:#666;left:15px;padding:0 5px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group select:focus~label,.form-group select:not(:placeholder-shown)~label{color:#1976d2;font-size:12px;top:0;transform:translateY(-50%)}button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 20px;transition:all .3s ease}button:hover{background-color:#1565c0;box-shadow:0 2px 5px #0003;transform:translateY(-1px)}button:active{transform:translateY(0)}.error-message{color:#d32f2f;margin-bottom:15px;text-align:center}.success-message{color:#2e7d32;margin-bottom:15px}.page-transition-enter{opacity:0;transform:translateX(20px)}.page-transition-enter-active{transition:opacity .3s,transform .3s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateX(0)}.page-transition-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s,transform .3s}h1{color:#333;margin-bottom:30px}.login-link,h1{text-align:center}.login-link{margin-top:20px}.login-link a{color:#1976d2;text-decoration:none;transition:color .3s ease}.login-link a:hover{color:#1565c0;text-decoration:underline}@media (max-width:480px){.form-container{margin:20px;padding:20px}.form-group input,.form-group select{font-size:14px;padding:12px}button{font-size:14px;padding:10px 16px}}.student-dashboard{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1200px;padding:2rem}.greeting{text-align:left}.greeting h1{animation:slideIn .5s ease-out;color:var(--text-color);font-size:2.5rem;margin-bottom:.5rem}.time{color:var(--primary-color);font-size:1.2rem;font-weight:500;opacity:.8;transition:opacity .3s ease}.time:hover{opacity:1}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.dashboard-card{background:var(--card-background);border:1px solid #0000;border-radius:15px;box-shadow:0 4px 6px var(--shadow-color);padding:1.5rem;transition:all .3s ease}.dashboard-card:hover{border-color:var(--primary-color);box-shadow:0 8px 15px var(--shadow-color);transform:translateY(-5px)}.card-header{align-items:center;display:flex;gap:.8rem;margin-bottom:1rem}.card-header svg{color:var(--primary-color);font-size:2rem;transition:transform .3s ease}.dashboard-card:hover .card-header svg{transform:scale(1.1)}.card-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.badge-display{background:var(--secondary-color);border-radius:10px;font-size:1.8rem;padding:1rem;text-align:center;transition:transform .3s ease}.badge-display:hover{transform:scale(1.02)}.progress-display{text-align:center}.progress-bar{background:var(--secondary-color);border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:20px;margin:1rem 0;overflow:hidden}.progress-fill{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-color) 0,var(--hover-color) 100%);background-clip:text;-webkit-background-clip:text;border-radius:10px;height:100%;transition:width .8s ease-in-out}.download-btn{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.download-btn:hover{background:var(--hover-color);box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.quizzes-section{animation:fadeIn .5s ease-out .2s backwards}.subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.subject-card{background:var(--secondary-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.subject-card:hover{box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-3px)}.subject-card h3{border-bottom:2px solid var(--border-color);color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.quiz-list{display:flex;flex-direction:column;gap:1rem}.quiz-item{align-items:center;background:var(--card-background);border:1px solid #0000;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:1.2rem;transition:all .3s ease}.quiz-item:hover{border-color:var(--primary-color);transform:translateX(5px)}.quiz-info{flex:1 1}.quiz-info h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.difficulty{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:transform .3s ease}.difficulty:hover{transform:scale(1.05)}.difficulty.easy{background:#4caf50;box-shadow:0 2px 4px #4caf504d;color:#fff}.difficulty.medium{background:#ff9800;box-shadow:0 2px 4px #ff98004d;color:#fff}.difficulty.hard{background:#f44336;box-shadow:0 2px 4px #f443364d;color:#fff}.start-quiz-btn{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease;white-space:nowrap}.start-quiz-btn:hover{background:var(--hover-color);box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.start-quiz-btn svg{font-size:1.2rem;transition:transform .3s ease}.start-quiz-btn:hover svg{transform:translateX(3px)}@media (max-width:768px){.student-dashboard{padding:1rem}.greeting h1{font-size:2rem}.dashboard-grid,.subjects-grid{grid-template-columns:1fr}.quiz-item{align-items:flex-start;flex-direction:column}.start-quiz-btn{justify-content:center;margin-top:1rem;width:100%}.card-header svg{font-size:1.8rem}.section-header svg{font-size:2rem}}@media (max-width:480px){.greeting h1{font-size:1.8rem}.dashboard-card{padding:1.2rem}.badge-display{font-size:1.5rem}.quizzes-section{padding:1.5rem}}.announcements-section{background:var(--card-background);border-radius:15px;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;padding:2rem}.announcements-list{display:flex;flex-direction:column}.announcement-card{background:var(--secondary-color);border-radius:10px;padding:1.2rem;transition:all .3s ease}.announcement-card h3{color:var(--text-color);font-weight:600;margin:0 0 .5rem}.announcement-date{color:var(--text-color);display:block;font-size:.8rem;margin-top:.5rem;opacity:.6}.announcement-card:hover{background:var(--hover-color);box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.completed-quiz{background-color:var(--secondary-color);border-left:4px solid #4caf50}.score-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;margin-left:8px;padding:3px 8px}.retake-quiz-btn{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;opacity:.8;padding:.8rem 1.2rem;transition:all .3s ease;white-space:nowrap}.retake-quiz-btn:hover{background:var(--hover-color);box-shadow:0 4px 8px var(--shadow-color);opacity:1;transform:translateY(-2px)}.teacher-dashboard{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header h1{animation:slideIn .5s ease-out;color:var(--text-color)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;animation:fadeIn .5s ease-out;animation-fill-mode:both;background:var(--card-background);border:1px solid #0000;border-radius:15px;box-shadow:0 4px 6px var(--shadow-color);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 8px 15px var(--shadow-color)}.stat-card svg{color:var(--primary-color);font-size:2.5rem;transition:transform .3s ease}.stat-card:hover svg{transform:scale(1.1)}.stat-content h3{color:var(--text-color);font-size:1rem;font-weight:500;margin:0;opacity:.8}.stat-content p{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--hover-color));background-clip:text;-webkit-background-clip:text;color:var(--text-color);font-size:1.8rem;font-weight:700;margin:.2rem 0 0;transition:transform .3s ease}.stat-card:hover .stat-content p{transform:scale(1.05)}.actions-section{animation:fadeIn .5s ease-out .5s backwards;margin-bottom:2rem}.create-quiz-btn{align-items:center;background:var(--primary-color);border:none;border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.8rem;padding:1rem 2rem;transition:all .3s ease}.create-quiz-btn:hover{background:var(--hover-color);box-shadow:0 8px 15px var(--shadow-color);transform:translateY(-2px)}.create-quiz-btn svg{font-size:1.5rem;transition:transform .3s ease}.create-quiz-btn:hover svg{transform:rotate(90deg)}.quizzes-section{animation:fadeIn .5s ease-out .6s backwards;background:var(--card-background);border-radius:15px;box-shadow:0 4px 6px var(--shadow-color);padding:2rem}.section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:.8rem;margin-bottom:2rem;padding-bottom:1rem}.section-header svg{color:var(--primary-color);font-size:2.2rem}.section-header h2{color:var(--text-color);font-size:1.8rem;font-weight:600;margin:0}.quizzes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quiz-card{animation:fadeIn .5s ease-out;animation-fill-mode:both;background:var(--secondary-color);border:1px solid #0000;border-radius:12px;padding:1.5rem;transition:all .3s ease}.quiz-card:hover{border-color:var(--primary-color);box-shadow:0 8px 15px var(--shadow-color);transform:translateY(-3px)}.quiz-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.quiz-card-header h3{color:var(--text-color);font-size:1.3rem;font-weight:600;margin:0}.status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:transform .3s ease}.status:hover{transform:scale(1.05)}.status.draft{background:#ff9800;box-shadow:0 2px 4px #ff98004d;color:#fff}.status.published{background:#4caf50;box-shadow:0 2px 4px #4caf504d;color:#fff}.status.archived{background:#9e9e9e;box-shadow:0 2px 4px #9e9e9e4d;color:#fff}.quiz-description{font-size:.95rem;line-height:1.5;opacity:.8}.quiz-description,.quiz-meta{color:var(--text-color);margin-bottom:1rem}.quiz-meta{display:flex;font-size:.9rem;gap:1rem;opacity:.7}.quiz-meta span{align-items:center;display:flex;gap:.3rem}.quiz-actions{display:flex;gap:.8rem}.action-btn{align-items:center;border-radius:10px;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex:1 1;font-size:.9rem;gap:.5rem;justify-content:center;padding:.8rem 1.2rem}.action-btn svg{font-size:1.2rem;transition:transform .3s ease}.action-btn:hover svg{transform:translateX(2px)}.action-btn.edit{background:var(--primary-color);color:var(--text-color)}.action-btn.results{background:#4caf50;color:#fff}.action-btn.delete{background:#f44336;color:#fff}.action-btn:hover{box-shadow:0 4px 8px var(--shadow-color)}.action-btn.edit:hover{background:var(--hover-color)}.action-btn.results:hover{background:#43a047}.action-btn.delete:hover{background:#e53935}@media (max-width:768px){.teacher-dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-card svg{font-size:2rem}.stat-content p{font-size:1.5rem}.quizzes-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.action-btn{width:100%}.create-quiz-btn{justify-content:center;width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:1.8rem}.quizzes-section{padding:1.5rem}.quiz-card{padding:1.2rem}}.admin-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.message{background-color:#f8f9fa;border-radius:8px;color:#2c3e50;margin-bottom:2rem;padding:1rem;text-align:auto}.dashboard-summary{grid-gap:2rem;display:grid;gap:2rem}.summary-section{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem}.summary-section h2{color:#2c3e50;font-size:1.6rem;margin-bottom:1.5rem}@media (max-width:768px){.admin-dashboard{padding:1rem}.analytics-grid,.quick-actions{grid-template-columns:1fr}.analytics-card{padding:1rem}}.admin-container{margin:0 auto;max-width:1200px;padding:2rem}.admin-container h1{color:#2c3e50;font-size:2.5rem;margin-bottom:2rem}.admin-content{grid-gap:2rem;display:grid;gap:2rem}.admin-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem}.admin-card h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem}.error,.loading{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.loading{color:#3498db}.error{color:#e74c3c}.success-message{border-radius:8px;margin-bottom:2rem}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .3s ease}.analytics-card:hover{transform:translateY(-5px)}.analytics-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.analytics-number{color:#3498db;font-size:2rem;font-weight:700}.quizzes-grid,.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quiz-card,.user-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;transition:transform .3s ease}.quiz-card:hover,.user-card:hover{transform:translateY(-5px)}.quiz-info,.user-info{margin-bottom:1rem}.quiz-info h3,.user-info h3{color:#2c3e50;font-size:1.4rem;margin-bottom:.5rem}.quiz-actions,.user-actions{display:flex;gap:1rem}.btn{border-radius:5px;padding:.5rem 1rem}.btn-primary{background:#3498db}.btn-success{background:#2ecc71;color:#fff}.btn-warning{background:#f1c40f;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn:hover{opacity:.9;transform:translateY(-2px)}.form-group{margin-bottom:1rem}.form-control{border:1px solid #ddd;border-radius:5px;padding:.8rem}.announcement-form .form-group{margin-bottom:1rem}.announcement-form .form-control{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.8rem;width:100%}.announcement-form .form-control:focus{border-color:#3498db;outline:none}.announcements-list{grid-gap:1rem;display:grid;gap:1rem}.announcement-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;transition:transform .3s ease}.announcement-card:hover{transform:translateY(-3px)}.announcement-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.announcement-card p{color:#666;margin-bottom:.5rem}.announcement-date{color:#95a5a6;font-size:.9rem}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:1rem;transition:all .3s ease}.action-btn:hover{background:#2980b9;transform:translateY(-2px)}.no-data{align-items:center;color:#999;display:flex;font-style:italic;height:100%;justify-content:center}@media (max-width:768px){.admin-container{padding:1rem}.analytics-grid,.quizzes-grid,.users-grid{grid-template-columns:1fr}.quiz-actions,.user-actions{flex-direction:column}.btn{width:100%}.admin-dashboard{padding:1rem}}.quiz-management{font-family:Arial,sans-serif;padding:20px}.search-bar{padding:10px;width:100%}.create-quiz-form,.search-bar{margin-bottom:20px}.create-quiz-form button,.create-quiz-form input,.create-quiz-form textarea{display:block;margin-bottom:10px;padding:10px;width:100%}.quiz-management ul{list-style-type:none;padding:0}.quiz-management li{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:15px}.quiz-management button{border:none;border-radius:3px;cursor:pointer;margin-right:10px;padding:5px 10px}.quiz-management button:hover{opacity:.8}.pagination{margin-top:20px;text-align:center}.pagination button{margin:0 5px}.quiz-preview-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:5px;max-width:500px;padding:20px;width:50%}.landing-page{width:100%}.hero{align-items:center;background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;display:flex;justify-content:space-between;min-height:calc(100vh - 80px);overflow:hidden;padding:4rem 2rem;position:relative}.hero:before{background:url(/static/media/online-classes.307aa8083e41c6fb6ae3.svg) 50%/cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.hero-content{max-width:600px;z-index:1}.hero h1{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem}.hero-image{flex:1 1;margin-left:2rem;max-width:500px}.features{background-color:#fff;padding:6rem 2rem}.section-title{color:#2c3e50;font-size:2.5rem;margin-bottom:4rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6}.cta{background:linear-gradient(135deg,#3498db,#2c3e50);color:#fff;padding:6rem 2rem;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta h2{font-size:2.5rem;margin-bottom:1.5rem}.cta p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center}.statistics{grid-gap:2rem;background-color:#fff;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding:6rem 2rem}.stat-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#3498db;font-size:2.5rem;margin-bottom:.5rem}.stat-card p{color:#666;font-size:1.1rem}.animate-fade-in{animation:fadeIn 1s ease-out}.animate-fade-in-delay-1{animation:fadeIn 1s ease-out .3s backwards}.animate-fade-in-delay-2{animation:fadeIn 1s ease-out .6s backwards}@media (max-width:768px){.hero{flex-direction:column;padding:2rem 1rem;text-align:center}.hero h1{font-size:2.5rem}.hero-image{margin:2rem 0 0;max-width:100%}.cta-buttons,.hero-buttons{flex-direction:column;gap:1rem}.features{padding:4rem 1rem}.section-title{font-size:2rem}.statistics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:4rem 1rem}}.page-container{margin:0 auto;max-width:1200px;padding:2rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{color:#2c3e50;display:inline-block;font-size:2.5rem;position:relative}.page-header h1:after{background:#3498db;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.content-section{margin-bottom:4rem}.content-section h2{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem}.content-section p{color:#666;font-size:1.1rem;line-height:1.8}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.value-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-card h3{color:#3498db;margin-bottom:1rem}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.info-card h3{align-items:center;color:#3498db;display:flex;gap:.5rem;margin-bottom:1rem}.contact-form{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem}.contact-form h2{color:#2c3e50;margin-bottom:2rem;text-align:center}.success-message{background:#2ecc71;border-radius:5px;color:#fff;margin-bottom:1rem;padding:1rem;text-align:center}@media (max-width:768px){.contact-grid,.values-grid{grid-template-columns:1fr}.page-container{padding:1rem}}.MuiAvatar-root{transition:all .3s ease}.MuiAvatar-root:hover{transform:scale(1.02)}.MuiTextField-root input:disabled{-webkit-text-fill-color:var(--text-color);color:var(--text-color);opacity:.8}.MuiPaper-root{background-color:var(--card-background)!important;color:var(--text-color)!important}.MuiCard-root{background-color:var(--secondary-color)!important;transition:transform .3s ease}.MuiCard-root:hover{transform:translateY(-3px)}.MuiButton-contained{color:#fff!important;transition:all .3s ease!important}.MuiButton-contained:hover{box-shadow:0 4px 8px #0003!important;transform:translateY(-2px)}.MuiButton-outlined{border-color:var(--primary-color)!important;color:var(--primary-color)!important}@media (max-width:600px){.MuiContainer-root{padding:12px!important}.MuiPaper-root{padding:16px!important}}.settings-container{margin:2rem auto;max-width:800px;padding:0 1rem}.settings-paper{background-color:var(--card-background)!important;color:var(--text-color)!important;padding:2rem}.settings-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-label{align-items:center;color:var(--text-color);display:flex;gap:.5rem}.save-button{margin-top:1.5rem!important}.MuiSwitch-root{color:var(--primary-color)!important}.MuiButton-contained,.MuiTypography-root{color:var(--text-color)!important}.MuiButton-contained{background-color:var(--primary-color)!important}.MuiButton-contained:hover{background-color:var(--hover-color)!important}.MuiPaper-root{transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f6fa;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{animation:fadeIn .5s ease-in-out;flex:1 1;margin:0 auto;max-width:1200px;padding-left:2rem;padding-right:2rem;padding-top:80px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.text-center{text-align:center}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.btn{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-weight:500;outline:none;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #3498db;color:#3498db}.btn-secondary:hover{background-color:#3498db;color:#fff;transform:translateY(-2px)}.form-group{margin-bottom:1.5rem}.form-control{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#3498db;outline:none}.card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}@media (max-width:768px){.main-content{padding-left:1rem;padding-right:1rem}.btn{text-align:center;width:100%}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#666;--border-color:#e0e0e0;--accent-color:#3498db;--error-color:#dc3545;--success-color:#28a745;--card-bg:#fff;--header-bg:#fffffff2;--shadow-color:#0000001a}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#b3b3b3;--border-color:#404040;--accent-color:#61dafb;--error-color:#ff6b6b;--success-color:#51cf66;--card-bg:#2d2d2d;--header-bg:#1a1a1af2;--shadow-color:#0000004d}body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary);transition:background-color .3s,color .3s}.analytics-card,.announcement-card,.card,.profile-container,.settings-container{background-color:#fff;background-color:var(--card-bg);border-color:#e0e0e0;border-color:var(--border-color);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#333;color:var(--text-primary)}input,select,textarea{border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}input,input:disabled,select,textarea,textarea:disabled{background-color:#f8f9fa;background-color:var(--bg-secondary)}input:disabled,textarea:disabled{color:#666;color:var(--text-secondary)}.header{background-color:#fffffff2;background-color:var(--header-bg);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color)}.nav-link{color:#333;color:var(--text-primary)}.nav-link:hover{color:#3498db;color:var(--accent-color)}.btn-primary{background-color:#3498db;background-color:var(--accent-color)}.btn-primary,.message.success{color:#fff;color:var(--bg-primary)}.message.success{background-color:#28a745;background-color:var(--success-color)}.message.error{background-color:#dc3545;background-color:var(--error-color);color:#fff;color:var(--bg-primary)}:root[data-theme=light]{--background-color:#fff;--text-color:#333;--primary-color:#1976d2;--secondary-color:#f5f5f5;--border-color:#e0e0e0;--card-background:#fff;--hover-color:#f0f0f0;--shadow-color:#0000001a}:root[data-theme=dark]{--background-color:#121212;--text-color:#fff;--primary-color:#90caf9;--secondary-color:#1e1e1e;--border-color:#333;--card-background:#1e1e1e;--hover-color:#2c2c2c;--shadow-color:#ffffff1a}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--card-background);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color)}button{background-color:var(--primary-color);color:var(--text-color)}input,select,textarea{background-color:var(--card-background);border:1px solid var(--border-color);color:var(--text-color)}button:hover{background-color:var(--hover-color)}
/*# sourceMappingURL=main.b7397db9.css.map*/