.test-list-page{min-height:100vh;background:var(--bg-primary);padding:0 0 20px;transition:all .3s ease;--color-primary:var(--accent-color);--color-primary-dark:var(--accent-hover);--color-primary-light:rgba(37,99,235,0.16);--color-secondary:var(--accent-color);--color-secondary-dark:var(--accent-hover);--color-info-bg:rgba(37,99,235,0.12);--color-info:var(--accent-color);--color-bg-primary:var(--surface-primary,var(--bg-secondary));--color-bg-secondary:var(--surface-secondary,rgba(148,163,184,0.12));--color-bg-tertiary:var(--surface-muted,rgba(148,163,184,0.12));--color-bg-quaternary:rgba(148,163,184,0.18);--color-border-light:var(--border-color);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary)}.test-list-page .surface-badge,.test-list-page .surface-tag,.test-list-page .test-badge{border-radius:4px}.test-list-page .surface-card.test-card{border-radius:8px}.test-list-content{padding:20px}[data-theme=dark] .test-list-page{background:var(--bg-primary);--color-primary-light:rgba(37,99,235,0.22);--color-info-bg:rgba(37,99,235,0.22);--color-bg-tertiary:rgba(255,255,255,0.06);--color-bg-quaternary:rgba(255,255,255,0.05)}.test-list-hero{max-width:1200px;margin:24px auto 32px;padding:32px;background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:none;display:flex;flex-direction:column;gap:24px}.test-list-hero--compact{margin:12px auto 20px;padding:20px;border-radius:8px;gap:16px}.test-list-hero .hero-text{flex:1;display:flex;flex-direction:column;gap:12px}.test-list-hero .hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;background:rgba(37,99,235,.12);color:var(--accent-color);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.test-list-hero .hero-title{margin:0;font-size:clamp(1.75rem,2.4vw,2.4rem);font-weight:700;color:var(--text-primary)}.test-list-hero .hero-description{margin:0;font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:640px}.test-list-hero .hero-search{display:flex;flex-direction:column;gap:10px;width:100%}.test-list-hero .hero-search-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.test-list-hero .hero-search-control{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.test-list-hero .hero-search-control input{flex:1 1 220px;min-width:0;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);font-size:1rem;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.test-list-hero .hero-search-control input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(37,99,235,.2)}.test-list-hero .hero-search-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#ffffff;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.test-list-hero .hero-search-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.test-list-hero .hero-search-button:active{transform:translateY(0)}.test-list-hero .hero-search-error{font-size:.85rem;font-weight:500;color:var(--error-color)}@media (min-width:768px){.test-list-hero{flex-direction:row;align-items:center;padding:40px 48px;gap:32px}.test-list-hero .hero-search{max-width:360px}}@media (max-width:480px){.test-list-hero{padding:24px;margin:16px auto 24px}.test-list-hero .hero-search-control{flex-direction:column;align-items:stretch}.test-list-hero .hero-search-button{width:100%}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 8px;min-height:60px;flex-wrap:wrap;gap:12px}.header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{display:flex;align-items:center;gap:8px;background:var(--bg-card);color:var(--text-secondary);border:2px solid var(--border-color);padding:12px 20px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.back-button:hover{background:var(--accent-color);color:white;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.search-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:white;border:none;padding:12px 20px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.search-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.delete-dialog{background:var(--bg-card);border-radius:16px;border:2px solid var(--border-color);box-shadow:var(--shadow-lg);width:90%;max-width:450px;animation:slideIn .3s ease}.delete-dialog-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-color)}.delete-warning-icon{color:#e53e3e;flex-shrink:0}.delete-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.delete-dialog-content{padding:20px}.delete-dialog-content p{margin:0 0 16px;color:var(--text-secondary);line-height:1.5}.delete-target-info{background:var(--bg-secondary);padding:12px 16px;border-radius:8px;margin:16px 0;border-left:4px solid #e53e3e}.delete-target-info strong{color:var(--text-primary);font-weight:600}.delete-warning{color:#e53e3e!important;font-weight:500;font-size:14px}.delete-dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid var(--border-color)}[data-theme=dark] .delete-dialog{backdrop-filter:saturate(120%) blur(12px);-webkit-backdrop-filter:saturate(120%) blur(12px);background:var(--bg-card);border-color:var(--border-color)}.delete-confirm-button{background:linear-gradient(135deg,#e53e3e,#c53030);color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:120px;justify-content:center}.delete-confirm-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#c53030,#9c2626)}.delete-confirm-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.delete-confirm-button .loading-spinner.small{width:16px;height:16px;border-width:2px}.test-list{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:2rem auto 40px}.pack-list-toolbar{max-width:1200px;margin:-8px auto 8px;display:flex;justify-content:flex-end}.pack-list-count{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--color-bg-tertiary);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:4px;padding:4px 10px;letter-spacing:.02em}.test-card{padding:24px;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease;animation:slideInUp .5s ease forwards;opacity:0;transform:translateY(20px);position:relative}@media (min-width:768px){.test-card{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.test-card:hover{transform:translateY(-4px)}.test-card-deleted,.test-card-part1,.test-card-part2,.test-card-part3,.test-card-part4,.test-card-untagged{border-left-width:4px;padding-left:20px}.test-card-part1{border-left-color:var(--accent-part1)}.test-card-part2{border-left-color:var(--accent-part2)}.test-card-part3{border-left-color:var(--accent-part3)}.test-card-part4{border-left-color:var(--accent-part4)}.test-card-untagged{border-left-color:rgba(148,163,184,.6)}.test-card-deleted{border-left-color:var(--accent-part3)}.listening-test-list-page .test-list,.reading-test-list-page .test-list,.writing-practice-list-page .test-list{gap:0;overflow:hidden;background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:8px}.listening-test-list-page .test-list>.surface-card.test-card,.reading-test-list-page .test-list>.surface-card.test-card,.writing-practice-list-page .test-list>.surface-card.test-card{border-top:0;border-right:0;border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:none;animation:none;opacity:1;transform:none}.listening-test-list-page .test-list>.test-card-part1,.reading-test-list-page .test-list>.test-card-part1{border-left-color:var(--accent-part1)}.listening-test-list-page .test-list>.test-card-part2,.reading-test-list-page .test-list>.test-card-part2{border-left-color:var(--accent-part2)}.listening-test-list-page .test-list>.test-card-deleted,.listening-test-list-page .test-list>.test-card-part3,.reading-test-list-page .test-list>.test-card-deleted,.reading-test-list-page .test-list>.test-card-part3{border-left-color:var(--accent-part3)}.listening-test-list-page .test-list>.test-card-part4,.reading-test-list-page .test-list>.test-card-part4{border-left-color:var(--accent-part4)}.listening-test-list-page .test-list>.test-card-untagged,.reading-test-list-page .test-list>.test-card-untagged{border-left-color:rgba(148,163,184,.6)}.listening-test-list-page .test-list>.surface-card.test-card:last-child,.reading-test-list-page .test-list>.surface-card.test-card:last-child,.writing-practice-list-page .test-list>.surface-card.test-card:last-child{border-bottom:0}.listening-test-list-page .test-list>.surface-card--interactive:hover,.reading-test-list-page .test-list>.surface-card--interactive:hover,.writing-practice-list-page .test-list>.surface-card--interactive:hover{background:color-mix(in srgb,var(--color-bg-primary) 94%,var(--accent-color));box-shadow:none;transform:none}.test-content{flex:1;min-width:0;overflow-wrap:break-word;display:flex;flex-direction:column;align-items:flex-start;width:100%}.test-header{margin-bottom:16px}.admin-human-check-row{margin-bottom:10px}.admin-human-check-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);font-size:12px;font-weight:700;line-height:1}.admin-human-check-dot{width:7px;height:7px;border-radius:999px;background:currentColor;flex-shrink:0}.admin-human-check-chip--unchecked{border-color:#94a3b8;color:#64748b;background:rgba(148,163,184,.14)}.admin-human-check-chip--confirmed{border-color:#10b981;color:#059669;background:rgba(16,185,129,.14)}.admin-human-check-chip--problematic{border-color:#ef4444;color:#dc2626;background:rgba(239,68,68,.12)}.admin-human-check-chip--unknown{border-color:#3b82f6;color:#2563eb;background:rgba(59,130,246,.12)}.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.test-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;word-break:break-word;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listening-test-list-page .test-title,.reading-test-list-page .test-title,.writing-practice-list-page .test-title{font-size:1.3rem}.test-title[data-length=long]{font-size:1.25rem}.test-title[data-length=very-long]{font-size:1.1rem}.test-badges{flex-wrap:wrap;flex-shrink:0}.reading-test-top-right,.test-badges{display:flex;align-items:center;gap:8px}.reading-test-top-right{position:absolute;top:8px;right:8px;z-index:20;white-space:nowrap}.reading-test-top-right .submitted-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;pointer-events:none}.reading-analysis-link-btn,.reading-record-link-btn{height:24px;padding:0 10px;border-radius:4px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 82%,var(--accent-color) 18%);color:var(--accent-color);font-size:11px;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.reading-analysis-link-btn:hover,.reading-record-link-btn:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--bg-card) 70%,var(--accent-color) 30%);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.reading-analysis-link-btn:focus-visible,.reading-record-link-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.admin-reading-test-top-right{right:34px;max-width:calc(100% - 48px);justify-content:flex-end;flex-wrap:wrap}.listening-test-card-with-top-action .test-header{padding-right:240px}.listening-test-top-right{position:absolute;top:8px;right:8px;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:72%}.listening-test-top-right .submitted-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;pointer-events:none}.listening-analysis-link-btn,.listening-intensive-link-btn,.listening-record-link-btn,.listening-shadow-cloze-link-btn{height:24px;padding:0 10px;border-radius:4px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 82%,var(--accent-color) 18%);color:var(--accent-color);font-size:11px;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .18s ease;white-space:nowrap;max-width:112px;overflow:hidden;text-overflow:ellipsis}.listening-analysis-link-btn:hover,.listening-intensive-link-btn:hover,.listening-record-link-btn:hover,.listening-shadow-cloze-link-btn:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--bg-card) 70%,var(--accent-color) 30%);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.listening-analysis-link-btn:focus-visible,.listening-intensive-link-btn:focus-visible,.listening-record-link-btn:focus-visible,.listening-shadow-cloze-link-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.listening-intensive-link-btn:disabled,.listening-shadow-cloze-link-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:479px){.listening-test-card-with-top-action .test-header{padding-right:126px}.listening-test-top-right{max-width:56%;gap:4px}.listening-analysis-link-btn,.listening-intensive-link-btn,.listening-record-link-btn,.listening-shadow-cloze-link-btn{max-width:92px}}.delete-x-button{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background:rgba(255,0,0,.15);color:#ff0000;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.8;z-index:1}.delete-x-button:hover{background:rgba(255,0,0,.25);color:#ff0000;opacity:1;transform:scale(1.05)}.delete-x-button svg{width:12px;height:12px}.test-badge{font-size:.85rem;font-weight:600}.level-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.level-badge:not(.level-badge-filled).level-part1{color:var(--accent-part1)}.level-badge:not(.level-badge-filled).level-part2{color:var(--accent-part2)}.level-badge:not(.level-badge-filled).level-part3{color:var(--accent-part3)}.level-badge:not(.level-badge-filled).level-part4{color:var(--accent-part4)}.level-badge.level-badge-filled{color:#ffffff;border:none;box-shadow:0 4px 12px rgba(15,23,42,.18)}.level-badge.level-badge-filled.level-part1{background:linear-gradient(135deg,#10b981,#059669)}.level-badge.level-badge-filled.level-part2{background:linear-gradient(135deg,#f59e0b,#d97706)}.level-badge.level-badge-filled.level-part3{background:linear-gradient(135deg,#ef4444,#dc2626)}.level-badge.level-badge-filled.level-part4{background:linear-gradient(135deg,#6366f1,#4f46e5)}.level-badge.level-warning{background:linear-gradient(135deg,#f56565,#e53e3e);color:white}.level-badge.level-deleted{color:var(--accent-part3)}.level-badge svg{width:12px;height:12px}.test-meta{margin-top:8px;width:100%;display:flex;flex-direction:column;align-items:flex-start}.question-types{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;margin:0!important;padding:0!important}.type-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid var(--border-color);display:inline-block;white-space:nowrap;flex-shrink:0}.surface-tag.pack-part-tag{font-weight:600;border:1px solid rgba(148,163,184,.25)!important;color:var(--text-primary)!important;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.35))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 6px 14px -12px rgba(15,23,42,.45)}.pack-part-label{font-weight:700}.pack-part-label--1{color:rgba(13,148,136,.95)}.pack-part-label--2{color:rgba(14,116,144,.95)}.pack-part-label--3{color:rgba(37,99,235,.95)}.pack-part-label--4{color:rgba(147,51,234,.95)}.pack-part-title{color:var(--text-primary)}.surface-tag.pack-part-tag--1{background:linear-gradient(135deg,rgba(20,184,166,.18),rgba(20,184,166,.04))!important;border-color:rgba(20,184,166,.32)!important}.surface-tag.pack-part-tag--2{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(56,189,248,.05))!important;border-color:rgba(56,189,248,.32)!important}.surface-tag.pack-part-tag--3{background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(59,130,246,.05))!important;border-color:rgba(59,130,246,.32)!important}.surface-tag.pack-part-tag--4{background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(168,85,247,.05))!important;border-color:rgba(168,85,247,.32)!important}.test-actions{display:flex;flex-direction:column;gap:12px;width:100%}@media (min-width:480px){.test-actions{flex-direction:row;align-items:center;width:auto}}@media (max-width:479px){.edit-button,.start-test-button,.view-test-button{width:100%;justify-content:center;padding:14px 20px}.start-test-button{order:-2}.view-test-button{order:-1}}.edit-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:var(--shadow-sm);width:120px;justify-content:center}.edit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.edit-button svg{width:16px;height:16px}.view-test-button{background:linear-gradient(135deg,#1e40af,#3b82f6);color:white;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:var(--shadow-sm);width:120px;justify-content:center}.view-test-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1d4ed8,#2563eb)}.view-test-button svg{width:16px;height:16px}.start-test-button{background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:var(--shadow-sm);width:120px;justify-content:center;white-space:nowrap}.start-test-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#059669,#047857)}.start-test-button svg{width:16px;height:16px;display:block}.start-test-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.start-test-spinner{width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;display:block}.test-card-part1 .start-test-button{background:linear-gradient(135deg,#10b981,#059669)}.test-card-part1 .start-test-button:hover{background:linear-gradient(135deg,#059669,#047857)}.test-card-part2 .start-test-button{background:linear-gradient(135deg,#f59e0b,#d97706)}.test-card-part2 .start-test-button:hover{background:linear-gradient(135deg,#d97706,#b45309)}.test-card-part3 .start-test-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.test-card-part3 .start-test-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.test-card-part4 .start-test-button{background:linear-gradient(135deg,#6366f1,#4f46e5)}.test-card-part4 .start-test-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)}.test-badge.question-count-badge{background:#ffffff;color:#000000;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 0 0 1px rgba(15,23,42,.02)}.test-badges .level-badge{letter-spacing:0}.test-badge.free-preview-badge{display:inline-flex;align-items:center;gap:7px;min-height:0;padding:0;background:transparent;color:#047857;border:0;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:.01em;font-size:.78rem;font-weight:760;line-height:1;white-space:nowrap}.test-badge.free-preview-badge:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent);flex-shrink:0}[data-theme=dark] .test-badge.question-count-badge{background:#000000;color:#ffffff;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(15,23,42,.32)}[data-theme=dark] .test-badge.free-preview-badge{background:transparent;color:#5eead4;border-color:transparent;box-shadow:none}[data-theme=dark] .test-badge.free-preview-badge:before{background:currentColor}.pagination{justify-content:center;gap:24px;margin-top:40px}.pagination,.pagination-button{display:flex;align-items:center}.pagination-button{background:var(--bg-card);color:var(--text-secondary);border:2px solid var(--border-color);padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;gap:8px;transition:all .3s ease;box-shadow:var(--shadow-sm)}.pagination-button:hover:not(:disabled){background:var(--accent-color);color:white;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-info{padding:12px 20px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;font-weight:500;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.page-info,.page-info.with-jump{display:flex;align-items:center;gap:8px}.page-info.with-jump{padding:8px 14px}.page-info.with-jump .page-info-controls{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.page-info.with-jump .page-info-label{font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.page-info.with-jump .page-info-input{width:72px;padding:7px 10px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:15px;font-weight:600;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.page-info.with-jump .page-info-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(99,102,241,.12);outline:none}.page-info.with-jump .page-info-total{color:var(--text-tertiary,var(--text-secondary));font-size:14px;font-weight:500;opacity:.85}.page-info.with-jump .page-info-button{background:var(--bg-card);color:var(--accent-color);border:2px solid rgba(99,102,241,.18);border-radius:6px;padding:5px 12px;font-weight:600;cursor:pointer;transition:all .2s ease}.page-info.with-jump .page-info-button:hover:not(:disabled){background:var(--accent-color);color:white;border-color:var(--accent-color);transform:translateY(-1px)}.page-info.with-jump .page-info-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--bg-muted,var(--bg-card));border-color:var(--border-color);color:var(--text-secondary)}.page-info.with-jump .page-info-status{font-size:12px;font-weight:500;color:var(--text-tertiary,var(--text-secondary));min-width:0;display:flex;align-items:center}.page-info.with-jump .page-info-error{color:var(--error-color);font-weight:600}.page-info.with-jump.disabled{opacity:.7}.page-info.with-jump.disabled .page-info-button{box-shadow:none}.page-indicator{font-size:12px;font-weight:600;color:var(--text-tertiary,var(--text-secondary))}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner{width:50px;height:50px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}.list-loading-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;margin:12px auto 0;max-width:1200px;color:var(--text-secondary);font-weight:600;font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:18px;color:var(--text-secondary);font-weight:500}.filters-section{margin-bottom:3rem;background:var(--bg-card);border-radius:16px;border:2px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease;max-width:1200px;margin-left:auto;margin-right:auto}.filters-section:hover{box-shadow:var(--shadow-md)}.filters-header{justify-content:space-between;padding:1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.filters-header,.filters-title{display:flex;align-items:center}.filters-title{gap:1rem}.filters-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border-radius:12px;color:white}.filters-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.active-count{background:var(--error-color);color:white;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center}.filters-actions{display:flex;align-items:center;gap:.75rem}.clear-filters-button{display:flex;align-items:center;gap:.5rem;background:var(--error-color);color:white;border:none;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.clear-filters-button:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.toggle-filters-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary)}.toggle-filters-button.active,.toggle-filters-button:hover{background:var(--accent-color);color:white;border-color:var(--accent-color)}.toggle-filters-button .chevron{transition:transform .3s ease}.toggle-filters-button .chevron.rotated{transform:rotate(180deg)}.filters-content{overflow:hidden;transition:all .3s ease}.filters-content.collapsed{max-height:0;opacity:0}.filters-content.expanded{max-height:800px;opacity:1}.filters-grid{padding:2rem;background:var(--bg-secondary)}.filter-group{display:block;margin-bottom:2rem}.filter-group:last-child{margin-bottom:0}.filter-group-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.filter-group-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-color);border-radius:8px;color:white}.filter-group h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.selected-count{background:var(--success-color);color:white;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:10px}.filter-options,.question-types-grid{display:flex;flex-wrap:wrap;gap:.75rem}.filter-pill{position:relative;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;min-height:48px;flex:0 0 auto;white-space:nowrap;color:var(--text-primary)}.filter-pill:hover{transform:translateY(-2px)}.filter-pill.selected,.filter-pill:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.filter-pill.selected{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:white}.filter-pill input{position:absolute;opacity:0;pointer-events:none}.filter-pill-text{font-size:.9rem;font-weight:500;flex:1}.practice-status-toggle{min-width:auto;padding-inline:.85rem;white-space:nowrap}.filter-pill-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(255,255,255,.2);border-radius:50%;margin-left:.5rem}.active-filters{margin-bottom:3rem;background:var(--bg-card);border-radius:16px;border:2px solid var(--border-color);padding:1.5rem;box-shadow:var(--shadow-sm);max-width:1200px;margin-left:auto;margin-right:auto}.active-filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary);font-weight:600;font-size:.9rem}.active-filters-list{display:flex;flex-wrap:wrap;gap:.75rem}.active-filter-tag{display:flex;align-items:center;gap:.5rem;border-radius:4px;padding:.5rem .75rem;font-size:.85rem;font-weight:500;box-shadow:var(--shadow-sm);transition:all .3s ease}.active-filter-tag.type-filter{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white}.active-filter-tag.question-filter{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:white}.active-filter-tag.level-filter{background:linear-gradient(135deg,#ed8936,#dd6b20);color:white}.active-filter-tag.level-filter.deleted{background:linear-gradient(135deg,#dc2626,#991b1b);color:white;animation:pulse-red 2s infinite}.active-filter-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tag-label{opacity:.8;font-size:.8rem}.tag-value{font-weight:600}.tag-remove{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;color:white;transition:all .2s ease}.tag-remove:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.reading-filter-panel{position:relative;margin-bottom:1.5rem;border:1px solid color-mix(in srgb,var(--border-color) 72%,var(--accent-color));border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 5%,var(--bg-card)) 0,var(--bg-card) 46%);box-shadow:none}.reading-filter-panel:hover{box-shadow:none}.reading-filter-panel:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--success-color) 72%,var(--accent-color)))}.reading-filter-panel .filters-content{overflow:visible}.reading-filter-panel .filters-header{align-items:center;gap:.75rem;flex-wrap:wrap;padding:.9rem 1rem 0;border-bottom:0}.reading-filter-panel .filters-title{flex:0 0 auto;gap:.55rem}.reading-filter-panel .filters-icon{width:22px;height:22px;border:none;border-radius:0;background:transparent;color:var(--text-primary)}.reading-filter-panel .filters-title h3{font-size:.95rem;line-height:1.2}.reading-filter-total-count{display:inline-flex;align-items:center;gap:.28rem;min-height:22px;padding:.18rem .52rem;border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);border-radius:4px;background:color-mix(in srgb,var(--bg-secondary) 82%,var(--bg-card));color:var(--text-secondary);font-size:.74rem;font-weight:650;line-height:1;white-space:nowrap}.reading-filter-total-count strong{color:#059669;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}[data-theme=dark] .reading-filter-total-count strong{color:#34d399}.reading-filter-panel .active-count{min-width:20px;height:20px;padding:0 .42rem;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:color-mix(in srgb,var(--accent-color) 14%,transparent);color:var(--accent-color)}.reading-filter-panel .filters-actions{margin-left:auto;gap:.45rem}.reading-filter-panel .clear-filters-button,.reading-filter-panel .clear-search-button,.reading-filter-panel .reading-filter-search-button{min-height:30px;padding:.38rem .62rem;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);color:var(--text-secondary);box-shadow:none;font-size:.78rem}.reading-filter-panel .reading-filter-search-button{border-color:var(--accent-color);background:var(--accent-color);color:white;font-weight:700}.reading-filter-panel .clear-filters-button:hover,.reading-filter-panel .clear-search-button:hover{border-color:color-mix(in srgb,var(--error-color) 38%,var(--border-color));background:color-mix(in srgb,var(--error-color) 8%,var(--bg-card));color:var(--error-color);transform:none;box-shadow:none}.reading-filter-panel .reading-filter-search-button:hover{border-color:var(--accent-color);background:var(--accent-color);color:white;transform:none;box-shadow:none}.reading-filter-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem 1rem}.reading-filter-control-block{display:flex;min-width:0;flex-direction:column;gap:.35rem}.reading-filter-control-block--types{min-width:150px;margin-left:0;align-self:center}.reading-filter-control-block--search{flex:1 1 220px;min-width:180px;max-width:320px}.reading-filter-search-field{position:relative;width:100%}.reading-filter-search-field input{width:100%;height:34px;padding:0 2.1rem 0 .72rem;border:1px solid color-mix(in srgb,var(--border-color) 74%,var(--accent-color));border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 78%,var(--bg-card));color:var(--text-primary);box-shadow:none;font-size:.86rem;outline:none}.reading-filter-search-field input:focus{border-color:var(--accent-color);box-shadow:none}.reading-filter-search-clear{position:absolute;top:50%;right:.55rem;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;z-index:2;transform:translateY(-50%)}.reading-filter-search-clear:hover{background:color-mix(in srgb,var(--accent-color) 9%,transparent);color:var(--accent-color)}.reading-filter-search-error{color:var(--error-color);font-size:.76rem;font-weight:600;line-height:1.2}.reading-filter-control-label{color:color-mix(in srgb,var(--text-secondary) 82%,var(--accent-color));font-size:.72rem;font-weight:700;line-height:1}.reading-filter-control-block--types .reading-filter-control-label{display:none}.reading-filter-control-group{display:inline-flex;min-height:34px;align-items:center;gap:.18rem;padding:.18rem;border:1px solid color-mix(in srgb,var(--border-color) 74%,var(--accent-color));border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 78%,var(--bg-card));box-shadow:none}.reading-filter-segment,.reading-question-type-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:28px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:600;line-height:1.1;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.reading-filter-segment:focus,.reading-question-type-trigger:focus{outline:none}.reading-filter-segment:focus-visible,.reading-question-type-trigger:focus-visible{outline:none;box-shadow:none}.reading-filter-segment{padding:.42rem .72rem;white-space:nowrap}.reading-filter-segment--part{display:inline-flex;align-items:center;gap:.42rem;padding-right:.45rem}.reading-filter-segment-label{line-height:1}.reading-filter-segment-count{display:inline-flex;min-width:22px;height:18px;align-items:center;justify-content:center;padding:0 .36rem;border-radius:4px;background:color-mix(in srgb,var(--accent-color) 9%,var(--bg-card));color:color-mix(in srgb,var(--accent-color) 70%,var(--text-secondary) 30%);font-size:.72rem;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.reading-filter-segment:hover,.reading-question-type-trigger:hover{color:var(--text-primary)}.reading-filter-segment.selected{border-color:var(--accent-color);background:var(--accent-color);color:white;box-shadow:none}.reading-filter-segment.selected .reading-filter-segment-count{background:rgba(255,255,255,.22);color:white}.reading-question-type-trigger{display:inline-flex;width:100%;min-height:34px;align-items:center;justify-content:space-between;gap:.45rem;padding:.45rem .62rem;border-color:color-mix(in srgb,var(--border-color) 72%,var(--accent-color));background:color-mix(in srgb,var(--bg-secondary) 78%,var(--bg-card))}.reading-question-type-trigger.active,.reading-question-type-trigger:has(.reading-question-type-trigger-count){border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 14%,var(--bg-card));color:var(--accent-color);box-shadow:none}.reading-question-type-trigger-count{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:var(--accent-color);color:white;font-size:.72rem;font-weight:700}.reading-question-type-trigger .chevron{flex:0 0 auto;transition:transform .18s ease}.reading-question-type-trigger .chevron.rotated{transform:rotate(180deg)}.reading-question-type-drawer{overflow:hidden;border-top:1px solid color-mix(in srgb,var(--border-color) 70%,var(--accent-color));background:color-mix(in srgb,var(--bg-secondary) 82%,var(--bg-card));box-shadow:none;transition:max-height .2s ease,opacity .16s ease}.reading-question-type-drawer.collapsed{max-height:0;opacity:0;border-top-color:transparent}.reading-question-type-drawer.expanded{max-height:760px;opacity:1}.reading-question-type-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;padding:1rem}.reading-question-type-group{position:relative;min-width:0;padding:.72rem;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:8px;background:color-mix(in srgb,var(--bg-card) 76%,transparent)}.reading-question-type-group:not(:nth-child(4n+1)):before{content:"";position:absolute;top:.4rem;bottom:.4rem;left:-.44rem;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent-color) 24%,var(--border-color)),transparent)}.reading-question-type-group-title{margin-bottom:.5rem;padding-bottom:.42rem;border-bottom:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));color:color-mix(in srgb,var(--text-secondary) 72%,var(--accent-color));font-size:.74rem;font-weight:700;letter-spacing:0}.reading-question-type-options{display:flex;flex-direction:column;gap:.12rem}.reading-question-type-group--wide{grid-column:span 2}.reading-question-type-options--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.12rem .62rem}.reading-filter-panel .reading-filter-pill{width:100%;min-height:32px;justify-content:flex-start;gap:.35rem;padding:.38rem .5rem;border:1px solid transparent;border-radius:6px;background:color-mix(in srgb,var(--bg-secondary) 46%,transparent);color:var(--text-primary);box-shadow:none;white-space:normal}.reading-filter-panel .reading-filter-pill+.reading-filter-pill{border-top-color:color-mix(in srgb,var(--border-color) 62%,transparent)}.reading-filter-panel .reading-filter-pill:hover{border-color:color-mix(in srgb,var(--accent-color) 22%,var(--border-color));background:var(--bg-card);transform:none;box-shadow:none}.reading-filter-panel .reading-filter-pill.selected{border-color:color-mix(in srgb,var(--accent-color) 56%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 14%,var(--bg-card));color:var(--accent-color);box-shadow:inset 3px 0 0 var(--accent-color)}.reading-filter-panel .reading-filter-pill .filter-pill-text{min-width:0;overflow-wrap:anywhere;font-size:.79rem;line-height:1.25}.reading-filter-panel .filter-pill-check{width:16px;height:16px;flex:0 0 auto;margin-left:auto;background:var(--accent-color);color:white}.reading-active-filter-summary{flex:1 1 280px;min-width:0;padding:0}.reading-active-filter-list{align-items:center;gap:.38rem}.reading-filter-panel .active-filter-tag{max-width:220px;min-height:28px;padding:.32rem .42rem .32rem .58rem;border:1px solid color-mix(in srgb,var(--accent-color) 30%,var(--border-color));border-radius:4px;background:color-mix(in srgb,var(--accent-color) 8%,var(--bg-card));color:color-mix(in srgb,var(--text-primary) 74%,var(--accent-color));box-shadow:none;font-size:.76rem}.reading-filter-panel .active-filter-tag:hover{transform:none;box-shadow:none}.reading-filter-panel .tag-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.reading-filter-panel .tag-remove{width:18px;height:18px;background:transparent;color:var(--text-secondary)}.reading-filter-panel .tag-remove:hover{background:color-mix(in srgb,var(--error-color) 10%,transparent);color:var(--error-color);transform:none}@media (max-width:1060px){.reading-filter-control-row{flex-wrap:wrap}.reading-filter-control-block--types{width:100%;margin-left:0}.reading-question-type-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-question-type-group:not(:nth-child(4n+1)):before{display:none}.reading-question-type-group:not(:nth-child(odd)):before{content:"";display:block;position:absolute;top:.4rem;bottom:.4rem;left:-.44rem;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent-color) 24%,var(--border-color)),transparent)}}@media (max-width:640px){.reading-filter-panel .filters-header{align-items:flex-start;gap:.7rem}.reading-filter-panel .filters-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.reading-filter-control-row,.reading-question-type-groups{padding-inline:.75rem}.reading-filter-control-block{width:100%}.reading-filter-control-group{display:grid;width:100%;grid-auto-flow:column;grid-auto-columns:1fr}.reading-filter-segment{padding-inline:.4rem}.reading-question-type-groups{grid-template-columns:1fr}.reading-question-type-group--wide{grid-column:span 1}.reading-question-type-options--grid{grid-template-columns:1fr}.reading-question-type-group:before{display:none!important}}.no-results{text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:16px;border:2px dashed var(--border-color)}.no-results-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.no-results h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.no-results p{margin:0;font-size:1rem;color:var(--text-muted);line-height:1.5}:is(.reading-test-list-page,.listening-test-list-page) .test-list--empty{overflow:visible;margin-top:1.25rem;margin-bottom:1.75rem;background:transparent;border:0}:is(.reading-test-list-page,.listening-test-list-page) .test-list--empty .no-results{min-height:280px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent-color) 10%,transparent),transparent 44%),color-mix(in srgb,var(--bg-card) 94%,var(--accent-color));border:1px solid color-mix(in srgb,var(--border-color) 82%,var(--accent-color));border-radius:10px}:is(.reading-test-list-page,.listening-test-list-page) .test-list--empty .no-results-icon{width:64px;height:64px;margin-bottom:1.1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent-color) 22%,var(--border-color));border-radius:50%;background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-card));font-size:2rem;opacity:1}:is(.reading-test-list-page,.listening-test-list-page) .test-list--empty .no-results h3{margin-bottom:.55rem;font-size:1.25rem}:is(.reading-test-list-page,.listening-test-list-page) .test-list--empty .no-results p{max-width:480px;color:var(--text-secondary);font-size:.92rem}:is(.reading-test-list-page,.listening-test-list-page) .clear-search-button-inline{min-height:36px;margin-top:1.25rem;padding:.55rem 1rem;border:1px solid var(--accent-color);border-radius:7px;background:var(--accent-color);color:#fff;cursor:pointer;font-size:.84rem;font-weight:700;transition:background .16s ease,border-color .16s ease,transform .16s ease}:is(.reading-test-list-page,.listening-test-list-page) .clear-search-button-inline:hover{border-color:var(--accent-hover);background:var(--accent-hover);transform:translateY(-1px)}:is(.reading-test-list-page,.listening-test-list-page) .clear-search-button-inline:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-color) 56%,transparent);outline-offset:3px}@media (max-width:640px){:is(.reading-test-list-page,.listening-test-list-page) .test-list--empty .no-results{min-height:240px;padding:2.25rem 1.25rem}}.statistics-overview{position:relative;overflow:hidden;background:transparent;border-radius:0;padding:0;margin-bottom:24px;border:none;box-shadow:none;max-width:1200px;margin-left:auto;margin-right:auto}.statistics-overview:before{content:none}.statistics-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.statistics-overview:hover{box-shadow:none}.statistics-header{display:flex;justify-content:flex-start;align-items:center;gap:14px;margin-bottom:0;flex-wrap:wrap;flex:0 0 auto}.statistics-title{display:flex;align-items:center;gap:10px}.statistics-title svg{width:18px;height:18px;color:var(--text-secondary);stroke-width:2.4}.statistics-title h3{margin:0;font-size:1.18rem;font-weight:650;letter-spacing:0;color:var(--text-primary)}.total-count{display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;padding:6px 12px;font-weight:600;font-size:.88rem;border:1px solid color-mix(in srgb,var(--border-color) 82%,transparent);box-shadow:none}.count-number{font-weight:700;font-size:1rem;color:var(--color-primary,#2563eb)}.statistics-grid{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 420px;flex-wrap:wrap}.stat-card{--stat-accent:color-mix(in srgb,var(--color-primary,#3b82f6) 60%,#2563eb 40%);--stat-accent-strong:color-mix(in srgb,var(--color-primary,#3b82f6) 40%,#1d4ed8 60%);--stat-border:color-mix(in srgb,var(--border-color) 90%,var(--stat-accent) 10%);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:132px;padding:11px 13px;border-radius:12px;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);box-shadow:none;transition:background .2s ease,border-color .2s ease;overflow:hidden}.stat-card:before{content:none}button.stat-card.clickable{width:100%;cursor:pointer;text-align:left;color:inherit;font:inherit}button.stat-card.clickable:focus{outline:none}button.stat-card.clickable:focus-visible{outline:none;border-color:color-mix(in srgb,var(--stat-accent) 34%,var(--border-color) 66%);box-shadow:none}.stat-card.selected,.stat-card:hover{background:color-mix(in srgb,var(--stat-accent) 5%,var(--bg-secondary));box-shadow:none;border-color:color-mix(in srgb,var(--stat-accent) 28%,var(--border-color) 72%)}.stat-card.part1{--stat-accent:#10b981;--stat-accent-strong:#059669;--stat-border:color-mix(in srgb,var(--stat-accent) 35%,var(--border-color) 65%)}.stat-card.part2{--stat-accent:#f59e0b;--stat-accent-strong:#d97706;--stat-border:color-mix(in srgb,var(--stat-accent) 35%,var(--border-color) 65%)}.stat-card.part3{--stat-accent:#ef4444;--stat-accent-strong:#dc2626;--stat-border:color-mix(in srgb,var(--stat-accent) 35%,var(--border-color) 65%)}.stat-card.part4{--stat-accent:#6366f1;--stat-accent-strong:#4f46e5;--stat-border:color-mix(in srgb,var(--stat-accent) 35%,var(--border-color) 65%)}.stat-card.untagged{--stat-accent:#8b5cf6;--stat-accent-strong:#7c3aed;--stat-border:color-mix(in srgb,var(--stat-accent) 35%,var(--border-color) 65%)}.selected-indicator{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:color-mix(in srgb,var(--stat-accent) 14%,transparent);color:var(--stat-accent-strong);border:1px solid color-mix(in srgb,var(--stat-accent) 30%,transparent);border-radius:999px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:none}.stat-card.selected .stat-content{padding-right:22px}.stat-content{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;width:100%}.stat-chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--text-secondary) 82%,var(--stat-accent-strong) 18%);font-size:.86rem;font-weight:650;letter-spacing:0;text-transform:none;border:none;box-shadow:none;overflow:visible;white-space:nowrap}.stat-chip:before{content:"";position:static;width:6px;height:6px;border-radius:999px;background:var(--stat-accent);opacity:.9;flex:0 0 auto}.stat-chip svg{width:12px;height:12px;flex-shrink:0}.stat-metric{display:inline-flex;align-items:baseline;gap:7px;min-width:-moz-max-content;min-width:max-content}.stat-value{font-size:1.05rem;font-weight:700;line-height:1;letter-spacing:0;color:var(--text-primary);text-shadow:none}.stat-unit{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:0;text-transform:none}[data-theme=dark] .statistics-overview{background:transparent;border:none;box-shadow:none}[data-theme=dark] .statistics-overview:hover{box-shadow:none}[data-theme=dark] .statistics-overview:before{background:none;opacity:0}[data-theme=dark] .statistics-title svg{color:rgba(229,231,235,.85);box-shadow:none}[data-theme=dark] .statistics-title h3{color:rgba(248,250,252,.92)}[data-theme=dark] .total-count{background:#050505;border-color:rgba(148,163,184,.16);color:rgba(229,231,235,.88);box-shadow:none}[data-theme=dark] .count-number{color:#f1f5f9}[data-theme=dark] .stat-card{background:#050505;border:1px solid rgba(148,163,184,.16);box-shadow:none}[data-theme=dark] .stat-card.selected,[data-theme=dark] .stat-card:hover{background:color-mix(in srgb,var(--stat-accent) 7%,#050505);border-color:rgba(148,163,184,.24);box-shadow:none}[data-theme=dark] .stat-chip{background:transparent;color:rgba(203,213,225,.86);border-color:transparent;box-shadow:none}[data-theme=dark] .stat-chip:before{background:var(--stat-accent);opacity:.88}[data-theme=dark] .stat-value{color:rgba(249,250,251,.92)}[data-theme=dark] .stat-unit{color:rgba(148,163,184,.86)}@media (max-width:768px){.statistics-header{flex-direction:column;align-items:flex-start;gap:18px}.total-count{align-self:stretch;justify-content:center}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:18px;border-radius:16px;gap:12px}.stat-value{font-size:1.68rem}}@media (max-width:480px){.statistics-grid{grid-template-columns:1fr;gap:12px}.statistics-overview{padding:22px;margin-bottom:24px}}@media (max-width:768px){.test-list-page{padding:0 0 16px}.header{flex-direction:column;gap:16px;text-align:center;padding:0 4px}.header h1{font-size:2rem;order:2}.back-button{order:1;align-self:center}.header-actions{order:3;justify-content:center;flex-wrap:wrap}.test-card{flex-direction:column;gap:20px;text-align:center}.test-header{flex-direction:column;gap:12px}.question-types,.test-meta{text-align:left!important}.question-types{justify-content:flex-start!important}.pagination{flex-direction:column;gap:16px}.page-info.with-jump{flex-direction:column;align-items:stretch;width:100%;gap:10px}.page-info.with-jump .page-info-controls{width:100%;justify-content:center;gap:10px;flex-wrap:wrap}.page-info.with-jump .page-info-label{text-align:center}.page-info.with-jump .page-info-button,.page-info.with-jump .page-info-input{flex:1 1 120px;max-width:140px}.page-info.with-jump .page-info-status{text-align:center}.filters-header{flex-direction:column;gap:1rem;padding:1rem}.filters-title{justify-content:center}.filters-grid{padding:1rem}.question-types-grid{display:flex;flex-wrap:wrap;gap:.5rem}.active-filters{padding:1rem;margin-bottom:2.5rem}.active-filters-header,.active-filters-list{justify-content:center}.filter-pill{min-height:44px;padding:.5rem .75rem;flex:0 0 auto;max-width:200px}.filters-section{margin-bottom:2.5rem}.test-list{margin-top:1.5rem}.header{gap:12px}.search-button{font-size:14px;padding:10px 16px}}@media (max-width:480px){.filters-actions{width:100%;justify-content:center}.clear-filters-button{flex:1;justify-content:center}}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.theme-toggle-button:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.clear-search-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--error-color);color:white;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.clear-search-button:hover{background:#c53030;transform:translateY(-1px);box-shadow:var(--shadow-md)}.search-result-indicator{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);color:white;padding:12px 20px;border-radius:8px;margin-bottom:20px;box-shadow:var(--shadow-sm);max-width:1200px;margin-left:auto;margin-right:auto}.search-result-info{display:flex;align-items:center;gap:8px}.clear-search-link{background:rgba(255,255,255,.2);color:white;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.clear-search-link:hover{background:rgba(255,255,255,.3)}.success-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.success-dialog{background:var(--bg-card);border-radius:16px;border:2px solid var(--success-color);box-shadow:var(--shadow-lg);width:90%;max-width:400px;animation:slideIn .3s ease}.success-dialog-header{gap:12px;padding:20px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--success-color),#22c55e);border-top-left-radius:14px;border-top-right-radius:14px}.success-dialog-header,.success-icon{display:flex;align-items:center;color:white}.success-icon{flex-shrink:0;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.2);border-radius:50%}.success-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:white}.success-dialog-content{padding:24px;text-align:center}.success-dialog-content p{margin:0;color:var(--text-primary);font-size:16px;line-height:1.5;font-weight:500}.success-dialog-actions{display:flex;justify-content:center;padding:20px;border-top:1px solid var(--border-color)}.success-ok-button{background:linear-gradient(135deg,var(--success-color),#22c55e);color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:100px;justify-content:center;box-shadow:var(--shadow-sm)}.success-ok-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#22c55e,#16a34a)}.success-ok-button svg{width:16px;height:16px}@media (max-width:480px){.success-dialog{width:95%;max-width:none;margin:0 16px}.success-dialog-header{padding:16px}.success-dialog-content{padding:20px}.success-dialog-actions{padding:16px}.success-ok-button{width:100%;padding:14px}}.filter-pill.deleted-option{border-color:rgba(220,38,38,.3);background:linear-gradient(135deg,rgba(220,38,38,.03),rgba(153,27,27,.06))}.filter-pill.deleted-option:hover{border-color:rgba(220,38,38,.6);background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(153,27,27,.12))}.filter-pill.deleted-option.selected{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#dc2626;color:white;animation:pulse-red 2s infinite}.filter-pill.deleted-option .filter-pill-text{color:#dc2626;font-weight:600}.filter-pill.deleted-option.selected .filter-pill-text{color:white}@media (max-width:768px){.search-result-indicator{padding:10px 14px;flex-direction:column;align-items:flex-start;gap:8px}.search-result-info{width:100%}.clear-search-link{align-self:flex-end}}@media (max-width:480px){.statistics-overview{padding:16px;border-radius:12px}.filters-section{margin-bottom:20px;border-radius:12px}.active-filters{padding:12px;margin-bottom:16px;border-radius:12px}.search-result-indicator{padding:10px 12px;border-radius:10px}.test-card{padding:16px;gap:16px}.test-header{margin-bottom:12px}}