.input-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.filter-row{display:flex;gap:10px;margin-bottom:15px;align-items:center;flex-wrap:wrap}
.filter-row select{flex:1}
.btn-sm{padding:6px 12px;font-size:13px}
.btn-danger{background:#e53935;color:#fff;border:none}
.btn-danger:hover{background:#c62828}
.card-list{display:grid;gap:10px}
.card-item{background:#f8f9fa;border-radius:8px;padding:15px;position:relative;border-left:4px solid #3592e2}
.card-item .card-category{font-size:12px;color:#3592e2;margin-bottom:5px}
.card-item .card-problem{font-weight:600;margin-bottom:3px}
.card-item .card-answer{color:#666;font-size:14px}
.card-item .card-delete{position:absolute;top:10px;right:10px;background:none;border:none;color:#999;cursor:pointer;font-size:18px}
.card-item .card-delete:hover{color:#e53935}
.quiz-progress{text-align:center;font-size:16px;margin-bottom:15px;color:#666}
.flip-card{width:100%;max-width:500px;height:280px;margin:0 auto 15px;perspective:1000px;cursor:pointer}
.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
.flip-card-inner.flipped{transform:rotateY(180deg)}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}
.flip-card-front{background:linear-gradient(135deg,#3592e2,#2196f3);color:#fff}
.flip-card-back{background:linear-gradient(135deg,#F78015,#ff9800);color:#fff;transform:rotateY(180deg)}
.quiz-label{font-size:13px;opacity:.8;margin-bottom:10px}
.quiz-text{font-size:18px;font-weight:600;line-height:1.5}
.quiz-category{font-size:12px;margin-top:10px;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:20px}
.quiz-actions{display:flex;justify-content:center;gap:10px;margin-bottom:15px}
.answer-actions{display:flex;justify-content:center;gap:15px;margin-bottom:15px}
.btn-correct{background:#4caf50;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;cursor:pointer}
.btn-correct:hover{background:#388e3c}
.btn-wrong{background:#e53935;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;cursor:pointer}
.btn-wrong:hover{background:#c62828}
.quiz-stats{display:flex;justify-content:center;gap:30px;margin-bottom:15px}
.stat{text-align:center}
.stat-label{font-size:12px;color:#888}
.stat-value{font-size:24px;font-weight:700;color:#3592e2}
@media(max-width:600px){.input-row{grid-template-columns:1fr}.flip-card{height:220px}.quiz-text{font-size:15px}}