.header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.5rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.header-actions{display:flex;gap:1rem}.header-button{display:flex;align-items:center;gap:.5rem;background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s;font-size:.9rem}.header-button:hover{background:#ffffff4d;transform:translateY(-2px)}.header-button.active{background:#fff6}@media (max-width: 768px){.header{padding:1rem}.header-button span{display:none}}.three-choice-question{width:100%}.choices{display:flex;flex-direction:column;gap:1rem}.choice-button{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:1.2rem;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s;text-align:left}.choice-button:hover:not(:disabled){background:#ffffff4d;transform:translate(8px)}.choice-button:disabled{cursor:not-allowed}.choice-button.correct{background:#4caf50cc;border-color:#4caf50;animation:pulse .5s ease-in-out}.choice-button.incorrect{background:#f44336cc;border-color:#f44336}@media (max-width: 768px){.question-text{font-size:1.2rem}.choice-button{font-size:1rem;padding:1rem}}.multi-choice-question{width:100%}.question-image{margin-bottom:2rem;text-align:center}.question-image img{max-width:100%;max-height:400px;border-radius:12px;box-shadow:0 4px 12px #0003}.question-text{font-size:1.5rem;margin-bottom:2rem;text-align:center}.multi-choices{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.multi-choice-item{display:flex;align-items:center;gap:1rem;background:#fff3;border:2px solid rgba(255,255,255,.3);padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s}.multi-choice-item:hover:not(.correct):not(.incorrect):not(.correct-missed){background:#ffffff4d}.multi-choice-item input[type=checkbox]{width:24px;height:24px;cursor:pointer}.multi-choice-item span{flex:1;font-size:1.1rem}.multi-choice-item.correct{background:#4caf50cc;border-color:#4caf50}.multi-choice-item.incorrect{background:#f44336cc;border-color:#f44336}.multi-choice-item.correct-missed{background:#ffc10799;border-color:#ffc107;animation:blink 1s ease-in-out 3}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.missed-indicator{color:#ffc107;font-weight:700}.submit-button{width:100%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);color:#fff;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.submit-button:hover:not(:disabled){background:#fff6;transform:translateY(-2px)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.feedback{margin-top:1.5rem;padding:1rem;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:700}.feedback.correct{background:#4caf504d;border:2px solid #4caf50}.feedback.incorrect{background:#f443364d;border:2px solid #f44336}.report-button{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.6rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fffc;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s}.report-button:hover:not(:disabled){background:#ffffff40;color:#fff}.report-button:disabled{opacity:.5;cursor:not-allowed}.report-button.reported{background:#4caf504d;border-color:#4caf50;color:#4caf50}@media (max-width: 768px){.question-text{font-size:1.2rem}.multi-choice-item span,.submit-button{font-size:1rem}}.quiz-container{max-width:900px;margin:2rem auto;padding:0 1rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.question-counter{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:700}.milestone-badge{background:linear-gradient(135deg,#f093fb,#f5576c);padding:.5rem 1rem;border-radius:20px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.question-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2)}.loading,.error,.no-question{text-align:center;padding:3rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.error h2,.no-question h2{margin-bottom:1rem}@media (max-width: 768px){.quiz-container{margin:1rem auto}.question-card{padding:1.5rem}.quiz-header{justify-content:center}.milestone-badge{font-size:.9rem}}.stats-table-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;margin-bottom:2rem}.stats-table-container h3{margin-bottom:1.5rem;font-size:1.4rem}.stats-loading,.stats-empty{text-align:center;padding:2rem;background:#ffffff1a;border-radius:16px;margin-bottom:2rem}.stats-empty p{margin:.5rem 0;opacity:.9}.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{padding:1rem;text-align:left}.stats-table thead{background:#ffffff1a}.stats-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:background .3s}.stats-table tbody tr:hover{background:#ffffff0d}.stats-table tfoot{background:#ffffff26;font-weight:700}.category-name{font-weight:500}.correct-count{color:#4caf50;font-weight:500}.percentage-cell{display:flex;align-items:center;gap:1rem}.percentage-bar{flex:1;height:24px;background:#fff3;border-radius:12px;overflow:hidden}.percentage-fill{height:100%;border-radius:12px;transition:width .5s ease-in-out}.percentage-text{min-width:50px;text-align:right;font-weight:500}.total-row{font-size:1.1rem}@media (max-width: 768px){.stats-table-container{padding:1rem;overflow-x:auto}.stats-table{font-size:.9rem}.stats-table th,.stats-table td{padding:.75rem .5rem}.percentage-cell{flex-direction:column;align-items:stretch;gap:.5rem}.percentage-text{text-align:center}}.stats-graph-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;margin-bottom:2rem}.stats-graph-container h3{margin-bottom:1.5rem;font-size:1.4rem}.graph-loading,.graph-empty{text-align:center;padding:2rem;background:#ffffff1a;border-radius:16px;margin-bottom:2rem}.graph-empty p{margin:.5rem 0;opacity:.9}.graph-legend{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);text-align:center;opacity:.8;font-size:.9rem}@media (max-width: 768px){.stats-graph-container{padding:1rem}.stats-graph-container h3{font-size:1.2rem}}.time-filter{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;justify-content:flex-end}.time-filter label{font-weight:500}.time-filter-select{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}.time-filter-select:hover{background:#ffffff4d}.time-filter-select:focus{outline:none;border-color:#ffffff80}.time-filter-select option{background:#667eea;color:#fff}@media (max-width: 768px){.time-filter{justify-content:center}}.statistics-container{max-width:1000px;margin:2rem auto;padding:0 1rem}.statistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.statistics-header h1{font-size:2rem;margin:0}.error-message{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;text-align:center}.error-message h2{margin-bottom:1rem;color:#f44336}@media (max-width: 768px){.statistics-container{margin:1rem auto}.statistics-header{flex-direction:column;align-items:flex-start}.statistics-header h1{font-size:1.5rem}}.settings-container{max-width:600px;margin:2rem auto;padding:0 1rem}.settings-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a}.settings-card h2{margin-bottom:1rem;font-size:1.8rem}.settings-description{margin-bottom:2rem;opacity:.9}.category-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.category-item{display:flex;align-items:center;gap:1rem;background:#ffffff1a;padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s}.category-item:hover{background:#fff3}.category-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.category-item span{font-size:1.1rem}.save-button{width:100%;background:#ffffff4d;border:none;color:#fff;padding:1rem;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s}.save-button:hover:not(:disabled){background:#fff6;transform:translateY(-2px)}.save-button:disabled{opacity:.5;cursor:not-allowed}.admin-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.admin-container h1{font-size:2rem;margin-bottom:2rem}.admin-loading,.admin-error{text-align:center;padding:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.admin-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.admin-error h2{color:#f44336;margin:0}.retry-button{margin-top:1rem;background:#ffffff4d;border:none;color:#fff;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s}.retry-button:hover{background:#fff6;transform:translateY(-2px)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;text-align:center;border:2px solid rgba(255,255,255,.2)}.stat-card.highlight{background:#ffc10733;border-color:#ffc107}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{opacity:.9;font-size:.9rem}.reported-section h2{margin-bottom:1.5rem;font-size:1.5rem}.no-reports{text-align:center;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;opacity:.8}.reported-list{display:flex;flex-direction:column;gap:1.5rem}.report-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:2px solid rgba(255,193,7,.5)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.report-date{opacity:.8;font-size:.9rem}.report-category{background:#fff3;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:500}.report-content h3{margin-bottom:1rem;font-size:1.2rem;color:#ffc107}.question-text{font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.question-image{margin:1rem 0;text-align:center}.question-image img{max-width:100%;max-height:300px;border-radius:8px}.question-details{background:#0003;padding:1rem;border-radius:8px;margin:1rem 0}.detail-row{margin:.5rem 0;font-size:.95rem}.detail-row strong{color:#ffffffb3;margin-right:.5rem}.report-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.action-button{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s;border:2px solid transparent}.action-button.dismiss{background:#fff3;color:#fff;border-color:#ffffff4d}.action-button.dismiss:hover{background:#ffffff4d;transform:translateY(-2px)}.action-button.delete{background:#f443364d;color:#f44336;border-color:#f44336}.action-button.delete:hover{background:#f4433680;transform:translateY(-2px)}@media (max-width: 768px){.admin-container h1{font-size:1.5rem}.admin-stats{grid-template-columns:repeat(2,1fr)}.report-header{flex-direction:column;align-items:flex-start;gap:.5rem}.report-actions{flex-direction:column}.action-button{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}#root{min-height:100vh}button,input{font-family:inherit}