*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}.app{max-width:1200px;margin:0 auto;padding:20px}.app-header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.app-header h1{margin-bottom:15px;color:#2563eb}.app-nav{display:flex;gap:10px}.app-nav button{padding:10px 20px;border:none;background:#e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.app-nav button:hover{background:#d1d5db}.app-nav button.active{background:#2563eb;color:#fff}.app-main{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:500px}.test-list h2{margin-bottom:20px}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.test-card{padding:20px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.test-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.test-card.passed{border-color:#10b981;background:#f0fdf4}.test-card.failed{border-color:#f59e0b;background:#fffbeb}.test-card.not-started{border-color:#e5e7eb;background:#fff}.test-card h3{margin-bottom:10px;font-size:16px;padding-right:40px}.test-progress,.test-stats{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#666;margin-top:10px}.test-status-badge{position:absolute;top:10px;right:10px}.status-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.status-icon.passed{background:#10b981;color:#fff}.status-icon.failed{background:#f59e0b;color:#fff}.status-icon.not-started{background:#9ca3af;color:#fff;font-size:24px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quiz-header button{padding:10px 20px;border:none;background:#e5e7eb;border-radius:6px;cursor:pointer;font-size:14px}.quiz-header button:hover{background:#d1d5db}.progress-bar{height:30px;background:#e5e7eb;border-radius:15px;position:relative;margin-bottom:30px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:width .3s}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#333}.question-card{max-width:800px;margin:0 auto}.question-card h3{font-size:20px;margin-bottom:20px;line-height:1.5}.question-image{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.answers{display:flex;flex-direction:column;gap:10px;margin:20px 0}.answer-btn{padding:15px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;text-align:left;font-size:16px;transition:all .2s}.answer-btn:hover:not(:disabled){border-color:#2563eb;background:#eff6ff}.answer-btn.selected{border-color:#2563eb;background:#eff6ff}.answer-btn.correct{border-color:#10b981;background:#f0fdf4}.answer-btn.incorrect{border-color:#ef4444;background:#fef2f2}.answer-btn:disabled{cursor:not-allowed}.details{padding:15px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;margin:20px 0;line-height:1.6}.next-btn{width:100%;padding:15px;border:none;background:#2563eb;color:#fff;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px}.next-btn:hover{background:#1d4ed8}.errors-list h2{margin:0}.errors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.errors-header button{padding:10px 20px;border:none;background:#e5e7eb;border-radius:6px;cursor:pointer;font-size:14px}.errors-header .clear-btn{background:#ef4444;color:#fff}.errors-header .clear-btn:hover{background:#dc2626}.empty-message{text-align:center;padding:40px;color:#666;font-size:18px}.errors-container{display:flex;flex-direction:column;gap:20px}.error-card{padding:20px;border:2px solid #fee2e2;border-radius:8px;background:#fef2f2}.error-meta{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px;color:#666}.error-test{font-weight:700;color:#2563eb}.error-card h3{margin-bottom:15px;font-size:18px}.error-image{max-width:100%;height:auto;border-radius:8px;margin:15px 0}.error-answers{display:flex;flex-direction:column;gap:10px;margin:15px 0}.answer-row{padding:10px;border-radius:6px}.answer-row.incorrect{background:#fee2e2;border-left:4px solid #ef4444}.answer-row.correct{background:#d1fae5;border-left:4px solid #10b981}.error-details{padding:15px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;margin-top:15px;line-height:1.6}.statistics h2{margin:0}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.stats-header button{padding:10px 20px;border:none;background:#e5e7eb;border-radius:6px;cursor:pointer;font-size:14px}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;text-align:center}.stat-value{font-size:36px;font-weight:700;margin-bottom:5px}.stat-label{font-size:14px;opacity:.9}.test-stats-table{margin-top:30px}.test-stats-table h3{margin-bottom:15px}.test-stats-table table{width:100%;border-collapse:collapse}.test-stats-table th,.test-stats-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.test-stats-table th{background:#f9fafb;font-weight:700;color:#374151}.test-stats-table tr:hover{background:#f9fafb}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#ef4444}@media (max-width: 768px){.app{padding:10px}.tests-grid,.stats-overview{grid-template-columns:1fr}.quiz-header{flex-direction:column;gap:10px}.quiz-header button{width:100%}}