.testdaf-page-container{box-sizing:border-box;direction:ltr;background:#f4f2f2;flex-direction:row;gap:30px;padding:40px;display:flex}.testdaf-sidebar{direction:rtl;background:#fff;border-radius:24px;flex-shrink:0;width:300px;padding:25px;box-shadow:0 10px 30px #0000000d}.testdaf-main-content{flex:1;min-width:0}.testdaf-brand-link{line-height:0;text-decoration:none;display:block}.testdaf-brand-logo{width:auto;height:34px;display:block}.testdaf-sidebar-topbar{direction:ltr;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:20px;display:flex}.testdaf-sidebar-nav{flex-flow:wrap;flex-basis:100%;align-items:center;gap:6px;margin-top:14px;display:flex}.testdaf-menu-toggle{cursor:pointer;background:#f4f4f4;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:none}.testdaf-menu-toggle span{background:#2d3748;border-radius:2px;width:18px;height:2px;display:block}.testdaf-sidebar h3{color:#2d3748;text-align:right;margin:0 0 20px;font-size:17px;font-weight:700;line-height:1.6}.sidebar-link{color:#4a5568;text-align:left;white-space:nowrap;direction:ltr;background:0 0;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#2b6cb0;background:#f1f5f9}.sidebar-link.active{color:#2b6cb0;background:0 0}.sidebar-dot{border-radius:2px;flex:none;width:14px;height:14px;display:inline-block;transform:rotate(45deg)}.sidebar-dot.dot-red{background:#e31b23}.sidebar-dot.dot-navy{background:#1a237e}.sidebar-dot.dot-orange{background:#ff7a00}.sidebar-icon{justify-content:center;align-items:center;width:24px;min-width:24px;font-size:18px;display:inline-flex}.sidebar-text{display:inline-block}.testdaf-cards-grid{direction:ltr;grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.testdaf-card-ui{direction:rtl;background:#fff;border:1px solid #edf2f7;border-radius:24px;min-height:280px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.testdaf-card-ui.is-locked{background:#fff}.testdaf-card-ui.is-locked .card-front h3{color:#8291a6}.testdaf-card-ui.is-locked .primary-entry-btn{opacity:.8}.testdaf-status-badge{background:linear-gradient(135deg,#eaf2fb,#dbe8f7);border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;margin:0 auto 20px;display:flex}.testdaf-card-ui.is-locked .testdaf-status-badge{background:linear-gradient(135deg,#fdf1e0,#fbe4c2)}.testdaf-status-badge img{object-fit:contain;width:40px;height:40px}.testdaf-card-ui.is-untouched .testdaf-status-badge{filter:grayscale();background:#eef1f5}.testdaf-card-ui.is-complete .testdaf-status-badge{box-shadow:0 0 0 4px #22c55e}.card-front{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 30px;display:flex;position:relative}.card-front h3{color:#1a202c;margin:0 0 25px;font-size:24px;font-weight:700}.primary-entry-btn{color:#fff;cursor:pointer;background:#3182ce;border:none;border-radius:12px;padding:14px 40px;font-size:16px;font-weight:700;transition:all .3s}.primary-entry-btn:hover{background:#2b6cb0;transform:scale(1.05)}.card-selection-overlay{z-index:10;box-sizing:border-box;background:#f1f5f9;flex-direction:column;justify-content:center;padding:16px;display:none;position:absolute;inset:0}.testdaf-card-ui.show-options .card-selection-overlay{display:flex}.selection-header{text-align:center;direction:ltr;margin-top:-12px;margin-bottom:14px;position:relative}.selection-title{color:#2d3748;font-size:17px;font-weight:700;display:block}.close-selection-btn{cursor:pointer;color:#2d3748;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:0;left:0}.selection-body{direction:ltr;flex-direction:row;align-items:stretch;gap:10px;display:flex}.selection-grid{direction:ltr;flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.mode-btn{color:#fff;box-sizing:border-box;cursor:pointer;direction:ltr;background:#3182ce;border:none;border-radius:36px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.mode-btn:hover{background:#2b6cb0}.mode-btn img{object-fit:contain;flex-shrink:0;width:24px;height:24px}img[alt=Listening]{object-position:left center}.mode-btn span:not(.gep-skill-score){text-align:left;flex:1}.gep-skill-score{direction:ltr;background:#ffffff2e;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700}.selection-footer{direction:ltr;flex-direction:column-reverse;flex:1;justify-content:center;gap:8px;min-width:0;margin-top:0;display:flex}.footer-item{color:#fff;text-align:center;box-sizing:border-box;direction:ltr;border-radius:36px;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.footer-item.result-link{background:#ff6203}.footer-item.full-test-link{background:#16a34a}.gep-disabled-link{opacity:.65;cursor:not-allowed}.footer-icons{align-items:center;gap:4px;display:flex}.footer-icons img{object-fit:contain;filter:brightness(0)invert();width:10px;height:10px}.mode-popup{z-index:9999;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.mode-popup.active{display:flex}.mode-popup-dialog{background:#fff;border-radius:26px;width:min(1100px,100%);animation:.25s modePopupFade;position:relative;overflow:hidden;box-shadow:0 25px 60px #0003}@keyframes modePopupFade{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mode-popup-header{background:#fff;border-bottom:1px solid #edf2f7;justify-content:center;align-items:center;padding:22px 70px 18px;display:flex;position:relative}.mode-popup-title{color:#2d3748;text-align:center;margin:0;font-size:20px;font-weight:500}.mode-popup-close{color:#1f2937;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:36px;line-height:1;display:flex;position:absolute;top:14px;right:18px}.mode-popup-close:hover{color:#000}.mode-popup-content{background:#f8fafc;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;padding:24px;display:grid}.mode-option-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:28px;flex-direction:column;min-width:0;min-height:360px;padding:24px 24px 60px;display:flex;position:relative;box-shadow:0 8px 24px #0f172a0f}.mode-option-head{margin-bottom:12px}.mode-option-title{color:#1f2937;text-align:right;margin:0;font-size:22px;font-weight:800}.mode-option-body{direction:ltr;flex:1;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:20px;min-width:0;display:grid}.mode-option-visual{justify-content:center;align-items:center;padding:0;display:flex}.mode-option-icon{-webkit-user-select:none;user-select:none;border-radius:24px;justify-content:center;align-items:center;width:140px;height:140px;font-size:82px;display:flex;overflow:hidden}.mode-option-icon img{object-fit:contain;width:72%;height:72%;display:block}.mode-option-icon.exam{color:#0f766e;background:linear-gradient(#fff 0%,#f0fdfa 100%)}.mode-option-icon.practice{color:#ef4444;background:linear-gradient(#fff7ed 0%,#fff1f2 100%)}.mode-option-text{text-align:right;direction:rtl;min-width:0}.mode-option-text p{color:#374151;word-break:normal;overflow-wrap:break-word;margin:0 0 10px;font-size:15px;line-height:1.9}.mode-option-text ul{color:#374151;margin:0;padding-right:18px;font-size:15px;line-height:1.9}.mode-option-text li{overflow-wrap:break-word;margin-bottom:4px}.mode-action-btn{cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:18px;padding:18px 20px;font-size:18px;font-weight:800;transition:all .2s}.mode-action-btn:hover{transform:translateY(-1px)}.mode-action-btn.exam{color:#fff;background:#0f766e}.mode-action-btn.exam:hover{background:#0b5f59}.gep-view-result-link{text-align:center;color:#0f766e;cursor:pointer;font-size:13.5px;text-decoration:underline;position:absolute;bottom:20px;left:24px;right:24px}.gep-view-result-link:hover{color:#0b5f59}.mode-action-btn.practice{color:#d97706;background:#fef3c7}.mode-action-btn.practice:hover{background:#fde68a}@media (max-width:1100px){.testdaf-page-container{flex-direction:column;padding:20px}.testdaf-sidebar{order:1;width:100%}.testdaf-menu-toggle{display:flex}.testdaf-sidebar-nav{flex-direction:column;display:none}.testdaf-sidebar-nav.open{display:flex}.testdaf-main-content{order:2}.testdaf-cards-grid,.mode-popup-content{grid-template-columns:1fr}.mode-option-body{grid-template-columns:1fr;gap:18px}.mode-option-visual{order:1;align-items:center}.mode-option-text{order:2}.gep-view-result-link{margin-top:10px;position:static}}@media (max-width:640px){.mode-popup{padding:12px}.mode-popup-header{padding:18px 54px 14px}.mode-popup-title{font-size:18px}.mode-popup-content{gap:18px;padding:16px}.mode-option-card{border-radius:22px;min-height:auto;padding:18px}.mode-option-title{font-size:20px}.mode-option-icon{width:120px;height:120px;font-size:68px}.mode-option-text p,.mode-option-text ul{font-size:14px;line-height:1.8}.mode-action-btn{padding:16px;font-size:16px}}@media (max-width:768px){.mode-popup-dialog{max-height:94vh;overflow-y:auto}.mode-popup-header{z-index:2;position:sticky;top:0}.mode-popup{padding:8px}.mode-popup-header{padding:12px 42px 10px}.mode-popup-title{font-size:15px}.mode-popup-content{gap:10px;padding:10px}.mode-option-card{border-radius:16px;min-height:auto;padding:12px}.mode-option-head{margin-bottom:6px}.mode-option-title{font-size:15px}.mode-option-body{grid-template-columns:44px minmax(0,1fr);align-items:flex-start;gap:10px}.mode-option-icon{border-radius:12px;width:44px;height:44px;font-size:24px}.mode-option-text p{margin:0;font-size:12px;line-height:1.5}.mode-option-text ul{display:none}.mode-action-btn{white-space:normal;margin-top:8px;padding:10px;font-size:13px;line-height:1.4}.gep-view-result-link{font-size:11px}.mode-popup-reset-row{padding:0 10px 12px!important}.mode-reset-btn{padding:9px 14px!important;font-size:12.5px!important}}.testdaf-reset-row{text-align:center;padding:0 16px 20px}.testdaf-reset-btn{color:#dc2626;cursor:pointer;background:#fff;border:1.5px solid #dc2626;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:700}.mode-popup-dialog.testdaf-results-dialog{width:min(420px,100%)}.testdaf-results-body{flex-direction:column;gap:10px;padding:24px;display:flex}.testdaf-result-row{direction:ltr;background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.testdaf-result-label{color:#2d3748;font-weight:700}.testdaf-result-right{align-items:center;gap:14px;display:flex}.testdaf-result-value{color:#53a7d6;text-align:left;min-width:20px;font-weight:700}.testdaf-result-tdn{color:#718096;font-weight:500}.testdaf-results-loading{text-align:center;color:#888;margin:10px 0}.testdaf-result-full{color:#1f4e80;font-size:13px;font-weight:600;text-decoration:none}.testdaf-result-practice{color:#a0aec0;font-size:13px;text-decoration:none}