.error-tracking-login{min-height:100vh;background:#1e2530;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.error-tracking-login .et-login-box{background:#2a3240;border-radius:20px;padding:40px;width:100%;max-width:500px;text-align:center;box-sizing:border-box}.error-tracking-login .logo-section{margin-bottom:0;display:block}.error-tracking-login .logo-section .logo{width:100px;height:100px;object-fit:contain;display:block;margin:0 auto}.error-tracking-login .title{color:#f9a825;font-size:24px;margin:0 0 10px;display:block}.error-tracking-login .subtitle{color:#888;font-size:14px;margin:0 0 30px;display:block}.error-tracking-login .error-message{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;display:block}.error-tracking-login .login-form{display:flex;flex-direction:column;gap:20px;width:100%}.error-tracking-login .login-form .form-group{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%}.error-tracking-login .login-form label{color:#888;font-size:14px;display:block}.error-tracking-login .id-input{width:100%;padding:15px 20px;background:#3a4554;border:2px solid transparent;border-radius:12px;color:#fff;font-size:24px;text-align:center;font-family:monospace;font-weight:700;letter-spacing:8px;transition:all .3s ease;box-sizing:border-box}.error-tracking-login .id-input:focus{outline:none;border-color:#f9a825}.error-tracking-login .id-input::placeholder{color:#666;letter-spacing:8px}.error-tracking-login .login-button{width:100%;padding:15px 30px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.error-tracking-login .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #27ae6066}.error-tracking-login .login-button:disabled{opacity:.7;cursor:not-allowed}.error-tracking-login .footer-info{margin-top:30px;color:#666;font-size:12px}.error-tracking-login .footer-info p{margin:0}.error-tracking-login .et-login-box.logged-in{max-width:550px}.error-tracking-login .user-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:25px;margin-bottom:20px}.error-tracking-login .user-id-badge{font-size:32px;font-weight:700;color:#fff;font-family:monospace;letter-spacing:3px;margin-bottom:10px}.error-tracking-login .user-name-display{font-size:20px;font-weight:600;color:#fff;margin-bottom:5px}.error-tracking-login .user-phone{font-size:14px;color:#fffc}.error-tracking-login .time-info-section{background:#3a4554;border-radius:12px;padding:15px 20px;margin-bottom:20px}.error-tracking-login .daily-time-info,.error-tracking-login .course-date-info{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #4a5568}.error-tracking-login .daily-time-info:last-child,.error-tracking-login .course-date-info:last-child{border-bottom:none}.error-tracking-login .time-label{color:#888;font-size:14px}.error-tracking-login .time-value{color:#fff;font-size:16px;font-weight:600}.error-tracking-login .countdown-display{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:12px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-tracking-login .countdown-label{color:#fff;font-size:14px}.error-tracking-login .countdown-value{color:#fff;font-size:28px;font-weight:700;font-family:monospace}.error-tracking-login .time-blocked{background:#e74c3c33;border:2px solid #e74c3c;border-radius:12px;padding:15px 20px;margin-bottom:20px;color:#e74c3c;font-size:16px;font-weight:600}.error-tracking-login .wrong-count-info{background:#e74c3c1a;border:1px solid #e74c3c;border-radius:10px;padding:12px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;color:#e74c3c}.error-tracking-login .wrong-count-badge{font-size:18px;font-weight:700}.error-tracking-login .action-buttons{display:flex;flex-direction:column;gap:15px}.error-tracking-login .continue-button{width:100%;padding:15px 30px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.error-tracking-login .continue-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 5px 20px #27ae6066}.error-tracking-login .continue-button.disabled{background:#3a4554;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.error-tracking-login .logout-button{width:100%;padding:12px 30px;background:transparent;border:2px solid #3a4554;border-radius:12px;color:#888;font-size:14px;cursor:pointer;transition:all .3s ease}.error-tracking-login .logout-button:hover{border-color:#e74c3c;color:#e74c3c}.error-tracking-login .text-input{width:100%;padding:14px 16px;background:#3a4554;border:2px solid transparent;border-radius:10px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.error-tracking-login .text-input:focus{outline:none;border-color:#f9a825}.error-tracking-login .text-input::placeholder{color:#666}.error-tracking-login .mobile-form{gap:16px}.error-tracking-login .mobile-form .form-group{gap:6px}.error-tracking-login .switch-login-btn{width:100%;padding:12px 20px;background:transparent;border:2px solid #3a4554;border-radius:10px;color:#888;font-size:14px;cursor:pointer;transition:all .3s ease;margin-top:5px}.error-tracking-login .switch-login-btn:hover{border-color:#f9a825;color:#f9a825}@media (max-width: 768px){.error-tracking-login{padding:15px}.error-tracking-login .et-login-box{padding:25px 20px;border-radius:16px}.error-tracking-login .title{font-size:20px}.error-tracking-login .subtitle{font-size:13px;margin-bottom:20px}.error-tracking-login .login-button{padding:14px 24px;font-size:16px}.error-tracking-login .footer-info{margin-top:20px}}@media (max-width: 480px){.error-tracking-login .et-login-box{padding:20px 15px}.error-tracking-login .title{font-size:18px}.error-tracking-login .id-input{font-size:20px;letter-spacing:5px;padding:12px 15px}.error-tracking-login .text-input{padding:12px 14px;font-size:15px}.error-tracking-login .login-form label{font-size:13px}.error-tracking-login .user-id-badge{font-size:24px}.error-tracking-login .countdown-value{font-size:22px}}.error-tracking-login .session-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.error-tracking-login .session-modal{background:#2a3240;border-radius:12px;padding:30px;max-width:440px;width:90%;box-shadow:0 10px 40px #0000004d}.error-tracking-login .session-modal h3{color:#e74c3c;margin-bottom:20px;font-size:18px;text-align:center}.error-tracking-login .session-info{background:#3a4554;border-radius:8px;padding:15px;margin-bottom:15px}.error-tracking-login .session-info p{margin:6px 0;font-size:14px;color:#ccc;word-break:break-all}.error-tracking-login .session-warning{color:#e67e22;font-size:14px;text-align:center;margin-bottom:20px}.error-tracking-login .session-modal-buttons{display:flex;flex-direction:column;gap:10px}.error-tracking-login .btn-confirm{width:100%;padding:12px;font-size:16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.error-tracking-login .btn-confirm:hover{background:#c0392b}.error-tracking-login .btn-confirm:disabled{background:#555;cursor:not-allowed}.error-tracking-login .btn-cancel{width:100%;padding:12px;font-size:16px;background:#3a4554;color:#ccc;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.error-tracking-login .btn-cancel:hover{background:#4a5568}.timer-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timer-modal-content{background:#2a3240;border-radius:15px;width:480px;max-width:95%;box-shadow:0 20px 60px #00000080;border:2px solid #3a4554;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.timer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #3a4554}.timer-modal-header h3{margin:0;color:#f9a825;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.timer-modal-close{background:#e74c3c;color:#fff;border:none;width:32px;height:32px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.timer-modal-body{padding:25px}.settings-section{margin-bottom:10px}.settings-section-title{color:#f9a825;font-size:16px;font-weight:600;margin:0 0 8px;text-align:center}.settings-divider{height:2px;background:linear-gradient(90deg,transparent,#3a4554,transparent);margin:20px 0}.timer-description{color:#aaa;font-size:14px;margin:0 0 15px;text-align:center}.language-preset-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.language-preset-btn{padding:10px 16px;background:#3a4554;border:2px solid #4a5568;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.language-preset-btn:hover{background:#4a5568;border-color:#27ae60}.language-preset-btn.active{background:#27ae60;color:#fff;border-color:#27ae60}.timer-preset-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.timer-preset-btn{padding:10px 18px;background:#3a4554;border:2px solid #4a5568;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.timer-preset-btn:hover{background:#4a5568;border-color:#f9a825}.timer-preset-btn.active{background:#f9a825;color:#000;border-color:#f9a825}.timer-slider-section{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:#3a4554;border-radius:12px;margin-bottom:20px}.timer-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:#4a5568;border-radius:4px;outline:none}.timer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#f9a825;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f9a82566}.timer-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #f9a82599}.timer-slider::-moz-range-thumb{width:24px;height:24px;background:#f9a825;border-radius:50%;cursor:pointer;border:none}.timer-value{display:flex;align-items:baseline;gap:5px}.timer-value-number{font-size:36px;font-weight:700;color:#f9a825}.timer-value-unit{font-size:16px;color:#aaa}.timer-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f9a8251a;border-radius:8px;border:1px solid rgba(249,168,37,.3)}.timer-info-icon{font-size:16px}.timer-info span:last-child{color:#f9a825;font-size:14px;font-weight:500}.timer-modal-footer{padding:20px 25px;border-top:2px solid #3a4554;display:flex;justify-content:center}.timer-save-btn{padding:12px 40px;background:#28a745;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.timer-save-btn:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}@media (max-width: 480px){.timer-modal-content{width:95%}.timer-preset-buttons{flex-wrap:wrap}.timer-preset-btn{padding:8px 14px;font-size:13px}.language-preset-btn{padding:8px 12px;font-size:12px}.timer-value-number{font-size:28px}.settings-section-title{font-size:14px}}.error-tracking-selection{min-height:100vh;background:#1e2530;display:flex;flex-direction:column}.mobile-menu-btn{display:none;width:44px;height:44px;background:#3a4554;border:2px solid #4a5568;border-radius:10px;color:#fff!important;font-size:26px;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:center}.mobile-menu-btn svg{color:#fff!important;stroke:#fff!important}.mobile-menu-btn:hover{background:#4a5568;border-color:#f9a825}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.mobile-sidebar{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#2a3240;z-index:999;transition:right .3s ease;box-shadow:-5px 0 20px #0000004d;display:flex;flex-direction:column}.mobile-sidebar.active{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #3a4554}.sidebar-header span{color:#f9a825;font-size:20px;font-weight:700}.sidebar-close{width:36px;height:36px;background:#3a4554;border:none;border-radius:8px;color:#fff!important;font-size:22px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-close svg{color:#fff!important;stroke:#fff!important}.sidebar-close:hover{background:#e74c3c}.sidebar-content{flex:1;padding:15px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.sidebar-btn{width:100%;padding:15px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:10px}.sidebar-btn svg{color:inherit!important;stroke:currentColor!important;flex-shrink:0}.sidebar-btn.timer{background:#3a4554;color:#fff}.sidebar-btn.topic{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.sidebar-btn.yol{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.sidebar-btn.konkurs{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.sidebar-btn.yodlash{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#1e2530}.sidebar-btn.history{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.sidebar-btn.logout{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c;margin-top:auto}.sidebar-btn:hover{transform:translate(-5px);box-shadow:5px 0 15px #0003}.et-header{background:#2a3240;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3a4554}.user-info{display:flex;align-items:center;gap:15px}.user-id{background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 15px;border-radius:8px;color:#fff;font-weight:700;font-family:monospace;font-size:14px}.logout-btn{padding:10px 20px;background:#e74c3c33;border:1px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:14px;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#e74c3c;color:#fff}.timer-settings-btn{width:44px;height:44px;background:#3a4554;border:2px solid #4a5568;border-radius:10px;font-size:22px;color:#fff!important;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.timer-settings-btn svg{color:#fff!important;stroke:#fff!important}.timer-settings-btn:hover{background:#4a5568;border-color:#f9a825;transform:translateY(-2px)}.selection-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.error-tracking-selection .selection-box{background:#3a4554;padding:40px;border-radius:15px;width:100%;max-width:700px;box-shadow:0 10px 40px #0006}.error-tracking-selection .center{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.error-tracking-selection .background-logo{width:120px;height:120px;object-fit:contain;border:3px solid #27ae60;border-radius:50%;padding:15px;background:#fff}.error-tracking-selection .main-title{color:#fff;font-size:24px;text-align:center;margin:0 0 30px;font-weight:600}.error-tracking-selection .error-message{background:#e74c3c;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.time-countdown{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:12px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.countdown-label{color:#fff;font-size:14px;font-weight:500}.countdown-time{font-size:24px;font-weight:700;color:#fff;font-family:monospace}.time-blocked-message{background:#e74c3c33;border:2px solid #e74c3c;border-radius:12px;padding:15px 20px;margin-bottom:20px;text-align:center;color:#e74c3c;font-weight:600;font-size:16px}.header-actions{display:flex;gap:10px}.history-btn{padding:10px 20px;background:#667eea33;border:1px solid #667eea;border-radius:8px;color:#667eea;font-size:14px;cursor:pointer;transition:all .3s ease}.history-btn:hover{background:#667eea;color:#fff}.yodlash-btn{padding:10px 20px;background:linear-gradient(135deg,#f39c12,#f1c40f);border:none;border-radius:8px;color:#1e2530;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.yodlash-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f39c1266}.konkurs-btn{padding:10px 20px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.konkurs-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #27ae6066}.topic-test-btn{padding:10px 20px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.topic-test-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #9b59b666}.yol-belgilari-btn{padding:10px 20px;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.yol-belgilari-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f39c1266}.saved-questions-section{background:#2a3240;border-radius:12px;padding:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.saved-info{display:flex;flex-direction:column;gap:5px}.saved-label{color:#888;font-size:14px}.saved-count{font-size:24px;font-weight:700;color:#888}.saved-count.has-saved{color:#667eea}.saved-test-btn{padding:15px 25px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.saved-test-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.saved-test-btn.disabled{background:#3a4554;color:#666;cursor:not-allowed}.exam-section{margin-bottom:20px}.exam-test-btn{width:100%;padding:15px 25px;background:linear-gradient(135deg,#f39c12,#f1c40f);border:none;border-radius:10px;color:#1e2530;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.exam-test-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #f39c1266}.exam-test-btn:disabled{opacity:.7;cursor:not-allowed}.start-button.disabled{background:#3a4554!important;color:#666!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.wrong-questions-section{background:#2a3240;border-radius:12px;padding:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.wrong-info{display:flex;flex-direction:column;gap:5px}.wrong-label{color:#888;font-size:14px}.wrong-count{font-size:24px;font-weight:700;color:#888}.wrong-count.has-errors{color:#e74c3c}.wrong-test-btn{padding:15px 25px;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.wrong-test-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 5px 20px #e74c3c66}.wrong-test-btn.disabled{background:#3a4554;color:#666;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:25px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px dashed #555}.divider span{padding:0 15px;color:#666;font-size:12px;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:6px;margin-bottom:20px}.error-tracking-selection .form-field{margin-bottom:20px}.error-tracking-selection .form-field label{display:block;color:#ccc;margin-bottom:8px;font-size:14px;font-weight:500}.error-tracking-selection .language-buttons{display:flex;gap:10px;flex-wrap:wrap}.error-tracking-selection .lang-btn{flex:1;min-width:120px;padding:12px 20px;background:transparent;border:2px solid #555;border-radius:8px;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.error-tracking-selection .lang-btn:hover{border-color:#f9a825;color:#ccc;background:#f9a8251a}.error-tracking-selection .lang-btn.active{background:#f9a825;color:#000;border-color:#f9a825;font-weight:600}.error-tracking-selection .dropdown{width:100%;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.error-tracking-selection .dropdown:focus{outline:none;border-color:#f9a825;background:#556070}.error-tracking-selection .dropdown option{background:#2a3240;color:#fff}.error-tracking-selection .start-button{width:100%;padding:15px;background:#1faa5c;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;margin:30px 0 20px;transition:all .3s ease}.error-tracking-selection .start-button:hover{background:#18944e;transform:translateY(-2px);box-shadow:0 5px 15px #1faa5c66}.error-tracking-selection .footer-text{text-align:center;color:#999;font-size:12px;line-height:1.6;margin-top:20px}.error-tracking-selection .footer-text p{margin:5px 0}.loading-text{font-size:18px;color:#ccc;text-align:center}.loading-text small{color:#888}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.password-modal{background:#2a3240;border-radius:15px;padding:30px;max-width:400px;width:90%;text-align:center}.modal-content.password-modal h3{color:#f9a825;font-size:20px;margin-bottom:10px}.modal-content.password-modal p{color:#ccc;font-size:14px;margin-bottom:20px}.password-input{width:100%;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;color:#fff;font-size:16px;outline:none;box-sizing:border-box;transition:border-color .3s ease}.password-input:focus{border-color:#f9a825}.password-input::-webkit-credentials-auto-fill-button{display:none!important}.password-error{color:#ff5252;font-size:13px;margin-top:8px;text-align:left}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn-primary{flex:1;padding:12px;background:#1faa5c;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.modal-actions .btn-primary:hover{background:#18944e}.modal-actions .btn-primary:disabled{background:#3a4554;cursor:not-allowed}.modal-actions .btn-secondary{flex:1;padding:12px;background:#4a5568;color:#ccc;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease}.modal-actions .btn-secondary:hover{background:#556070}@media (max-width: 768px){.et-header{flex-direction:row;gap:15px;text-align:center;padding:10px 15px}.user-info{flex-direction:column;gap:5px}.user-name{display:none}.mobile-menu-btn{display:flex}.header-actions{display:none}.error-tracking-selection .selection-box{padding:25px}.error-tracking-selection .main-title{font-size:20px}.wrong-questions-section{flex-direction:column;text-align:center}.wrong-test-btn{width:100%}.form-grid{grid-template-columns:1fr}.error-tracking-selection .language-buttons{flex-direction:row}.error-tracking-selection .lang-btn{min-width:auto}}.font-size-control{display:flex;align-items:center;gap:4px;flex-shrink:0}.font-size-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#4a5568;border:2px solid #555;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.font-size-btn:hover:not(:disabled){background:#556070;border-color:#f9a825}.font-size-btn:disabled{opacity:.4;cursor:not-allowed}.font-size-btn.increase{font-size:16px}.font-size-btn.decrease{font-size:12px}.error-tracking-test{min-height:100vh;background:#1e2530;display:flex;flex-direction:column}.error-tracking-test .test-header{background:#2a3240;border-bottom:2px solid #333;padding:15px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.error-tracking-test .nav-left{display:flex;align-items:center;gap:15px}.error-tracking-test .logo{display:flex;align-items:center;gap:10px;color:#f9a825;font-size:18px;font-weight:600}.error-tracking-test .template-info{background:#ffffff26;padding:8px 16px;border-radius:8px;color:#f9a825;font-size:14px;font-weight:600}.error-tracking-test .nav-center{display:flex;align-items:center;gap:15px}.error-tracking-test .exit-test-btn{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-test .exit-test-btn:hover{background:#c0392b}.error-tracking-test .finish-test-btn{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-test .finish-test-btn:hover{background:#229954}.error-tracking-test .finish-test-btn:disabled{background:#666;cursor:not-allowed}.error-tracking-test .nav-right{display:flex;align-items:center;gap:20px;color:#fff;font-size:18px}.error-tracking-test .question-counter{background:#333;padding:8px 20px;border-radius:5px;font-weight:600}.error-tracking-test .timer{background:#1faa5c;padding:8px 20px;border-radius:5px;font-weight:600}.error-tracking-test .question-container{flex:1;width:95%;margin:30px auto 140px;background:#3a4554;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0006}.error-tracking-test .question-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.error-tracking-test .question-text{flex:1;font-size:var(--question-font-size, 22px);font-weight:700;line-height:1.6;color:#fff}.error-tracking-test .template-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;margin-right:10px;margin-bottom:6px;vertical-align:middle}.error-tracking-test .detail-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-test .detail-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.error-tracking-test .question-actions{display:flex;gap:10px}.error-tracking-test .save-btn{padding:12px 24px;background:linear-gradient(135deg,#f39c12,#f1c40f);color:#1e2530;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-test .save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #f39c1299}.error-tracking-test .save-btn:disabled{cursor:not-allowed;opacity:.7}.error-tracking-test .save-btn.saved{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.error-tracking-test .page-btn.saved{border:2px solid #f39c12!important}.error-tracking-test .content-row{display:flex;gap:30px;margin-top:30px}.error-tracking-test .question-image-section{flex:0 0 65%;text-align:center;cursor:pointer;order:2}.error-tracking-test .question-image-section img{width:100%;max-height:500px;object-fit:contain;border-radius:10px;box-shadow:0 5px 15px #0003;transition:transform .3s ease}.error-tracking-test .question-image-section:hover img{transform:scale(1.02)}.error-tracking-test .image-hint{margin-top:10px;color:#aaa;font-size:14px;font-style:italic}.error-tracking-test .question-image-section.no-image{display:flex;align-items:center;justify-content:center;cursor:default}.error-tracking-test .no-image-placeholder{background:#2a3240;border:2px dashed #555;border-radius:10px;padding:60px 40px;width:100%}.error-tracking-test .no-image-placeholder p{color:#999;font-size:16px;font-style:italic;margin:0;text-align:center}.error-tracking-test .answers-section{flex:1;order:1}.error-tracking-test .content-row.internal-layout .question-image-section{flex:0 0 50%}.error-tracking-test .content-row.internal-layout .answers-section{flex:0 0 calc(50% - 30px)}.error-tracking-test .answers-grid{display:grid;gap:10px}.error-tracking-test .answer-option{display:flex;align-items:center;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;color:#fff;min-height:50px}.error-tracking-test .answer-option:hover:not(:disabled){background:#556070;border-color:#f9a825;transform:translate(3px)}.error-tracking-test .answer-option:disabled{cursor:not-allowed;opacity:.7}.error-tracking-test .answer-option.correct{background:#1b5e3f;border-color:#1faa5c}.error-tracking-test .answer-option.incorrect{background:#5e2a2a;border-color:#dc3545}.error-tracking-test .answer-label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f9a825;color:#000;border-radius:50%;font-weight:700;font-size:16px;margin-right:12px;flex-shrink:0}.error-tracking-test .answer-text{flex:1;font-size:var(--answer-font-size, 15px);line-height:1.4;color:#fff}.error-tracking-test .feedback{margin-top:20px;padding:20px;border-radius:10px;font-size:24px;font-weight:700;text-align:center}.error-tracking-test .feedback.correct{background:#1b5e3f;color:#1faa5c}.error-tracking-test .feedback.incorrect{background:#5e2a2a;color:#ff6b6b}.error-tracking-test .question-pagination{position:fixed;bottom:0;left:0;right:0;width:100%;background:#2a3240;border-top:2px solid #555;padding:12px 20px;z-index:100;box-sizing:border-box;display:flex;justify-content:center}.error-tracking-test .pagination-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:6px;max-width:1200px;width:100%}.error-tracking-test .question-pagination.test-random50 .pagination-grid,.error-tracking-test .question-pagination.test-50 .pagination-grid{grid-template-columns:repeat(25,1fr);gap:4px}.error-tracking-test .question-pagination.test-random50 .page-btn,.error-tracking-test .question-pagination.test-50 .page-btn{min-width:32px;height:32px;font-size:12px;padding:2px}.error-tracking-test .question-pagination.test-random100 .pagination-grid,.error-tracking-test .question-pagination.test-100 .pagination-grid,.error-tracking-test .question-pagination.test-imageless100 .pagination-grid,.error-tracking-test .question-pagination.large-test .pagination-grid{grid-template-columns:repeat(25,1fr);gap:4px;max-width:1400px}.error-tracking-test .question-pagination.test-random100 .page-btn,.error-tracking-test .question-pagination.test-100 .page-btn,.error-tracking-test .question-pagination.test-imageless100 .page-btn,.error-tracking-test .question-pagination.large-test .page-btn{min-width:28px;height:28px;font-size:11px;padding:4px;border-width:1px;border-radius:4px}.error-tracking-test .question-pagination.test-imageless20 .pagination-grid{grid-template-columns:repeat(20,1fr);gap:6px}.error-tracking-test .page-btn{min-width:40px;height:40px;padding:8px;background:#4a5568;border:2px solid #555;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.error-tracking-test .page-btn:hover:not(:disabled){background:#556070;border-color:#f9a825}.error-tracking-test .page-btn.active{background:#f9a825;color:#000;border-color:#f9a825}.error-tracking-test .page-btn.answered-correct{background:#2a5a3f;border-color:#1faa5c}.error-tracking-test .page-btn.answered-incorrect{background:#5e2a2a;border-color:#dc3545}.error-tracking-test .page-btn:disabled{opacity:.5;cursor:not-allowed}.error-tracking-test .question-pagination.full-test-pagination{flex-direction:column;padding:8px 15px 12px}.error-tracking-test .pagination-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px;width:100%}.error-tracking-test .page-nav-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-test .page-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea80}.error-tracking-test .page-nav-btn:disabled{background:#4a5568;cursor:not-allowed;opacity:.5}.error-tracking-test .page-info{background:#f9a825;color:#000;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:700;min-width:150px;text-align:center}.error-tracking-test .question-pagination.full-test-pagination .pagination-grid{grid-template-columns:repeat(20,1fr);gap:4px;max-width:100%}.error-tracking-test .question-pagination.full-test-pagination .page-btn{min-width:28px;height:28px;font-size:11px;padding:2px;border-width:1px;border-radius:4px}.error-tracking-test .modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.error-tracking-test .modal-content{background:#2a3240;border-radius:15px;padding:30px;max-width:90%}.error-tracking-test .image-modal{max-width:90vw;max-height:90vh}.error-tracking-test .image-modal img{max-width:100%;max-height:80vh;object-fit:contain}.error-tracking-test .image-modal p{text-align:center;margin-top:15px;color:#aaa}.error-tracking-test .exit-modal{max-width:500px;text-align:center;color:#fff}.error-tracking-test .exit-modal h3{margin-top:0;color:#fff}.error-tracking-test .exit-modal p{margin:20px 0;color:#ccc}.error-tracking-test .modal-actions{display:flex;gap:15px;justify-content:center}.error-tracking-test .btn-danger{padding:12px 24px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.error-tracking-test .btn-secondary{padding:12px 24px;background:#3a4554;color:#fff;border:2px solid #555;border-radius:8px;font-weight:600;cursor:pointer}.error-tracking-test .confirm-modal{max-width:400px;text-align:center;color:#fff}.error-tracking-test .confirm-modal h3{color:#f9a825;font-size:20px;margin:0 0 10px}.error-tracking-test .confirm-modal p{color:#ccc;margin:0 0 20px}.error-tracking-test .btn-primary{padding:12px 24px;background:#1faa5c;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.error-tracking-test .btn-primary:hover{background:#18944e}.error-tracking-test .failed-modal{max-width:450px;text-align:center;color:#fff}.error-tracking-test .failed-modal .failed-icon{font-size:60px;margin-bottom:15px}.error-tracking-test .failed-modal h3{color:#e74c3c;font-size:24px;margin:0 0 10px}.error-tracking-test .failed-modal p{color:#ccc;margin:8px 0}.error-tracking-test .failed-modal .error-count-info{color:#e74c3c;font-weight:600;font-size:18px;margin:15px 0}.error-tracking-test .detail-modal{max-width:1000px;width:1000px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.error-tracking-test .detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #3a4554}.error-tracking-test .detail-modal-header h3{margin:0;color:#fff;font-size:20px}.error-tracking-test .detail-modal-close{background:#e74c3c;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer}.error-tracking-test .detail-modal-body{padding:25px;overflow-y:auto;flex:1}.error-tracking-test .detail-video-section{margin-bottom:25px}.error-tracking-test .detail-video{width:100%;max-height:400px;border-radius:10px;background:#000}.error-tracking-test .detail-description-section{background:#2a3240;border-radius:10px;padding:20px;border-left:4px solid #667eea}.error-tracking-test .detail-description-section h4{margin:0 0 15px;color:#667eea;font-size:18px}.error-tracking-test .detail-description-section p{margin:0;color:#e0e0e0;font-size:16px;line-height:1.7}@media (max-width: 968px){.error-tracking-test .test-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.error-tracking-test .nav-left .logo span{font-size:14px}.error-tracking-test .template-info{padding:4px 8px;font-size:11px}.error-tracking-test .exit-test-btn,.error-tracking-test .finish-test-btn{padding:6px 12px;font-size:12px}.error-tracking-test .question-counter,.error-tracking-test .timer{padding:4px 10px;font-size:14px}.error-tracking-test .content-row{flex-direction:column;gap:15px}.error-tracking-test .question-image-section{flex:1 1 100%;order:1}.error-tracking-test .answers-section{flex:1 1 100%;order:2}.error-tracking-test .question-container{width:100%;max-width:100%;padding:15px;margin:10px auto 80px;border-radius:10px}.error-tracking-test .question-text{font-size:16px;line-height:1.4}.error-tracking-test .question-header-row{flex-direction:column;gap:10px;margin-bottom:15px}.error-tracking-test .question-actions{width:100%;justify-content:flex-end}.error-tracking-test .detail-btn,.error-tracking-test .save-btn{padding:8px 16px;font-size:13px}.error-tracking-test .answer-option{padding:10px 12px;min-height:40px}.error-tracking-test .answer-label{width:28px;height:28px;font-size:13px;margin-right:10px}.error-tracking-test .answer-text{font-size:13px}.error-tracking-test .feedback{padding:12px;font-size:18px;margin-top:15px}.error-tracking-test .question-pagination{width:100%!important;max-width:100%!important;padding:8px 10px;border-radius:0}.error-tracking-test .pagination-grid{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:6px;padding:4px 10px;scrollbar-width:none;-ms-overflow-style:none}.error-tracking-test .pagination-grid::-webkit-scrollbar{display:none}.error-tracking-test .page-btn{min-width:36px;height:36px;font-size:13px;padding:4px;flex-shrink:0}.error-tracking-test .question-pagination.full-test-pagination{padding:6px 8px 10px}.error-tracking-test .pagination-controls{gap:8px;margin-bottom:8px;flex-wrap:wrap}.error-tracking-test .page-nav-btn{padding:6px 12px;font-size:12px}.error-tracking-test .page-info{padding:6px 12px;font-size:12px;min-width:auto;order:-1;width:100%}.error-tracking-test .question-pagination.full-test-pagination .pagination-grid{display:flex!important;flex-wrap:nowrap;overflow-x:auto}.error-tracking-test .question-pagination.full-test-pagination .page-btn{min-width:32px;height:32px;font-size:12px}.error-tracking-test .detail-modal{width:95vw;max-width:95vw;max-height:90vh}.error-tracking-test .detail-modal-header{padding:12px 15px}.error-tracking-test .detail-modal-header h3{font-size:16px}.error-tracking-test .detail-modal-body{padding:15px}.error-tracking-test .detail-video{max-height:250px}.error-tracking-test .detail-description-section{padding:12px}.error-tracking-test .detail-description-section h4{font-size:14px}.error-tracking-test .detail-description-section p{font-size:13px}}@media (max-width: 480px){.error-tracking-test .test-header{padding:6px 8px}.error-tracking-test .nav-left{width:100%;justify-content:space-between}.error-tracking-test .nav-center{width:100%;justify-content:center}.error-tracking-test .nav-right{width:100%;justify-content:space-between}.error-tracking-test .question-container{padding:10px;margin-bottom:70px}.error-tracking-test .question-text{font-size:14px}.error-tracking-test .answer-option{padding:8px 10px}.error-tracking-test .page-btn{min-width:32px;height:32px;font-size:12px}}.error-tracking-results{min-height:100vh;background:#1e2530;display:flex;align-items:center;justify-content:center;padding:20px}.error-tracking-results .results-container{background:#3a4554;border-radius:15px;padding:30px;max-width:700px;width:100%;box-shadow:0 10px 30px #0006}.error-tracking-results .results-header{text-align:center;margin-bottom:30px}.error-tracking-results .results-header.passed{color:#1faa5c}.error-tracking-results .results-header.failed{color:#ff6b6b}.error-tracking-results .result-icon{font-size:70px;margin-bottom:15px}.error-tracking-results .results-header h1{margin:10px 0;font-size:32px;color:#fff}.error-tracking-results .result-message{font-size:16px;color:#ccc;margin-top:10px}.error-tracking-results .score-display{display:flex;justify-content:center;margin:30px 0}.error-tracking-results .score-circle{position:relative;width:180px;height:180px}.error-tracking-results .score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.error-tracking-results .score-number{font-size:42px;font-weight:700;color:#f9a825}.error-tracking-results .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0}.error-tracking-results .stat-item{background:#2a3240;padding:15px;border-radius:10px;text-align:center;border:2px solid #555}.error-tracking-results .stat-item.correct{background:#1b5e3f;border-color:#1faa5c}.error-tracking-results .stat-item.incorrect{background:#5e2a2a;border-color:#ff6b6b}.error-tracking-results .stat-value{font-size:32px;font-weight:700;color:#fff;margin-bottom:5px}.error-tracking-results .stat-label{font-size:13px;color:#aaa}.error-tracking-results .new-wrong-info{background:#e74c3c33;border:1px solid #e74c3c;border-radius:10px;padding:15px 20px;text-align:center;color:#e74c3c;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0}.error-tracking-results .wrong-icon{font-size:20px}.error-tracking-results .actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.error-tracking-results .btn-primary{padding:15px 30px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-results .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #27ae6066}.wrong-questions-result{margin-top:20px}.show-wrong-btn{width:100%;padding:12px;background:#4a5568;color:#f9a825;border:2px solid #f9a825;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.show-wrong-btn:hover{background:#f9a82526}.wrong-list{margin-top:15px;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.wrong-item{display:flex;gap:12px;background:#2a3240;border-radius:8px;padding:12px;border-left:3px solid #e74c3c}.wrong-item-num{flex-shrink:0;width:28px;height:28px;background:#e74c3c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.wrong-item-content{flex:1;min-width:0}.wrong-item-question{color:#ddd;font-size:14px;line-height:1.4;margin-bottom:6px}.wrong-item-answer{color:#999;font-size:13px}.wrong-item-answer span{color:#2ecc71;font-weight:600}@media (max-width: 600px){.error-tracking-results .results-container{padding:20px 15px}.error-tracking-results .stats-grid{grid-template-columns:1fr}.error-tracking-results .actions{flex-direction:column}}.error-tracking-wrong-test{min-height:100vh;background:#1e2530;display:flex;flex-direction:column}.error-tracking-wrong-test .test-header{background:#2a3240;border-bottom:2px solid #333;padding:15px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.error-tracking-wrong-test .nav-left{display:flex;align-items:center;gap:15px}.error-tracking-wrong-test .logo{display:flex;align-items:center;gap:10px;color:#f9a825;font-size:18px;font-weight:600}.error-tracking-wrong-test .wrong-badge{background:#e74c3c33;border:1px solid #e74c3c;padding:8px 16px;border-radius:8px;color:#e74c3c;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.error-tracking-wrong-test .nav-center{display:flex;align-items:center;gap:15px}.error-tracking-wrong-test .exit-btn{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-wrong-test .exit-btn:hover{background:#c0392b}.error-tracking-wrong-test .nav-right{display:flex;align-items:center;gap:20px;color:#fff;font-size:18px}.error-tracking-wrong-test .stats-badge{background:#333;padding:8px 16px;border-radius:5px;font-weight:600;display:flex;align-items:center;gap:10px}.error-tracking-wrong-test .stats-badge .correct-count{color:#1faa5c}.error-tracking-wrong-test .stats-badge .separator{color:#555}.error-tracking-wrong-test .stats-badge .incorrect-count{color:#e74c3c}.error-tracking-wrong-test .question-counter{background:#333;padding:8px 20px;border-radius:5px;font-weight:600}.error-tracking-wrong-test .question-container{flex:1;width:95%;margin:30px auto 100px;background:#3a4554;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0006}.error-tracking-wrong-test .question-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.error-tracking-wrong-test .question-text{flex:1;font-size:var(--question-font-size, 22px);font-weight:700;line-height:1.6;color:#fff}.error-tracking-wrong-test .detail-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-wrong-test .detail-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.error-tracking-wrong-test .content-row{display:flex;gap:30px;margin-top:30px}.error-tracking-wrong-test .question-image-section{flex:0 0 65%;text-align:center;cursor:pointer;order:2}.error-tracking-wrong-test .question-image-section img{width:100%;max-height:500px;object-fit:contain;border-radius:10px;box-shadow:0 5px 15px #0003;transition:transform .3s ease}.error-tracking-wrong-test .question-image-section:hover img{transform:scale(1.02)}.error-tracking-wrong-test .image-hint{margin-top:10px;color:#aaa;font-size:14px;font-style:italic}.error-tracking-wrong-test .question-image-section.no-image{display:flex;align-items:center;justify-content:center;cursor:default}.error-tracking-wrong-test .no-image-placeholder{background:#2a3240;border:2px dashed #555;border-radius:10px;padding:60px 40px;width:100%}.error-tracking-wrong-test .no-image-placeholder p{color:#999;font-size:16px;font-style:italic;margin:0;text-align:center}.error-tracking-wrong-test .answers-section{flex:1;order:1}.error-tracking-wrong-test .answers-grid{display:grid;gap:10px}.error-tracking-wrong-test .answer-option{display:flex;align-items:center;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;color:#fff;min-height:50px}.error-tracking-wrong-test .answer-option:hover:not(:disabled){background:#556070;border-color:#f9a825;transform:translate(3px)}.error-tracking-wrong-test .answer-option:disabled{cursor:not-allowed;opacity:.7}.error-tracking-wrong-test .answer-option.selected{border-color:#f9a825;background:#556070}.error-tracking-wrong-test .answer-option.correct{background:#1b5e3f;border-color:#1faa5c}.error-tracking-wrong-test .answer-option.incorrect{background:#5e2a2a;border-color:#dc3545}.error-tracking-wrong-test .answer-label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f9a825;color:#000;border-radius:50%;font-weight:700;font-size:16px;margin-right:12px;flex-shrink:0}.error-tracking-wrong-test .answer-text{flex:1;font-size:var(--answer-font-size, 15px);line-height:1.4;color:#fff}.error-tracking-wrong-test .feedback{margin-top:20px;padding:20px;border-radius:10px;font-size:24px;font-weight:700;text-align:center}.error-tracking-wrong-test .feedback.correct{background:#1b5e3f;color:#1faa5c}.error-tracking-wrong-test .feedback.incorrect{background:#5e2a2a;color:#ff6b6b}.error-tracking-wrong-test .learned-section{margin-top:20px;text-align:center}.error-tracking-wrong-test .learned-btn{padding:15px 30px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.error-tracking-wrong-test .learned-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #27ae6066}.error-tracking-wrong-test .learned-hint{margin-top:10px;color:#aaa;font-size:13px}.error-tracking-wrong-test .navigation-buttons{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #555}.error-tracking-wrong-test .nav-btn{padding:12px 30px;background:#4a5568;color:#fff;border:2px solid #555;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-tracking-wrong-test .nav-btn:hover:not(:disabled){background:#556070;border-color:#f9a825}.error-tracking-wrong-test .nav-btn:disabled{opacity:.5;cursor:not-allowed}.error-tracking-wrong-test .question-pagination{position:fixed;bottom:0;left:0;right:0;width:100%;background:#2a3240;border-top:2px solid #555;padding:12px 20px;z-index:100;box-sizing:border-box;display:flex;justify-content:center}.error-tracking-wrong-test .pagination-grid{display:grid;grid-template-columns:repeat(25,1fr);gap:6px;max-width:1200px;width:100%}.error-tracking-wrong-test .question-pagination.large-test .pagination-grid{grid-template-columns:repeat(50,1fr);gap:3px;max-width:98%}.error-tracking-wrong-test .question-pagination.large-test .page-btn{min-width:24px;height:24px;font-size:10px;padding:1px}.error-tracking-wrong-test .question-pagination.medium-test .pagination-grid{grid-template-columns:repeat(25,1fr);gap:4px}.error-tracking-wrong-test .question-pagination.medium-test .page-btn{min-width:32px;height:32px;font-size:12px;padding:2px}.error-tracking-wrong-test .page-btn{min-width:36px;height:36px;padding:0 8px;background:#4a5568;border:2px solid #555;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.error-tracking-wrong-test .page-btn:hover{background:#556070;border-color:#f9a825}.error-tracking-wrong-test .page-btn.active{background:#f9a825;color:#000;border-color:#f9a825}.error-tracking-wrong-test .page-btn.learned{background:#1b5e3f;border-color:#1faa5c}.error-tracking-wrong-test .page-btn.answered-correct{background:#1b5e3f;border-color:#1faa5c;color:#1faa5c}.error-tracking-wrong-test .page-btn.answered-incorrect{background:#5e2a2a;border-color:#dc3545;color:#ff6b6b}.error-tracking-wrong-test .modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.error-tracking-wrong-test .modal-content{background:#2a3240;border-radius:15px;padding:30px;max-width:90%}.error-tracking-wrong-test .image-modal{max-width:90vw;max-height:90vh}.error-tracking-wrong-test .image-modal img{max-width:100%;max-height:80vh;object-fit:contain}.error-tracking-wrong-test .image-modal p{text-align:center;margin-top:15px;color:#aaa}.error-tracking-wrong-test .exit-modal{max-width:500px;text-align:center;color:#fff}.error-tracking-wrong-test .exit-modal h3{margin-top:0;color:#fff}.error-tracking-wrong-test .exit-modal p{margin:20px 0;color:#ccc}.error-tracking-wrong-test .modal-actions{display:flex;gap:15px;justify-content:center}.error-tracking-wrong-test .btn-danger{padding:12px 24px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.error-tracking-wrong-test .btn-secondary{padding:12px 24px;background:#3a4554;color:#fff;border:2px solid #555;border-radius:8px;font-weight:600;cursor:pointer}.error-tracking-wrong-test .detail-modal{max-width:1000px;width:1000px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.error-tracking-wrong-test .detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #3a4554}.error-tracking-wrong-test .detail-modal-header h3{margin:0;color:#fff;font-size:20px}.error-tracking-wrong-test .detail-modal-close{background:#e74c3c;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer}.error-tracking-wrong-test .detail-modal-body{padding:25px;overflow-y:auto;flex:1}.error-tracking-wrong-test .detail-video-section{margin-bottom:25px}.error-tracking-wrong-test .detail-video{width:100%;max-height:400px;border-radius:10px;background:#000}.error-tracking-wrong-test .detail-description-section{background:#2a3240;border-radius:10px;padding:20px;border-left:4px solid #667eea}.error-tracking-wrong-test .detail-description-section h4{margin:0 0 15px;color:#667eea;font-size:18px}.error-tracking-wrong-test .detail-description-section p{margin:0;color:#e0e0e0;font-size:16px;line-height:1.7}.loading-spinner{width:50px;height:50px;border:4px solid #3a4554;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 968px){.error-tracking-wrong-test .test-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.error-tracking-wrong-test .logo span{font-size:14px}.error-tracking-wrong-test .exit-btn{padding:6px 12px;font-size:12px}.error-tracking-wrong-test .stats-badge,.error-tracking-wrong-test .question-counter{padding:4px 10px;font-size:13px}.error-tracking-wrong-test .content-row{flex-direction:column;gap:15px}.error-tracking-wrong-test .question-image-section{flex:1 1 100%;order:1}.error-tracking-wrong-test .answers-section{flex:1 1 100%;order:2}.error-tracking-wrong-test .question-container{width:100%;max-width:100%;padding:15px;margin:10px auto 80px;border-radius:10px}.error-tracking-wrong-test .question-text{font-size:16px;line-height:1.4}.error-tracking-wrong-test .question-header-row{flex-direction:column;gap:10px;margin-bottom:15px}.error-tracking-wrong-test .detail-btn{padding:8px 16px;font-size:13px}.error-tracking-wrong-test .answer-option{padding:10px 12px;min-height:40px}.error-tracking-wrong-test .answer-label{width:28px;height:28px;font-size:13px;margin-right:10px}.error-tracking-wrong-test .answer-text{font-size:13px}.error-tracking-wrong-test .feedback{padding:12px;font-size:18px;margin-top:15px}.error-tracking-wrong-test .learned-btn{padding:10px 20px;font-size:14px}.error-tracking-wrong-test .learned-hint{font-size:11px}.error-tracking-wrong-test .question-pagination{width:100%!important;max-width:100%!important;padding:8px 10px;border-radius:0}.error-tracking-wrong-test .pagination-grid{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:6px;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.error-tracking-wrong-test .pagination-grid::-webkit-scrollbar{display:none}.error-tracking-wrong-test .page-btn{min-width:36px;height:36px;font-size:13px;padding:4px;flex-shrink:0}.error-tracking-wrong-test .wrong-badge{display:none}.error-tracking-wrong-test .detail-modal{width:95vw;max-width:95vw;max-height:90vh}.error-tracking-wrong-test .detail-modal-header{padding:12px 15px}.error-tracking-wrong-test .detail-modal-header h3{font-size:16px}.error-tracking-wrong-test .detail-modal-body{padding:15px}.error-tracking-wrong-test .detail-video{max-height:250px}}@media (max-width: 480px){.error-tracking-wrong-test .test-header{padding:6px 8px}.error-tracking-wrong-test .nav-left{width:100%;justify-content:space-between}.error-tracking-wrong-test .nav-center{width:100%;justify-content:center}.error-tracking-wrong-test .nav-right{width:100%;justify-content:space-between}.error-tracking-wrong-test .question-container{padding:10px;margin-bottom:70px}.error-tracking-wrong-test .question-text{font-size:14px}.error-tracking-wrong-test .answer-option{padding:8px 10px}.error-tracking-wrong-test .page-btn{min-width:32px;height:32px;font-size:12px}}.error-tracking-history{min-height:100vh;background:#1e2530}.history-header{background:#2a3240;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3a4554}.header-left{display:flex;align-items:center;gap:20px}.header-left h1{color:#f9a825;font-size:24px;margin:0}.back-btn{padding:10px 20px;background:#3a4554;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.user-name{color:#fff;font-size:16px;font-weight:500}.error-message{background:#e74c3c;color:#fff;padding:15px;margin:20px;border-radius:8px;text-align:center}.history-content{padding:30px;max-width:1200px;margin:0 auto}.empty-history{text-align:center;padding:60px 20px;background:#2a3240;border-radius:12px;color:#888;font-size:16px}.history-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.history-card{background:#2a3240;border-radius:12px;overflow:hidden;border-left:4px solid #888;transition:all .3s ease}.history-card:hover{transform:translate(5px)}.history-card.passed{border-left-color:#27ae60}.history-card.failed{border-left-color:#e74c3c}.card-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffff05;border-bottom:1px solid #3a4554}.test-type{color:#fff;font-size:16px;font-weight:600}.test-date{color:#888;font-size:14px}.card-body{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.score-section{display:flex;align-items:center;gap:15px}.score-circle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.score-value{color:#fff;font-size:20px;font-weight:700}.status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.status-badge.passed{background:#27ae6033;color:#27ae60}.status-badge.failed{background:#e74c3c33;color:#e74c3c}.stats-section{display:flex;gap:30px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{color:#888;font-size:12px;text-transform:uppercase}.stat-value{color:#fff;font-size:20px;font-weight:700}.stat-value.correct{color:#27ae60}.stat-value.incorrect{color:#e74c3c}.history-card.clickable{cursor:pointer}.history-card.expanded{border-left-width:4px}.card-expand-hint{text-align:center;padding:8px;color:#f9a825;font-size:13px;font-weight:500;border-top:1px solid #3a4554}.card-wrong-details{padding:15px 20px;border-top:1px solid #3a4554;background:#00000026}.detail-loading{text-align:center;color:#888;padding:10px;font-size:14px}.wrong-list-history{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.wrong-item-history{display:flex;gap:10px;background:#1e2530;border-radius:8px;padding:10px 12px;border-left:3px solid #e74c3c}.wrong-item-num-h{flex-shrink:0;width:24px;height:24px;background:#e74c3c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.wrong-item-content-h{flex:1;min-width:0}.wrong-item-question-h{color:#ddd;font-size:13px;line-height:1.4;margin-bottom:4px}.wrong-item-answer-h{color:#999;font-size:12px}.wrong-item-answer-h span{color:#2ecc71;font-weight:600}@media (max-width: 768px){.history-header{flex-direction:column;gap:15px;text-align:center}.header-left{flex-direction:column}.history-list{grid-template-columns:1fr}.card-body{flex-direction:column}.stats-section{width:100%;justify-content:space-around}}.error-tracking-yodlash{min-height:100vh;background:#1e2530;padding-top:80px}.yodlash-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#2a3240;border-bottom:2px solid #3a4554;flex-wrap:wrap;gap:15px}.header-left{display:flex;align-items:center;gap:15px}.header-left h1{color:#f9a825;font-size:20px;margin:0}.back-btn{padding:8px 16px;background:#3a4554;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#4a5568}.header-center{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.language-selector{display:flex;gap:8px}.language-selector .lang-btn{padding:8px 16px;background:#3a4554;border:2px solid transparent;border-radius:8px;color:#ccc;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.language-selector .lang-btn:hover{border-color:#f9a825;color:#fff}.language-selector .lang-btn.active{background:linear-gradient(135deg,#f9a825,#f57c00);color:#fff;border-color:transparent;font-weight:600}.search-box input{padding:10px 15px;background:#3a4554;border:2px solid transparent;border-radius:8px;color:#fff;font-size:14px;width:250px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#f9a825}.search-box input::placeholder{color:#888}.total-count{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 15px;border-radius:20px}.count-number{color:#fff;font-size:18px;font-weight:700}.count-label{color:#fffc;font-size:14px}.header-right{display:flex;gap:10px}.expand-btn,.collapse-btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.expand-btn{background:#27ae60;color:#fff}.expand-btn:hover{background:#2ecc71}.collapse-btn{background:#3a4554;color:#fff}.collapse-btn:hover{background:#4a5568}.error-message{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c;padding:15px;margin:20px;border-radius:8px;text-align:center}.templates-container{padding:20px;max-width:1200px;margin:0 auto}.template-accordion{margin-bottom:15px;border-radius:12px;overflow:hidden;background:#2a3240}.template-header{padding:15px 20px;background:#2a3240;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.template-header:hover{background:#323d4d}.template-header.expanded{border-bottom-color:#f9a825}.template-info{display:flex;align-items:center;gap:15px}.template-icon{color:#f9a825;font-size:14px}.template-name{color:#fff;font-size:16px;font-weight:600}.template-count{color:#888;font-size:14px}.template-questions{padding:10px 15px;background:#232c39}.question-card{display:flex;gap:15px;padding:15px;background:#2a3240;border-radius:10px;margin-bottom:10px;border-left:4px solid #667eea}.question-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.question-content{flex:1}.question-id{color:#888;font-size:12px;margin-bottom:5px;font-family:monospace}.question-text{color:#fff;font-size:var(--question-font-size, 15px);line-height:1.5;margin-bottom:10px}.question-image{margin:10px 0}.question-image img{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain}.question-answers{display:flex;flex-direction:column;gap:8px;margin-top:10px}.answer-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#3a4554;border-radius:8px;border:2px solid transparent;transition:all .3s ease}.answer-item.correct{background:#27ae6033;border-color:#27ae60}.answer-marker{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#888;flex-shrink:0}.answer-item.correct .answer-marker{color:#27ae60;font-size:16px}.answer-content{flex:1;display:flex;flex-direction:column;gap:8px}.answer-text{color:#fff;font-size:var(--answer-font-size, 14px)}.answer-item.correct .answer-text{color:#27ae60;font-weight:500}.answer-image{max-width:150px;max-height:100px;border-radius:6px;object-fit:contain}.question-description{margin-top:15px;padding:12px;background:#f9a8251a;border:1px solid rgba(249,168,37,.3);border-radius:8px;color:#f9a825;font-size:14px;line-height:1.5}.question-description strong{color:#f9a825}.question-video{margin-top:15px}.question-video video{max-width:100%;max-height:300px;border-radius:8px}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e2530;color:#fff;gap:20px}.loading-logo{width:100px;height:100px;object-fit:contain}.loading-text{font-size:18px;color:#ccc}@media (max-width: 768px){.yodlash-header{flex-direction:column;align-items:stretch;text-align:center}.header-left{justify-content:center}.header-center{flex-direction:column}.search-box input{width:100%}.header-right{justify-content:center}.question-card{flex-direction:column}.question-number{align-self:flex-start}}.internal-test-setup{min-height:100vh;background:#1e2530;display:flex;flex-direction:column}.internal-header{background:#2a3240;padding:15px 20px;border-bottom:2px solid #3a4554}.language-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;max-width:500px;margin:0}.lang-option{padding:12px 16px;background:#3a4554;border:2px solid #4a5568;border-radius:8px;color:#ccc;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.lang-option:hover:not(.disabled){border-color:#f9a825;color:#fff;background:#f9a8251a}.lang-option.active{background:#f9a825;color:#000;border-color:#f9a825;font-weight:600}.lang-option.disabled{opacity:.4;cursor:not-allowed;background:#2a3240}.internal-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.internal-box{text-align:center;max-width:450px;width:100%}.internal-logo{width:200px;height:100px;object-fit:contain;margin-bottom:20px}.internal-title{color:#f9a825;font-size:32px;font-weight:700;margin:0 0 40px;letter-spacing:2px}.internal-subtitle{color:#999;font-size:16px;margin:0 0 30px}.internal-error{background:#e74c3c26;border:1px solid #e74c3c;color:#e74c3c;padding:10px 15px;border-radius:8px;margin-bottom:20px;font-size:14px}.internal-start-btn{width:100%;padding:16px;background:#1faa5c;color:#fff;border:none;border-radius:10px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:1px;margin-bottom:12px}.internal-start-btn:hover{background:#18944e;transform:translateY(-2px);box-shadow:0 5px 15px #1faa5c66}.internal-start-btn:disabled{background:#3a4554;cursor:not-allowed;transform:none;box-shadow:none}.internal-back-btn{width:100%;padding:12px;background:transparent;color:#999;border:2px solid #4a5568;border-radius:10px;font-size:16px;cursor:pointer;transition:all .3s ease}.internal-back-btn:hover{border-color:#666;color:#ccc}@media (max-width: 768px){.language-grid{grid-template-columns:1fr 1fr;gap:8px}.lang-option{padding:10px 12px;font-size:13px}.internal-title{font-size:26px}}.konkurs-page{min-height:100vh;background:linear-gradient(135deg,#1e2530,#2a3240);display:flex;align-items:center;justify-content:center;padding:20px}.konkurs-container{background:#2a3240;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0006;border:2px solid #3a4554}.konkurs-header{text-align:center;margin-bottom:30px}.konkurs-logo{width:100px;height:auto;margin-bottom:20px}.konkurs-header h1{color:#f9a825;font-size:28px;margin:0 0 10px}.konkurs-header h2{color:#fff;font-size:36px;margin:0 0 15px;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.konkurs-description{color:#aaa;font-size:16px;margin:0}.konkurs-form{display:flex;flex-direction:column;gap:20px}.konkurs-form .form-group{display:flex;flex-direction:column;gap:8px}.konkurs-form label{color:#ccc;font-size:14px;font-weight:600}.konkurs-form input{padding:15px 20px;background:#1e2530;border:2px solid #3a4554;border-radius:10px;color:#fff;font-size:16px;transition:border-color .3s ease}.konkurs-form input:focus{outline:none;border-color:#f9a825}.konkurs-form input::placeholder{color:#666}.konkurs-form .language-buttons{display:flex;gap:10px}.konkurs-form .lang-btn{flex:1;padding:12px;background:#1e2530;border:2px solid #3a4554;border-radius:8px;color:#ccc;font-size:14px;cursor:pointer;transition:all .3s ease}.konkurs-form .lang-btn:hover{border-color:#f9a825;color:#fff}.konkurs-form .lang-btn.active{background:#f9a825;border-color:#f9a825;color:#000;font-weight:600}.konkurs-form .submit-btn{padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;text-transform:uppercase;letter-spacing:2px}.konkurs-form .submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.konkurs-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.konkurs-form .error-message{background:#e74c3c1a;border:1px solid #e74c3c;color:#e74c3c;padding:12px;border-radius:8px;text-align:center}.konkurs-footer{margin-top:30px;text-align:center}.konkurs-footer .back-btn{background:transparent;border:none;color:#aaa;font-size:14px;cursor:pointer;transition:color .3s ease}.konkurs-footer .back-btn:hover{color:#f9a825}.mobile-block-message{text-align:center;padding:40px 20px}.mobile-block-icon{font-size:60px;margin-bottom:20px}.mobile-block-message h3{color:#f9a825;font-size:22px;margin:0 0 15px}.mobile-block-message p{color:#ccc;font-size:16px;line-height:1.6;margin:0}@media (max-width: 600px){.konkurs-container{padding:25px}.konkurs-header h1{font-size:22px}.konkurs-header h2{font-size:28px}.konkurs-form .language-buttons{flex-direction:column}}.konkurs-result{min-height:100vh;background:#1e2530;display:flex;align-items:center;justify-content:center;padding:20px}.konkurs-result .result-container{background:#2a3240;border-radius:20px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0006;border:2px solid #3a4554}.konkurs-result .result-header{text-align:center;padding:30px;border-radius:15px;margin-bottom:30px}.konkurs-result .result-header.passed{background:#1b5e3f;border:2px solid #28a745}.konkurs-result .result-header.failed{background:#5e2a2a;border:2px solid #dc3545}.konkurs-result .result-icon{font-size:60px;margin-bottom:15px}.konkurs-result .result-header h1{color:#fff;font-size:32px;margin:0 0 10px}.konkurs-result .result-message{color:#fffc;font-size:18px;margin:0}.konkurs-result .result-header.discount-100{background:linear-gradient(135deg,#1b5e3f,#0d7a3e);border:2px solid #28a745}.konkurs-result .result-header.discount-50{background:linear-gradient(135deg,#4a3d0a,#6b5a1e);border:2px solid #f9a825}.konkurs-result .discount-badge{margin-top:20px}.konkurs-result .discount-badge span{display:inline-block;padding:12px 30px;border-radius:25px;font-weight:700;font-size:20px;letter-spacing:2px;animation:pulse-badge 2s ease-in-out infinite}.konkurs-result .discount-100-badge span{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 0 20px #28a74580}.konkurs-result .discount-50-badge span{background:linear-gradient(135deg,#f9a825,#ffc107);color:#000;box-shadow:0 0 20px #f9a82580}.konkurs-result .discount-description{color:#ffffffe6;font-size:16px;margin-top:15px;font-weight:500}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 #f9a825b3}50%{transform:scale(1.05);box-shadow:0 0 20px 5px #f9a8254d}}.konkurs-result .score-display{display:flex;justify-content:center;margin-bottom:30px}.konkurs-result .score-box{background:#3a4554;padding:30px 50px;border-radius:15px;text-align:center}.konkurs-result .score-box.passed{border:2px solid #28a745}.konkurs-result .score-box.failed{border:2px solid #dc3545}.konkurs-result .score-fraction{display:block;font-size:56px;font-weight:700;color:#fff;margin-bottom:10px}.konkurs-result .score-label{color:#aaa;font-size:16px;display:block}.konkurs-result .score-requirement{display:block;color:#f9a825;font-size:14px;margin-top:10px}.konkurs-result .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.konkurs-result .stat-item{background:#3a4554;padding:20px;border-radius:12px;text-align:center}.konkurs-result .stat-item.correct{border-left:4px solid #28a745}.konkurs-result .stat-item.incorrect{border-left:4px solid #dc3545}.konkurs-result .stat-value{font-size:28px;font-weight:700;color:#fff;margin-bottom:5px}.konkurs-result .stat-label{color:#aaa;font-size:14px}.konkurs-result .promo-section{background:#3a4554;border-radius:15px;padding:30px;margin-bottom:30px;text-align:center;border:2px solid #f9a825}.konkurs-result .promo-icon{font-size:50px;margin-bottom:15px}.konkurs-result .promo-section h2{color:#f9a825;font-size:24px;margin:0 0 15px}.konkurs-result .promo-section p{color:#ccc;font-size:16px;line-height:1.6;margin:0 0 20px}.konkurs-result .promo-features{list-style:none;padding:0;margin:0 0 25px;text-align:left;display:inline-block}.konkurs-result .promo-features li{color:#e0e0e0;font-size:15px;padding:8px 0;border-bottom:1px solid #4a5568}.konkurs-result .promo-features li:last-child{border-bottom:none}.konkurs-result .btn-promo{padding:15px 40px;background:#f9a825;border:none;border-radius:12px;color:#000;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.konkurs-result .btn-promo:hover{background:#ffc107;transform:translateY(-3px);box-shadow:0 10px 30px #f9a82566}.konkurs-result .actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.konkurs-result .btn-primary{padding:15px 40px;background:#4a5568;border:2px solid #555;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.konkurs-result .btn-primary:hover{background:#556070;border-color:#f9a825;transform:translateY(-3px)}.konkurs-result .btn-secondary{padding:15px 40px;background:#28a745;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.konkurs-result .btn-secondary:hover{background:#229954;transform:translateY(-3px);box-shadow:0 10px 30px #28a74566}@media (max-width: 600px){.konkurs-result .result-container{padding:25px}.konkurs-result .stats-grid{grid-template-columns:1fr}.konkurs-result .score-fraction{font-size:42px}.konkurs-result .promo-section{padding:20px}.konkurs-result .promo-section h2{font-size:20px}.konkurs-result .actions{flex-direction:column}.konkurs-result .btn-primary,.konkurs-result .btn-secondary,.konkurs-result .btn-promo{width:100%}}.topic-test-container{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.topic-header{background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.topic-header .back-btn{padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.topic-header .back-btn:hover{background:#2563eb}.topic-header .header-title{text-align:center}.topic-header .header-title h1{color:#1f2937;font-size:20px;margin:0;font-weight:700;text-transform:uppercase}.topic-header .header-title p{color:#6b7280;font-size:14px;margin:5px 0 0}.topic-header .user-info{color:#374151;font-size:14px;font-weight:500}.search-bar{display:flex;align-items:center;gap:15px;margin-bottom:25px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s}.search-input:focus{border-color:#3b82f6}.search-input::placeholder{color:#9ca3af}.topic-content{flex:1;padding:30px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.topic-content .error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #fecaca;font-weight:500}.page-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:25px;text-transform:uppercase}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.lesson-card{background:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026;border-color:#3b82f6}.lesson-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lesson-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px}.lesson-short-name{background:#f3f4f6;color:#374151;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700}.lesson-info{flex:1}.lesson-name{color:#374151;font-size:15px;font-weight:500;margin:0;line-height:1.5}.lesson-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.lesson-topics-count{color:#3b82f6;font-size:13px;font-weight:600}.lesson-arrow{color:#9ca3af;font-size:20px}.topics-page-layout{display:grid;grid-template-columns:400px 1fr;gap:30px;min-height:calc(100vh - 150px)}.topics-sidebar{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.topics-main{background:#fff;border-radius:12px;padding:30px;border:1px solid #e5e7eb}.topics-list{display:flex;flex-direction:column;gap:12px}.topic-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:16px;cursor:pointer;transition:all .3s ease}.topic-item:hover,.topic-item.active{border-color:#3b82f6;background:#eff6ff}.topic-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.topic-item-name{color:#3b82f6;font-size:14px;font-weight:600;line-height:1.4;flex:1;margin-right:10px}.topic-item-progress{color:#6b7280;font-size:13px;font-weight:500;white-space:nowrap}.topic-item-time{color:#22c55e;font-size:13px;margin-bottom:12px}.topic-item-button{width:100%;padding:10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.topic-item-button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.topics-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.topic-content-area{color:#374151}.topic-content-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:20px}.topic-content-text{font-size:15px;line-height:1.8;color:#4b5563}.lesson-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.lesson-page-title{font-size:18px;font-weight:700;color:#1f2937;text-transform:uppercase}.lesson-topic-badge{background:#dc2626;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.language-selector{margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.language-selector label{color:#374151;font-size:14px;font-weight:600}.language-selector .language-buttons{display:flex;gap:10px}.language-selector .lang-btn{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.language-selector .lang-btn:hover{border-color:#3b82f6;color:#3b82f6}.language-selector .lang-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.topics-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.topic-grid-card{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;border:2px solid #e5e7eb;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.topic-grid-card:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f626;transform:translateY(-2px)}.topic-grid-number{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;margin-bottom:12px}.topic-grid-content{flex:1;margin-bottom:15px}.topic-grid-name{color:#1f2937;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:10px}.topic-grid-meta{display:flex;gap:15px}.topic-grid-questions{color:#22c55e;font-size:13px;font-weight:600}.topic-grid-button{width:100%;padding:12px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.topic-grid-button:hover:not(:disabled){background:#2563eb}.topic-grid-button:disabled{background:#9ca3af;cursor:not-allowed}.topics-grid{display:flex;flex-direction:column;gap:12px}.topic-card{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;border:2px solid #e5e7eb}.topic-card:hover:not(.disabled){border-color:#22c55e;background:#f0fdf4}.topic-card.disabled{opacity:.5;cursor:not-allowed}.topic-number{width:45px;height:45px;background:#22c55e;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.topic-card.disabled .topic-number{background:#9ca3af}.topic-info{flex:1;min-width:0}.topic-name{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 8px;line-height:1.4}.topic-meta{display:flex;gap:20px;flex-wrap:wrap}.topic-questions{color:#22c55e;font-size:13px;font-weight:600}.topic-card.disabled .topic-questions{color:#9ca3af}.topic-time{color:#6b7280;font-size:13px}.topic-arrow{color:#22c55e;font-size:24px;flex-shrink:0}.topic-card.disabled .topic-arrow{color:#9ca3af}.no-lessons,.no-topics{text-align:center;padding:60px 20px;color:#6b7280}.no-lessons p,.no-topics p{margin:10px 0;font-size:18px}.no-lessons .hint,.no-topics .hint{font-size:14px;color:#9ca3af}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa}.loading-logo{width:80px;height:80px;margin-bottom:20px;animation:pulse 2s infinite}.loading-text{color:#374151;font-size:16px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.topic-name-result{color:#6b7280;font-size:14px;margin-top:10px}@media (max-width: 1024px){.topics-page-layout{grid-template-columns:1fr}.topics-sidebar{max-height:none}}@media (max-width: 768px){.topic-header{flex-direction:column;gap:15px;padding:15px;text-align:center}.topic-header .back-btn{width:100%;justify-content:center}.topic-content{padding:20px 15px}.language-selector{flex-direction:column;align-items:stretch}.language-selector .language-buttons{flex-wrap:wrap}.lessons-grid{grid-template-columns:1fr}.lesson-card{padding:20px}.topic-card{padding:15px}.topic-name{font-size:14px}.topics-grid-container{grid-template-columns:1fr}}@media (max-width: 480px){.lesson-meta,.topic-meta{flex-direction:column;gap:5px}.search-bar{flex-direction:column}.search-input{width:100%}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0003;width:100%;max-width:400px}.login-box h1{text-align:center;color:#333;margin-bottom:10px;font-size:24px}.login-box h2{text-align:center;color:#666;margin-bottom:30px;font-size:18px}.btn-block{width:100%;padding:12px;font-size:18px;margin-top:10px}.session-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.session-modal{background:#fff;border-radius:12px;padding:30px;max-width:440px;width:90%;box-shadow:0 10px 40px #0000004d}.session-modal h3{color:#e74c3c;margin-bottom:20px;font-size:18px;text-align:center}.session-info{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px}.session-info p{margin:6px 0;font-size:14px;color:#333;word-break:break-all}.session-warning{color:#e67e22;font-size:14px;text-align:center;margin-bottom:20px}.session-modal-buttons{display:flex;flex-direction:column;gap:10px}.btn-confirm{width:100%;padding:12px;font-size:16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-confirm:hover{background:#c0392b}.btn-confirm:disabled{background:#bdc3c7;cursor:not-allowed}.btn-cancel{width:100%;padding:12px;font-size:16px;background:#ecf0f1;color:#333;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:#dce1e3}.btn-cancel:disabled{cursor:not-allowed}.confirm-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:#2a3240;border-radius:15px;padding:30px;max-width:400px;width:90%;border:2px solid #3a4554;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-title{margin:0 0 15px;color:#fff;font-size:20px;font-weight:600;text-align:center}.confirm-modal-message{margin:0 0 20px;color:#ccc;font-size:16px;text-align:center;line-height:1.5}.confirm-modal-password{margin-bottom:20px}.confirm-modal-password input{width:100%;padding:12px 15px;background:#1e2530;border:2px solid #3a4554;border-radius:8px;color:#fff;font-size:16px;text-align:center;letter-spacing:8px;box-sizing:border-box}.confirm-modal-password input:focus{outline:none;border-color:#f9a825}.confirm-modal-password input::placeholder{letter-spacing:normal}.password-error{display:block;color:#e74c3c;font-size:14px;margin-top:8px;text-align:center}.confirm-modal-actions{display:flex;gap:15px;justify-content:center}.confirm-modal-actions button{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#4a5568;color:#fff}.btn-cancel:hover{background:#5a6678}.btn-confirm{background:#f9a825;color:#000}.btn-confirm:hover{background:#ffc107}.btn-confirm.danger{background:#e74c3c;color:#fff}.btn-confirm.danger:hover{background:#c0392b}.app-header{background:#2a3240;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3a4554;position:sticky;top:0;z-index:100}.header-left h1{margin:0;color:#f9a825;font-size:24px;font-weight:700;transition:opacity .3s ease}.header-left h1:hover{opacity:.8}.header-right{display:flex;align-items:center;gap:15px}.btn-timer-settings{background:#3a4554;border:2px solid #4a5568;width:44px;height:44px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-timer-settings:hover{background:#4a5568;border-color:#f9a825;transform:translateY(-2px)}.btn-timer-settings .timer-icon{font-size:22px}.btn-history{background:transparent;border:2px solid #f9a825;color:#f9a825;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-history:hover{background:#f9a825;color:#000}.profile-section{position:relative}.profile-btn{display:flex;align-items:center;gap:12px;background:#3a4554;border:none;padding:8px 15px;border-radius:10px;cursor:pointer;transition:all .3s ease}.profile-btn:hover{background:#4a5568}.profile-avatar{width:40px;height:40px;background:linear-gradient(135deg,#f9a825,#ffc107);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#000}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.profile-name{color:#fff;font-size:14px;font-weight:600}.profile-computer{color:#aaa;font-size:12px}.dropdown-arrow{color:#aaa;font-size:10px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#2a3240;border:2px solid #3a4554;border-radius:12px;min-width:250px;box-shadow:0 10px 30px #0006;animation:dropdownSlide .2s ease;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:15px;background:#3a4554}.dropdown-avatar{width:45px;height:45px;background:linear-gradient(135deg,#f9a825,#ffc107);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#000}.dropdown-user-info{display:flex;flex-direction:column;gap:3px}.dropdown-name{color:#fff;font-size:16px;font-weight:600}.dropdown-computer{color:#aaa;font-size:13px}.dropdown-divider{height:1px;background:#3a4554}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;background:transparent;border:none;color:#ccc;font-size:15px;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#3a4554;color:#fff}.dropdown-item.logout{color:#e74c3c}.dropdown-item.logout:hover{background:#e74c3c1a}.dropdown-icon{font-size:18px}@media (max-width: 768px){.app-header{padding:12px 15px;flex-wrap:wrap;gap:10px}.header-left h1{font-size:18px}.btn-history{padding:8px 15px;font-size:12px}.profile-info{display:none}.profile-btn{padding:8px}.dropdown-arrow{display:none}.profile-dropdown{right:-10px;min-width:220px}}.test-selection-page{min-height:100vh;background:#1e2530;display:flex;flex-direction:column}.top-nav{background:#2a3240;padding:15px 30px;border-bottom:2px solid #333}.test-selection-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}.center{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.background-logo{width:150px;height:150px;object-fit:contain;margin:auto;border-radius:20px}.selection-box{background:#3a4554;padding:40px;border-radius:15px;width:100%;max-width:500px;box-shadow:0 10px 40px #0006;position:relative;z-index:5}.main-title{color:#fff;font-size:32px;text-align:center;margin:0 0 30px;font-weight:600}.form-field{margin-bottom:20px}.form-field label{display:block;color:#ccc;margin-bottom:8px;font-size:14px;font-weight:500}.language-buttons{display:flex;gap:10px;flex-wrap:wrap}.lang-btn{flex:1;min-width:120px;padding:12px 20px;background:transparent;border:2px solid #555;border-radius:8px;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.lang-btn:hover{border-color:#f9a825;color:#ccc;background:#f9a8251a}.lang-btn.active{background:#f9a825;color:#000;border-color:#f9a825;font-weight:600}.text-input{width:100%;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.text-input:focus{outline:none;border-color:#f9a825;background:#556070}.text-input::placeholder{color:#777}.dropdown{width:100%;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.dropdown:focus{outline:none;border-color:#f9a825;background:#556070}.dropdown option{background:#2a3240;color:#fff}.shuffle-toggle-section{display:flex;justify-content:space-between;align-items:center;background:#2a3240;border-radius:10px;padding:12px 16px;margin-bottom:10px}.shuffle-label{color:#ccc;font-size:14px;font-weight:500}.shuffle-toggle{position:relative;width:50px;height:26px;background:#4a5568;border:none;border-radius:13px;cursor:pointer;transition:background .3s ease;padding:0}.shuffle-toggle.active{background:#27ae60}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.shuffle-toggle.active .toggle-knob{transform:translate(24px)}.start-button{width:100%;padding:15px;background:#1faa5c;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;margin:30px 0 20px;transition:all .3s ease}.start-button:hover{background:#18944e;transform:translateY(-2px);box-shadow:0 5px 15px #1faa5c66}.start-button:active{transform:translateY(0)}.bottom-buttons{display:flex;gap:10px;margin-bottom:20px}.admin-button{flex:1;padding:12px;background:#4a7fff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-button:hover{background:#3d6fdd;transform:translateY(-2px)}.exit-button{flex:1;padding:12px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.exit-button:hover{background:#c0392b;transform:translateY(-2px)}.konkurs-section{margin-top:15px;padding-top:20px;border-top:1px dashed #555}.konkurs-button{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.konkurs-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.konkurs-button:active{transform:translateY(0)}.imageless-test-section{margin-top:15px;padding-top:20px;border-top:1px dashed #555}.imageless-test-row{display:flex;gap:10px;align-items:stretch}.imageless-dropdown{width:140px;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.imageless-dropdown:focus{outline:none;border-color:#3498db;background:#556070}.imageless-dropdown option{background:#2a3240;color:#fff}.imageless-test-button{flex:1;padding:15px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.imageless-test-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3498db80}.imageless-test-button:active{transform:translateY(0)}.imageless-test-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-tracking-section{margin-top:15px;padding-top:20px;border-top:1px dashed #555}.error-tracking-button{width:100%;padding:15px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.error-tracking-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #27ae6080}.error-tracking-button:active{transform:translateY(0)}.footer-text{text-align:center;color:#999;font-size:12px;line-height:1.6;margin-top:20px}.footer-text p{margin:5px 0}.error-message{background:#e74c3c;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1e2530;color:#fff;font-size:24px;font-weight:600}@media (max-width: 768px){.selection-box{padding:25px}.main-title{font-size:24px}.language-buttons{flex-direction:column}.lang-btn{min-width:100%}.bottom-buttons{flex-direction:column}.admin-button,.exit-button{width:100%}}.test-taking{min-height:100vh;background:#1e2530;display:flex;flex-direction:column}.logo-img{width:180px;height:45px}.test-header{background:#2a3240;border-bottom:2px solid #333;padding:15px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-content.exit-modal{background:#2a3240}.nav-left{display:flex;align-items:center;gap:15px}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:600}.template-info{background:#ffffff26;padding:8px 16px;border-radius:8px;color:#f9a825;font-size:14px;font-weight:600}.nav-center{display:flex;align-items:center;gap:15px}.exit-test-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.exit-test-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.exit-test-btn:active{transform:translateY(0)}.exit-shortcut{background:#0000004d;padding:4px 8px;border-radius:4px;font-size:11px;font-family:monospace;font-weight:500}.finish-test-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;animation:pulse-green 2s ease-in-out infinite}.finish-test-btn:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.finish-test-btn:active{transform:translateY(0)}.finish-test-btn:disabled{background:#666;cursor:not-allowed;animation:none}@keyframes pulse-green{0%,to{box-shadow:0 0 #27ae60b3}50%{box-shadow:0 0 20px 5px #27ae604d}}.nav-right{display:flex;align-items:center;gap:20px;color:#fff;font-size:18px}.question-counter{background:#333;padding:8px 20px;border-radius:5px;font-weight:600}.timer{background:#1faa5c;padding:8px 20px;border-radius:5px;font-weight:600}.language-switcher button{background:transparent;border:2px solid #444;color:#999;padding:8px 20px;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;margin:0 5px}.language-switcher button:hover{border-color:#666;color:#ccc}.language-switcher button.active{background:#f9a825;color:#000;border-color:#f9a825;font-weight:600}.question-container{flex:1;width:95%;margin:30px auto 140px;background:#3a4554;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0006}.question-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.question-header-row .question-text{flex:1;margin-bottom:0}.question-header-row .detail-btn{margin-bottom:0;flex-shrink:0}.question-text{font-size:var(--question-font-size, 22px);font-weight:700;line-height:1.6;color:#fff}.content-row{display:flex;gap:30px;margin-top:30px}.question-image-section{flex:0 0 65%;text-align:center;cursor:pointer;order:2}.question-image-section img{width:100%;max-height:500px;object-fit:contain;border-radius:10px;box-shadow:0 5px 15px #0003;transition:transform .3s ease}.question-image-section:hover img{transform:scale(1.02)}.image-hint{margin-top:10px;color:#aaa;font-size:14px;font-style:italic}.question-image-section.no-image{display:flex;align-items:center;justify-content:center;cursor:default}.no-image-placeholder{background:#2a3240;border:2px dashed #555;border-radius:10px;padding:60px 40px;width:100%;display:flex;align-items:center;justify-content:center}.no-image-placeholder p{color:#999;font-size:16px;font-style:italic;margin:0;text-align:center}.answers-section{flex:1;order:1}.answers-section.full-width{flex:1 1 100%;order:1}.answers-grid{display:grid;gap:10px}.answer-option{display:flex;align-items:center;padding:12px 15px;background:#4a5568;border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;color:#fff;min-height:50px}.answer-option:hover:not(:disabled){background:#556070;border-color:#f9a825;transform:translate(3px)}.answer-option:disabled{cursor:not-allowed;opacity:.7}.answer-option.correct{background:#1b5e3f;border-color:#1faa5c}.answer-option.incorrect{background:#5e2a2a;border-color:#dc3545}.answer-label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f9a825;color:#000;border-radius:50%;font-weight:700;font-size:16px;margin-right:12px;flex-shrink:0}.answer-text{flex:1;font-size:var(--answer-font-size, 15px);line-height:1.4;color:#fff}.answer-shortcut{background:#2a3240;color:#f9a825;padding:4px 8px;border-radius:4px;font-size:11px;font-family:monospace;margin-left:10px;flex-shrink:0}.feedback{margin-top:20px;padding:20px;border-radius:10px;font-size:24px;font-weight:700;text-align:center;animation:fadeIn .3s ease}.feedback.correct{background:#1b5e3f;color:#1faa5c}.feedback.incorrect{background:#5e2a2a;color:#ff6b6b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-modal{max-width:90vw;max-height:90vh;padding:20px}.image-modal img{max-width:100%;max-height:80vh;object-fit:contain}.image-modal p{text-align:center;margin-top:15px;color:#aaa}.exit-modal{max-width:500px;text-align:center;background:#1e2530;color:#fff;border-radius:10px;padding:30px;border:2px solid #333}.exit-modal h3{margin-top:0;color:#fff}.exit-modal p{margin:20px 0;color:#ccc}.modal-actions{display:flex;gap:15px;justify-content:center}.test-taking .question-pagination{position:fixed;bottom:0;left:0;right:0;width:100%;background:#2a3240;border-top:2px solid #555;padding:12px 20px;z-index:100;box-sizing:border-box;display:flex;justify-content:center}.test-taking .pagination-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:6px;max-width:1200px;width:100%}.test-taking .question-pagination.test-50 .pagination-grid{grid-template-columns:repeat(25,1fr);gap:4px}.test-taking .question-pagination.test-50 .page-btn{min-width:32px;height:32px;font-size:12px;padding:2px}.test-taking .question-pagination.test-imageless100 .pagination-grid{grid-template-columns:repeat(25,1fr);gap:4px;max-width:1400px}.test-taking .question-pagination.test-imageless100 .page-btn{min-width:28px;height:28px;font-size:11px;padding:4px;border-width:1px;border-radius:4px}.test-taking .question-pagination.test-imageless20 .pagination-grid{grid-template-columns:repeat(20,1fr);gap:6px}.test-taking .page-btn{min-width:40px;height:40px;padding:8px;background:#4a5568;border:2px solid #555;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.test-taking .page-btn:hover:not(:disabled){background:#556070;border-color:#f9a825}.test-taking .page-btn.active{background:#f9a825;color:#000;border-color:#f9a825}.test-taking .page-btn.answered-correct{background:#2a5a3f;border-color:#1faa5c}.test-taking .page-btn.answered-incorrect{background:#5e2a2a;border-color:#dc3545}.test-taking .page-btn:disabled{opacity:.5;cursor:not-allowed}.detail-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px;box-shadow:0 4px 15px #667eea66}.detail-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.detail-btn:active{transform:translateY(-1px)}.detail-modal{max-width:1000px;width:1000px;max-height:85vh;background:#2a3240;border-radius:15px;border:2px solid #3a4554;overflow:hidden;display:flex;flex-direction:column}.detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#2a3240;border-bottom:2px solid #3a4554}.detail-modal-header h3{margin:0;color:#fff;font-size:20px;font-weight:600}.detail-modal-close{background:#e74c3c;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.detail-modal-close:hover{background:#c0392b;transform:rotate(90deg)}.detail-modal-body{padding:25px;overflow-y:auto;flex:1}.detail-video-section{margin-bottom:25px}.detail-video{width:100%;max-height:400px;border-radius:10px;background:#000}.detail-description-section{background:#2a3240;border-radius:10px;padding:20px;border-left:4px solid #667eea}.detail-description-section h4{margin:0 0 15px;color:#667eea;font-size:18px;font-weight:600}.detail-description-section p{margin:0;color:#e0e0e0;font-size:16px;line-height:1.7;text-align:justify}.detail-empty{text-align:center;padding:40px 20px}.detail-empty p{color:#999;font-size:16px;font-style:italic}@media (max-width: 968px){.test-header{flex-wrap:wrap;gap:10px;padding:10px 15px}.nav-left,.nav-center,.nav-right{flex:1 1 auto}.exit-test-btn{padding:8px 15px;font-size:12px}.exit-shortcut{padding:3px 6px;font-size:10px}.question-counter,.timer{padding:6px 15px;font-size:14px}.content-row{flex-direction:column}.question-image-section,.answers-section{flex:1 1 100%}.question-container{max-width:95%;padding:20px}.test-taking .question-pagination{width:100%!important;max-width:100%!important;padding:8px 10px;border-radius:0}.test-taking .pagination-grid{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:6px;padding:4px 10px;scrollbar-width:none;-ms-overflow-style:none}.test-taking .pagination-grid::-webkit-scrollbar{display:none}.test-taking .page-btn{min-width:36px;height:36px;font-size:13px;padding:4px;flex-shrink:0}.detail-btn{padding:10px 18px;font-size:14px}.detail-modal{width:95%;max-height:90vh}.detail-modal-header{padding:15px 20px}.detail-modal-header h3{font-size:18px}.detail-modal-body{padding:15px}.detail-video{max-height:250px}.detail-description-section{padding:15px}.detail-description-section p{font-size:14px}}@media (max-width: 480px){.test-taking .page-btn{min-width:32px;height:32px;font-size:12px}}.test-results{min-height:100vh;background:#1e2530;display:flex;align-items:center;justify-content:center;padding:20px}.results-container{background:#3a4554;border-radius:15px;padding:30px;max-width:700px;width:100%;box-shadow:0 10px 30px #0006}.results-header{text-align:center;margin-bottom:30px}.results-header.passed{color:#1faa5c}.results-header.failed{color:#ff6b6b}.result-icon{font-size:70px;margin-bottom:15px}.results-header h1{margin:10px 0;font-size:32px;color:#fff}.result-message{font-size:16px;color:#ccc;margin-top:10px}.score-display{display:flex;justify-content:center;margin:30px 0}.score-circle{position:relative;width:180px;height:180px}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:42px;font-weight:700;color:#f9a825}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0}.stat-item{background:#2a3240;padding:15px;border-radius:10px;text-align:center;border:2px solid #555}.stat-item.correct{background:#1b5e3f;border-color:#1faa5c}.stat-item.incorrect{background:#5e2a2a;border-color:#ff6b6b}.stat-value{font-size:32px;font-weight:700;color:#fff;margin-bottom:5px}.stat-label{font-size:13px;color:#aaa}.actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;background:#1e2530}.error-container .error-message{color:#ff6b6b;font-size:18px;background:#3a4554;padding:20px 30px;border-radius:10px}@media (max-width: 600px){.results-container{padding:20px 15px}.stats-grid{grid-template-columns:1fr}.actions{flex-direction:column}}.test-history{min-height:100vh;background:#1e2530}.history-header{background:#2a3240;border-bottom:2px solid #333;padding:15px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center}.history-header h1{margin:0;font-size:24px;font-weight:600}.history-container{max-width:1400px;margin:30px auto;padding:20px}.no-history{background:#3a4554;padding:40px;border-radius:15px;text-align:center}.no-history p{font-size:18px;color:#ccc;margin-bottom:30px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.history-card{background:#3a4554;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0006;transition:transform .3s ease}.history-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080}.history-card.passed{border:3px solid #1faa5c}.history-card.failed{border:3px solid #dc3545}.card-body{padding:15px}.score-display-small{text-align:center;margin-bottom:15px}.score-display-small .score{font-size:42px;font-weight:700;color:#f9a825}.test-stats-small{display:flex;justify-content:space-around;margin:15px 0}.test-stats-small .stat{text-align:center}.test-stats-small .label{display:block;font-size:12px;color:#aaa;margin-bottom:5px}.test-stats-small .value{display:block;font-size:22px;font-weight:700}.test-stats-small .value.correct{color:#1faa5c}.test-stats-small .value.incorrect{color:#ff6b6b}.test-date{text-align:center;font-size:13px;color:#999;margin-top:10px}.card-footer{padding:12px 15px;background:#2a3240;border-top:2px solid #555;text-align:right}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:15px;background:#3a4554;border-radius:10px}.page-info{font-size:16px;color:#fff}@media (max-width: 768px){.history-grid{grid-template-columns:1fr}.history-header{flex-direction:column;gap:15px}.user-info{width:100%;display:flex;justify-content:center;gap:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.logo-img{height:70px;width:70px;border-radius:10px;width:auto}button{cursor:pointer;border:none;padding:10px 20px;font-size:16px;border-radius:5px;transition:all .3s ease}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-success{background-color:#28a745;color:#fff}.btn-danger{background-color:#dc3545;color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}input,select,textarea{padding:10px;font-size:16px;border:1px solid #ddd;border-radius:5px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.error-message{color:#dc3545;font-size:14px;margin-top:5px}.success-message{color:#28a745;font-size:14px;margin-top:5px}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#f5f5f5;gap:20px}.loading .loading-logo{width:240px;height:60px;border-radius:20px;animation:pulse 1.5s ease-in-out infinite}.loading .loading-text{font-size:24px;font-weight:600;color:#333;animation:fadeInOut 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#2a3240;padding:30px;border-radius:10px;max-width:100%;max-height:90%;overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:5px;overflow:hidden}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f8f9fa;font-weight:700}tr:hover{background-color:#f5f5f5}