.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.home-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.home-title{font-size:3rem;text-align:center;margin-bottom:10px;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:1.1rem}.home-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.action-button{padding:15px;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;box-shadow:0 4px 15px #00b4d866}.action-button.primary:hover{box-shadow:0 6px 20px #00b4d899}.action-button.secondary{background:#e9ecef;color:#333}.action-button.secondary:hover{background:#dee2e6}.home-features{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;margin-top:30px;padding-top:30px;border-top:1px solid #e0e0e0}.feature{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem}.feature span{font-size:1.2rem}@media (max-width: 768px){.home-card{padding:25px}.home-title{font-size:2rem}.home-features{flex-direction:column;align-items:center}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d}.login-title{font-size:2.5rem;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-method-toggle{display:flex;gap:10px;margin-bottom:25px;background:#f8f9fa;padding:5px;border-radius:10px}.login-method-toggle button{flex:1;padding:12px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-weight:600;transition:all .3s ease;color:#666}.login-method-toggle button.active{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;box-shadow:0 4px 15px #00b4d866}.login-form,.form-group{margin-bottom:20px}.login-button{width:100%;padding:15px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00b4d866}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #00b4d899}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:#666;margin-top:20px}.login-footer a{color:#00b4d8;text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.register-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.register-title{font-size:2.5rem;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-form,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.form-group input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #667eea1a}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:600}.register-button{width:100%;padding:15px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00b4d866}.register-button:hover:not(:disabled){box-shadow:0 6px 20px #00b4d899}.register-button:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;color:#666;margin-top:20px}.register-footer a{color:#00b4d8;text-decoration:none;font-weight:600}.register-footer a:hover{text-decoration:underline}.candidate-dashboard{min-height:100vh;padding:20px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:25px 30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.dashboard-header h1{margin:0 0 5px;font-size:2rem;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{margin:0;color:#666;font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.dashboard-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.dashboard-card h2{margin:0 0 20px;font-size:1.5rem;color:#333}.card-description{color:#666;margin-bottom:20px;line-height:1.6}.error-text{color:#ef4444;font-weight:600}.start-quiz-btn{width:100%;padding:15px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00b4d866}.start-quiz-btn:hover{box-shadow:0 6px 20px #00b4d899}.results-display{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.result-item{display:flex;flex-direction:column;padding:15px;background:#f8f9fa;border-radius:10px}.result-label{font-size:.9rem;color:#666;margin-bottom:5px}.result-value{font-size:1.5rem;font-weight:700;color:#333}.result-value.percentage{color:#00b4d8}.result-value.rank{font-size:2rem}.view-details-btn,.view-full-btn{width:100%;padding:12px;background:#e9ecef;color:#333;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-details-btn:hover,.view-full-btn:hover{background:#dee2e6;transform:translateY(-2px)}.leaderboard-mini{max-height:400px;overflow-y:auto;margin-bottom:15px}.leaderboard-item{display:flex;align-items:center;gap:15px;padding:12px;margin-bottom:8px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.leaderboard-item:hover{background:#e9ecef;transform:translate(5px)}.leaderboard-item.my-rank{background:linear-gradient(135deg,#00b4d81a,#0077b61a);border:2px solid #00b4d8;font-weight:600}.rank-badge{font-size:1.2rem;width:30px;text-align:center}.user-name{flex:1;color:#333}.user-score{font-weight:700;color:#00b4d8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.stat-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.85rem;color:#666;margin-bottom:5px}.stat-value{font-size:1.3rem;font-weight:700;color:#333}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:15px;text-align:center}.dashboard-grid,.results-display,.stats-grid{grid-template-columns:1fr}}.timer-container{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;padding:15px 25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:15px}.timer-icon{font-size:1.5rem}.timer-display{font-size:1.5rem;font-weight:700;color:#00b4d8;font-family:Courier New,monospace;letter-spacing:2px}.time-limit-info{font-size:.85rem;color:#666;margin-top:5px;text-align:center}.quiz-container{min-height:100vh;padding:20px;max-width:900px;margin:0 auto;background:#f5f7fa}.quiz-warning{background:#fff3cd;color:#856404;padding:12px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #ffeaa7;font-size:.95rem;text-align:center}.quiz-header{margin-bottom:30px}.quiz-progress{margin-top:20px}.progress-bar{width:100%;height:10px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#00b4d8,#0077b6);border-radius:10px;transition:width .3s ease}.quiz-progress p{text-align:center;color:#fff;font-weight:600;font-size:1.1rem}.question-card{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 40px #0003}.question-text{font-size:1.5rem;margin-bottom:30px;color:#333;line-height:1.6}.options-container{display:flex;flex-direction:column;gap:15px}.option-button{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1rem;color:#333}.option-button:hover{background:#e9ecef;border-color:#00b4d8;transform:translate(5px)}.option-button.selected{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border-color:#00b4d8;box-shadow:0 4px 15px #00b4d866}.option-button.correct-answer{background:linear-gradient(135deg,#38ef7d,#11998e);border-color:#38ef7d;box-shadow:0 4px 15px #38ef7d66}.option-button.wrong-answer{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 15px #ef444466}.correct-answer-hint{background:#d4edda;color:#155724;padding:10px 15px;border-radius:8px;margin-bottom:20px;font-weight:600;border:1px solid #c3e6cb}.correct-badge{background:#ffffff4d;padding:4px 8px;border-radius:4px;font-size:.85rem;margin-left:auto}.time-warning{background:#fee;color:#c33;padding:10px 15px;border-radius:8px;margin:10px 0;font-weight:600;text-align:center;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.option-letter{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff4d;border-radius:50%;font-weight:700;font-size:1.1rem;flex-shrink:0}.option-button.selected .option-letter{background:#fff3}.checkmark{font-size:1.5rem;font-weight:700}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.nav-button{padding:12px 30px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-button.primary{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;box-shadow:0 4px 15px #00b4d866}.nav-button.secondary{background:#e9ecef;color:#333}.nav-button:disabled{opacity:.5;cursor:not-allowed}.submit-button{background:linear-gradient(135deg,#11998e,#38ef7d)!important;box-shadow:0 4px 15px #11998e66!important}.answered-count{color:#333;font-weight:600;background:#f8f9fa;padding:10px 20px;border-radius:10px}.quiz-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;background:#f5f7fa}.loading-spinner{font-size:4rem;margin-bottom:20px}@media (max-width: 768px){.quiz-container{padding:10px}.question-card{padding:20px}.question-text{font-size:1.1rem}.quiz-navigation{flex-direction:column;gap:10px;padding:15px}.nav-button{width:100%;padding:12px;font-size:.95rem}.answered-count{width:100%;text-align:center;padding:10px;font-size:.9rem}.options-container{gap:10px}.option-button{padding:15px;font-size:.95rem}.quiz-header{margin-bottom:20px}}.results-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.results-card{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.results-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.candidate-name{color:#666;font-size:1.2rem;margin-bottom:30px}.score-circle-container{display:flex;justify-content:center;margin:40px 0}.score-circle{position:relative;width:200px;height:200px;border-radius:50%;border:8px solid #e0e0e0;display:flex;align-items:center;justify-content:center}.score-percentage{position:relative;z-index:2;font-size:3rem;font-weight:700;color:#333}.score-ring{position:absolute;top:0;left:0;width:200px;height:200px;transform:rotate(-90deg)}.score-message{font-size:1.5rem;font-weight:700;margin-bottom:30px}.results-details{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:30px}.detail-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e0e0e0}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-weight:600}.detail-value{color:#333;font-weight:700;font-size:1.1rem}.results-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.action-button{padding:15px 30px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.leaderboard-button{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;box-shadow:0 4px 15px #667eea66}.retry-button{background:#e9ecef;color:#333}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.loading{color:#333;font-size:1.5rem}.answers-review{margin-top:30px;padding-top:30px;border-top:2px solid #e0e0e0}.answers-review h3{margin-bottom:20px;color:#333;font-size:1.5rem}.answers-list{display:flex;flex-direction:column;gap:20px}.answer-item{background:#f8f9fa;padding:20px;border-radius:12px;border:2px solid #e0e0e0}.answer-item.correct{border-color:#38ef7d;background:#f0fdf4}.answer-item.incorrect{border-color:#ef4444;background:#fef2f2}.answer-question{font-size:1.1rem;margin-bottom:15px;color:#333}.answer-options{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.answer-option{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:8px;border:2px solid #e0e0e0}.answer-option.selected{border-color:#00b4d8;background:#e0f7fa}.answer-option.correct-option{border-color:#38ef7d;background:#d4edda;font-weight:600}.answer-option.wrong-option{border-color:#ef4444;background:#fee}.option-letter{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#e0e0e0;border-radius:50%;font-weight:700;flex-shrink:0}.answer-option.correct-option .option-letter{background:#38ef7d;color:#fff}.answer-option.wrong-option .option-letter{background:#ef4444;color:#fff}.option-text{flex:1}.correct-mark{color:#38ef7d;font-weight:600;margin-left:auto}.wrong-mark{color:#ef4444;font-weight:600;margin-left:auto}.answer-result{margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.result-correct{color:#38ef7d;font-weight:600}.result-incorrect{color:#ef4444;font-weight:600}.leaderboard-container{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center}.leaderboard-card{background:#fff;border-radius:20px;padding:40px;max-width:800px;width:100%;box-shadow:0 20px 60px #0000004d}.leaderboard-header{text-align:center;margin-bottom:40px}.leaderboard-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-header p{color:#666;font-size:1.1rem}.scores-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.score-item{position:relative;display:flex;align-items:center;gap:20px;padding:20px;background:#f8f9fa;border-radius:15px;border:2px solid #e0e0e0;overflow:hidden;transition:all .3s ease}.score-item.top-three{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#00b4d8;box-shadow:0 4px 15px #667eea33}.rank-badge{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #0003}.score-info{flex:1;min-width:0}.score-name{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:5px}.score-details{display:flex;gap:15px;font-size:.9rem;color:#666}.score-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-stats{text-align:right;flex-shrink:0}.score-percentage{font-size:1.5rem;font-weight:700;color:#00b4d8;margin-bottom:5px}.score-points{font-size:.9rem;color:#666}.score-bar{position:absolute;bottom:0;left:0;height:4px;border-radius:0 0 15px 15px;opacity:.3}.no-scores{text-align:center;padding:40px;color:#666}.home-button{margin-top:20px;padding:15px 30px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.leaderboard-actions{text-align:center}.action-button{padding:15px 30px;background:#e9ecef;color:#333;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-button:hover{background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.loading{color:#333;font-size:1.5rem;text-align:center}.admin-container{min-height:100vh;padding:20px;max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.admin-header h1{margin:0;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logout-btn{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.logout-btn:hover{background:#dc2626;transform:translateY(-2px)}.admin-tabs{display:flex;gap:10px;margin-bottom:20px}.admin-tabs button{flex:1;padding:15px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease}.admin-tabs button.active{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border-color:#00b4d8;box-shadow:0 4px 15px #00b4d866}.admin-content{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.users-section{width:100%}.add-user-btn{padding:15px 30px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s ease;box-shadow:0 4px 15px #00b4d866}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b4d899}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.attempts-select{padding:6px 10px;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.attempts-select:focus{outline:none;border-color:#00b4d8}.users-table table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.users-table th{background:#f8f9fa;font-weight:600;color:#333}.users-table tr:hover{background:#f8f9fa}.delete-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.delete-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.add-question-btn{padding:15px 30px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s ease;box-shadow:0 4px 15px #00b4d866}.add-question-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.question-card{background:#f8f9fa;padding:20px;border-radius:12px;border:2px solid #e0e0e0;transition:all .3s ease}.question-card h3{margin:0 0 15px;color:#333;font-size:1.1rem}.options-list{margin-bottom:15px}.option{padding:8px;margin:5px 0;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.option.correct{background:#d4edda;border-color:#28a745;font-weight:600}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.question-actions{display:flex;gap:10px}.edit-btn{padding:6px 12px;background:#00b4d8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.edit-btn:hover{background:#5568d3;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;padding:30px;border-radius:15px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content h2{margin:0 0 20px;color:#333}.modal-content .form-group{margin-bottom:20px}.modal-content label{display:block;margin-bottom:8px;font-weight:600;color:#333}.modal-content textarea,.modal-content input[type=text],.modal-content input[type=number]{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.modal-content textarea:focus,.modal-content input:focus{outline:none;border-color:#00b4d8}.option-input-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-input-group input[type=text]{flex:1}.option-input-group input[type=radio]{width:auto}.form-actions{display:flex;gap:10px;margin-top:20px}.save-btn{flex:1;padding:12px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00b4d866}.cancel-btn{flex:1;padding:12px;background:#e9ecef;color:#333;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#dee2e6}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.loading-spinner{font-size:4rem;margin-bottom:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-section{padding:20px}.settings-section h2{margin-bottom:25px;color:#333}.settings-form{max-width:600px}.settings-form .form-group{margin-bottom:25px}.settings-form label{display:flex;align-items:center;gap:10px;font-weight:600;color:#333;margin-bottom:10px}.settings-form input[type=number]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-top:8px}.settings-form input[type=number]:focus{outline:none;border-color:#00b4d8}.settings-form input[type=checkbox]{width:20px;height:20px;cursor:pointer}.settings-form small{display:block;color:#666;margin-top:5px;font-size:.9rem}.save-settings-btn{padding:15px 30px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00b4d866}.save-settings-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b4d899}.leaderboard-section{padding:20px}.leaderboard-section h2{margin-bottom:20px;color:#333}.live-indicator{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 15px;background:#e8f5e8;border-radius:8px;border:1px solid #28a745}.live-dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-leaderboard{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.live-score-item{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:12px;border:2px solid #e0e0e0;transition:all .3s ease;position:relative;overflow:hidden}.live-score-item.top-three{border-color:gold;box-shadow:0 4px 15px #ffd70033}.live-score-item .rank-badge{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #0003}.live-score-item .score-info{flex:1;min-width:0}.live-score-item .score-name{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:5px}.live-score-item .score-details{display:flex;gap:15px;font-size:.9rem;color:#666}.live-score-item .score-stats{text-align:right;flex-shrink:0}.live-score-item .score-percentage{font-size:1.5rem;font-weight:700;color:#00b4d8;margin-bottom:5px}.live-score-item .score-points{font-size:.9rem;color:#666}.live-score-item .score-bar{position:absolute;bottom:0;left:0;height:4px;border-radius:0 0 10px 10px;opacity:.3}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px}.pagination-btn{padding:10px 20px;background:#00b4d8;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#0077b6;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-weight:600}@media (max-width: 768px){.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-tabs{flex-direction:column}.users-table-wrapper{overflow-x:scroll}.users-table{font-size:.85rem}.users-table th,.users-table td{padding:8px}.questions-grid{grid-template-columns:1fr}.modal-content{padding:20px;margin:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f7fa;min-height:100vh;color:#333}#root{min-height:100vh}