.sqp-front-wrap,.sqp-start-box,.sqp-quiz-box,.sqp-result-box{max-width:960px;margin:24px auto}
.sqp-filter-form,.sqp-start-form{display:grid;gap:12px;margin-bottom:20px}
.sqp-filter-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}
.sqp-quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sqp-quiz-card,.sqp-question-card,.sqp-review-card,.sqp-start-box,.sqp-result-box{border:1px solid #ddd;border-radius:10px;padding:16px;background:#fff;margin-bottom:16px}
.sqp-button,.sqp-front-wrap button,.sqp-start-form button,#sqp-quiz-form button{display:inline-block;padding:10px 16px;border:none;border-radius:8px;background:#222;color:#fff;text-decoration:none;cursor:pointer}
.sqp-option{display:block;margin:10px 0}
.sqp-quiz-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.sqp-timer{font-weight:700;font-size:18px}
.sqp-field label{display:block;margin-bottom:6px;font-weight:600}
.sqp-field input,.sqp-filter-form select,.sqp-start-form input{width:100%;padding:10px;box-sizing:border-box}
.sqp-correct{border-left:4px solid #2e7d32}
.sqp-incorrect{border-left:4px solid #c62828}
.sqp-message.sqp-error{padding:12px;border-radius:8px;background:#fdecec;color:#8a1f1f}
.sqp-progress-wrap{margin-bottom:16px}
.sqp-progress-bar{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:8px}
.sqp-progress-fill{height:100%;width:0;background:#111827;transition:width .25s ease}
.sqp-progress-text{font-size:14px;color:#374151}
.sqp-question-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.sqp-palette-btn{width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer}
.sqp-palette-btn.active{background:#111827;color:#fff;border-color:#111827}
.sqp-step-card{display:none}
.sqp-step-card.active{display:block}
.sqp-step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.sqp-timer-warning{color:#b45309}
.sqp-timer-danger{color:#b91c1c}
.sqp-dashboard,.sqp-leaderboard{max-width:800px;margin:20px auto}
.sqp-table{width:100%;border-collapse:collapse}
.sqp-table th,.sqp-table td{border:1px solid #ddd;padding:10px}
.sqp-table th{background:#f5f5f5}