.history-table{border-collapse:separate;border-spacing:0 8px;width:100%}.history-table thead{color:#fff;background:linear-gradient(90deg,#eec0a3,#d9a684)}.history-table tbody tr{background-color:#fff;transition:all .25s}.history-table tbody tr:hover{transform:scale(1.01);box-shadow:0 6px 18px #0000000f}.history-table td,.history-table th{text-align:left;border:none;padding:14px 20px}.status-finished{color:#166534;background-color:#dcfce7;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600}.status-pending{color:#854d0e;background-color:#fef9c3;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600}
:root{--tryout-primary:#eec0a3;--tryout-primary-dark:#d9a684;--tryout-primary-darker:#c68b65;--tryout-text-strong:#4b2f1f;--tryout-text-muted:#7a5b46}.layout-tryout{background-color:#f6f4f2;min-height:100vh;padding-bottom:4rem}.tryout-wrapper{text-align:center;padding:40px}.tryout-hero{border-radius:32px;width:min(92%,600px);margin-top:30px;margin-left:auto;margin-right:auto;padding:clamp(2.5rem,4.5vw,3.5rem) clamp(1.5rem,3.5vw,3rem);position:relative;overflow:hidden;box-shadow:0 25px 60px #4b2f1f2e}.tryout-hero:after{content:"";opacity:.8;pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff59,#0000 55%);position:absolute;inset:0}.hero-tag{letter-spacing:.08em;text-transform:uppercase;background:#fff6;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:.75rem;font-size:clamp(2rem,3.4vw,2.7rem);font-weight:700;line-height:1.25}.hero-subtitle{opacity:.92;max-width:460px;margin:.4rem auto 0;font-size:.95rem}.tryout-heading{color:var(--tryout-text-strong);margin-bottom:32px;font-size:1.8rem;font-weight:700}.tryout-batch-container{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.batch-card{background:#fff;border-radius:16px;width:280px;padding:24px;transition:all .3s;box-shadow:0 4px 16px #00000014}.batch-card.locked{opacity:.6;cursor:not-allowed}.batch-content h2{color:var(--tryout-text-strong);margin-bottom:8px;font-size:1.2rem}.batch-date{color:#555;margin-bottom:12px;font-size:.9rem}.status-badge{border-radius:12px;margin-bottom:16px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.available-badge{background-color:var(--tryout-primary);color:var(--tryout-text-strong)}.locked-badge{color:#b71c1c;background-color:#fce8e6}.start-button{background-color:var(--tryout-primary);color:var(--tryout-text-strong);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .3s;display:inline-flex}.start-button:hover{background-color:var(--tryout-primary-dark)}.start-button.disabled{color:#666;cursor:not-allowed;background-color:#ccc}.subtest-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:20px;display:grid}.subtest-card{text-align:left;background:#fff;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 4px 16px #00000014}.subtest-card h2{color:var(--tryout-text-strong);margin-bottom:10px;font-size:1.1rem}.subtest-card p{color:#444;margin-bottom:6px;font-size:.9rem}.subtest-rule{color:#777;margin-top:4px;margin-bottom:12px;font-size:.8rem}.batch-detail-wrapper{text-align:center;padding:2rem}.subtest-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.subtest-card{cursor:pointer;background:#fff;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000014}.subtest-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.subtest-card h3{color:var(--tryout-text-strong);font-size:1.1rem;font-weight:600}.subtest-card p{color:#666;margin-top:.4rem;font-size:.9rem}.timer-container{text-align:right;padding:.5rem 0}.timer-value{letter-spacing:.08em;color:var(--tryout-text-strong);font-size:1.6rem;font-weight:700}.tryout-question-wrapper{background-color:#fafafa;justify-content:center;min-height:100vh;padding:2rem 4rem;display:flex}.question-page{flex-flow:wrap;align-items:flex-start;gap:2rem;width:100%;max-width:1200px;display:flex}.question-left{flex:540px;min-width:280px}.question-card{background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:2rem 2.5rem;display:flex;box-shadow:0 3px 12px #00000014}.question-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.question-section-title{color:var(--tryout-text-strong);font-size:1.2rem;font-weight:700}.question-subtest-title{color:var(--tryout-text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.question-number{margin-top:.5rem;font-weight:600}.timer-container{text-align:right}.timer-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem}.timer-value{color:#0f172a;font-size:1.8rem;font-weight:700}.question-body{margin-bottom:1.5rem}.question-text{color:#1e293b;text-align:justify;margin-bottom:1.2rem;font-size:1rem;line-height:1.6}.question-options{flex-direction:column;gap:.6rem;display:flex}.question-option{text-align:left;color:var(--tryout-text-strong);background-color:#fff9f4;border:1px solid #f1d7c8;border-radius:8px;padding:.8rem 1rem;font-size:.95rem;transition:all .2s}.question-option:hover{border-color:var(--tryout-primary-dark);background-color:#fff2ea}.question-option.selected{border-color:var(--tryout-primary-darker);color:var(--tryout-text-strong);background-color:#fde7d8;font-weight:600}.opt-key{margin-right:.3rem;font-weight:600}.question-footer{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.footer-btn{cursor:pointer;background-color:#e2e8f0;border:none;border-radius:8px;padding:.7rem 1.2rem;font-weight:600;transition:all .2s}.footer-btn:hover{background-color:#cbd5e1}.footer-btn.primary{background-color:var(--tryout-primary);color:var(--tryout-text-strong)}.footer-btn.primary:hover{background-color:var(--tryout-primary-dark)}.question-right{flex:260px;width:100%;min-width:240px}.nav-card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem 1.8rem;display:flex;box-shadow:0 3px 12px #00000014}.nav-card h3{color:var(--tryout-text-strong);font-size:1.1rem;font-weight:700}.nav-subtitle{color:#94a3b8;margin-bottom:1.2rem;font-size:.85rem}.nav-grid{grid-template-columns:repeat(5,2.2rem);gap:.5rem;margin-bottom:1rem;display:grid}.nav-number{color:#1e293b;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:6px;width:2.2rem;height:2.2rem;font-weight:600;transition:all .2s}.nav-number:hover{background-color:#cbd5e1}.nav-number.active{background-color:var(--tryout-primary);color:var(--tryout-text-strong)}.nav-number.answered{color:#3f6212;background-color:#d9f99d}.nav-legend{color:#64748b;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:.6rem;font-size:.8rem;display:flex}.legend-box{border-radius:3px;width:.9rem;height:.9rem;margin-right:.3rem;display:inline-block}.legend-box.active{background-color:var(--tryout-primary)}.legend-box.answered{background-color:#d9f99d}.legend-box.idle{background-color:#e2e8f0}.batch-card.available{transition:transform .25s,box-shadow .25s}.batch-card.available:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1437661f}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tryout-wrapper,.history-table{animation:.5s forwards fadeIn}@media (max-width:1024px){.tryout-wrapper{padding:32px 20px}.tryout-batch-container{flex-direction:column;align-items:center}.batch-card{width:100%;max-width:420px}.tryout-question-wrapper{padding:1.5rem}.question-page{flex-direction:column}.question-left,.question-right{flex:unset;width:100%}.question-right{margin-top:1.5rem}.question-footer{gap:1rem}}@media (max-width:640px){.layout-tryout{transform-origin:top;padding-bottom:2.5rem;overflow-x:hidden;transform:scale(.95)}.tryout-hero{border-radius:28px;margin:0 12px 24px;padding:2.5rem 1rem!important}.hero-title{font-size:2rem}.hero-subtitle{font-size:.9rem}.hero-tag{font-size:.72rem}.tryout-wrapper{padding:24px 12px}.tryout-question-wrapper{padding:1rem .75rem}.question-page{max-width:480px;margin:0 auto}.tryout-heading{font-size:1.4rem}.tryout-batch-container{gap:16px}.batch-card{width:240px;padding:18px}.start-button{padding:8px 12px;font-size:.9rem}.question-card{padding:1.5rem}.question-card-header{flex-direction:column;gap:1rem}.question-footer{flex-direction:column;align-items:stretch}.question-footer .footer-btn,.question-footer .footer-btn.primary{width:100%}.question-current{text-align:center;width:100%}.nav-grid{grid-template-columns:repeat(4,2.4rem)}.subtest-card{padding:1.2rem}.question-right{min-width:100%}.nav-card{width:100%}}@media (max-width:768px){.tryout-question-wrapper{padding:1.2rem}.question-page{gap:1.25rem}.question-card{padding:1.25rem}.question-right{width:100%}.nav-grid{grid-template-columns:repeat(5,minmax(36px,1fr))}}