:root{--primary-gradient-start:#66b3ff;--primary-gradient-end:#0047ab;--nav-gradient-start:#43525d;--nav-gradient-end:#15191d;--text-primary:#fff;--text-secondary:#ffffffb3;--border-color:#40444b;--highlight-color:#f9f644;--button-border:#fff;--card-bg:#1e293b;--text-color:var(--text-primary);--primary-color:#3b82f6;--primary-dark:#2563eb;--primary-light:#3b82f61a;--primary-rgb:59,130,246;--secondary-bg:#334155;--header-bg:#1e293be6;--input-bg:#ffffff1a;--hover-bg:#ffffff0d;--timer-bg:#475569;--warning-color:#f59e0b;--info-color:#06b6d4;--danger-color:#ef4444;--danger-light:#ef44441a;--success-color:#22c55e;--success-light:#22c55e1a;--content-background:#ffffff0d;--content-shadow:0 8px 32px #0000004d;--content-border:1px solid #ffffff1a;--input-background:#ffffff1a;--input-color:#fff;--input-border:1px solid #fff3;--dropdown-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--info-background:#06b6d41a;--info-border:1px solid #06b6d44d;--success-background:#22c55e1a;--success-border:1px solid #22c55e4d;--danger-color-dark:#dc2626}[data-theme=light]{--primary-gradient-start:#fff;--primary-gradient-end:#e6f0ff;--secondary-gradient-start:#f5f9ff;--secondary-gradient-end:#e6f0ff;--nav-gradient-start:#f0f0f0;--nav-gradient-end:#e0e0e0;--text-primary:#333;--text-secondary:#666;--border-color:#ddd;--highlight-color:#0047ab;--button-bg:#e0e0e0;--button-border:#ccc;--button-hover:#d0d0d0;--chart-bg:#fff;--card-bg:#fff;--text-color:var(--text-primary);--primary-color:#1976d2;--primary-dark:#1565c0;--primary-light:#1976d21a;--primary-rgb:25,118,210;--secondary-bg:#f1f5f9;--header-bg:#f8f9fa;--input-bg:#fff;--hover-bg:#0000000a;--timer-bg:#e2e8f0;--warning-color:#ed6c02;--info-color:#0288d1;--danger-color:#d32f2f;--danger-light:#d32f2f1a;--success-color:#2e7d32;--success-light:#2e7d321a;--content-background:#fff;--content-shadow:0 4px 16px #0000001a;--content-border:1px solid #e0e0e0;--input-background:#fff;--input-color:#333;--input-border:1px solid #d0d0d0;--dropdown-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--info-background:#0288d10d;--info-border:1px solid #0288d133;--success-background:#2e7d320d;--success-border:1px solid #2e7d3233;--danger-color-dark:#c62828}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#66b3ff,#0047ab);background:linear-gradient(to bottom,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-bg{background:linear-gradient(180deg,#2e85db,#012353);background:linear-gradient(to bottom,var(--secondary-gradient-start),var(--secondary-gradient-end))}.nav-gradient-bg{background:linear-gradient(180deg,#43525d,#15191d);background:linear-gradient(to bottom,var(--nav-gradient-start),var(--nav-gradient-end))}.theme-toggle{align-items:center;background:#0000;background:var(--button-bg);border:1px solid #fff;border:1px solid var(--button-border);border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.theme-toggle:hover{background:#fff3;background:var(--button-hover);transform:scale(1.1)}[data-theme=light] .primary-button,[data-theme=light] .save-button:not(:disabled),[data-theme=light] .start-button{background:#0047ab;border-color:#0047ab;color:#fff}[data-theme=light] .primary-button:hover,[data-theme=light] .save-button:not(:disabled):hover,[data-theme=light] .start-button:hover{background:#003380;border-color:#003380}[data-theme=light] .modal .form-buttons button{background:#f0f0f0;border-color:#ddd;color:#333}[data-theme=light] .modal .form-buttons button:hover{background:#e0e0e0}[data-theme=light] .modal .form-buttons button.primary-action{background:#0047ab;border-color:#0047ab;color:#fff}[data-theme=light] .modal .form-buttons button.primary-action:hover{background:#003380;border-color:#003380}[data-theme=light] .navigation-section button:not(.current-plan-btn):not(.upgrade-plan-btn):not(.not-available-btn):not(.change-plan-button),[data-theme=light] button:not(button.icon-button):not(button.session-action-clean-button):not(.current-plan-btn):not(.upgrade-plan-btn):not(.not-available-btn):not(.change-plan-button):not(.question-nav-button){background:#0064e0!important;border:1px solid #fff!important;border:1px solid var(--button-border)!important;color:#fff!important}[data-theme=light] .light-select,[data-theme=light] select{background-color:#fff!important;border:1px solid #e8ebf2!important;color:#1a2b4a!important}[data-theme=dark] select option{background-color:#1a3a5f;color:#fff}[data-theme=light] select option{background-color:#fff;color:#2c3e50}button,input[type=button],input[type=reset],input[type=submit]{font-family:Optimistic Text Bold,Helvetica,Arial,sans-serif}[data-theme=light] .recharts-text{fill:#2c3e50!important}[data-theme=dark] .recharts-text{fill:#fff!important}.session-action-clean-button,button.session-action-clean-button{height:auto!important;outline:none!important;padding:4px!important;width:auto!important}.session-action-clean-button,.session-action-clean-button:hover,button.session-action-clean-button,button.session-action-clean-button:hover{background:#0000!important;border:none!important;box-shadow:none!important;transform:none!important}[data-theme=light] .session-action-clean-button,[data-theme=light] .session-action-clean-button:hover,[data-theme=light] button.session-action-clean-button,[data-theme=light] button.session-action-clean-button:hover{background:#0000!important;border:none!important;box-shadow:none!important}:root{--primary-gradient-start:#1a1a2e;--primary-gradient-end:#1a1a2e;--secondary-gradient-start:#2e85db;--secondary-gradient-end:#012353;--text-color:#fff;--option-correct-bg:#48bb78;--option-incorrect-bg:#e53e3e;--text-primary:var(--text-color);--button-bg:#0000;--button-border:var(--text-color);--button-hover:#fff3;--chart-bg:#ffffff1a;--border-color:var(--text-color);--nav-gradient-end:var(--secondary-gradient-end)}body[data-theme=light]{--primary-gradient-start:#f5f5f5;--primary-gradient-end:#e0e0e0;--secondary-gradient-start:#fff;--secondary-gradient-end:#f0f0f0;--text-color:#333;--option-correct-bg:#d4edda;--option-incorrect-bg:#f8d7da;--text-primary:var(--text-color);--button-bg:#0000;--button-border:var(--text-color);--button-hover:#0000001a;--chart-bg:#0000000d;--border-color:#ccc;--nav-gradient-end:var(--secondary-gradient-end)}.login-page-container{background:linear-gradient(180deg,#1a1a2e,#1a1a2e);height:100vh}.login-container-main{background:linear-gradient(180deg,#2e85db,#012353);margin:20px}.header-icon,.login-button,.login-button:hover,.login-header,.remember-forgot a,.remember-forgot label{color:#fff;color:var(--text-color)}.login-button,.login-button:hover{background:#0000;border:1px solid #fff;border:1px solid var(--text-color);border-radius:5px;cursor:pointer;padding:10px;width:100%}.login-container label,.register-now{color:#fff;color:var(--text-color)}.forgot-password{color:#00838f}.page-content-wrapper{flex-grow:1;height:100vh;overflow-y:auto;position:relative}.app-layout{display:flex;flex-direction:row;height:100vh;overflow:hidden}.content-full,.content-with-nav{flex:1 1;min-height:calc(100vh - 80px)}.content-with-nav{margin-left:75px;overflow-x:hidden;transition:margin-left .3s ease;width:calc(100% - 75px)}.app-nav.visible+.content-with-nav,.app-nav:hover+.content-with-nav{margin-left:200px;width:calc(100% - 200px)}@media (max-width:768px){.content-with-nav{margin-left:0!important;padding-top:70px!important;width:100%!important}.dashboard-container-main,.practice-test{margin-left:0!important;padding-left:15px!important}}body,html{margin:0;padding:0}#root,.App,body,html{height:100%}.practice-test-page-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.practice-test-content-area{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.practice-test-footer{flex-shrink:0;margin-top:auto}.practice-test-page-layout .content-full,.practice-test-page-layout .content-with-nav{display:flex;flex-direction:column;height:100%;min-height:0;min-height:auto}.navigation-container{position:relative}.app-nav{background-color:#1a1a2e;box-shadow:2px 0 15px #0003;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;padding:15px 8px 10px;position:fixed;top:0;transition:all .3s ease;width:74px;z-index:100}.nav-logo-container{display:grid;height:40px;margin-bottom:15px;place-items:center;width:100%}.nav-logo-collapsed,.nav-logo-expanded{grid-column:1/-1;grid-row:1/-1;max-height:40px;transition:opacity .3s ease}.nav-logo-collapsed{max-width:32px;opacity:1}.nav-logo-expanded{max-width:160px;opacity:0}.app-nav:hover .nav-logo-collapsed{opacity:0}.app-nav:hover .nav-logo-expanded{opacity:1}.app-nav:hover{width:200px}.nav-main-menu,.nav-user-menu{list-style-type:none;margin:0;padding:0;width:100%}.nav-main-menu{flex:1 1;margin-top:20px}.app-nav ul li{margin-bottom:4px;white-space:nowrap}.app-nav ul li a{align-items:center;border-radius:8px;color:#e1e1e1;display:flex;padding:9px 15px;text-decoration:none;transition:all .2s}.app-nav ul li a:hover,.app-nav ul li.active a{background-color:#ffffff1a;color:#fff}.app-nav ul li.active a{border-left:3px solid #2d70fd}.nav-icon{flex-shrink:0;font-size:1.1rem;margin-right:10px;min-width:20px}.nav-label{opacity:0;transition:opacity .2s ease;white-space:nowrap}.app-nav:hover .nav-label{opacity:1}.nav-user{align-items:center;background-color:#1a1a2e;border-radius:8px;color:#fff;cursor:pointer;display:flex;margin-bottom:5px;padding:10px;transition:background-color .2s;white-space:nowrap;width:100%}.nav-user:hover{background-color:#ffffff1a}.nav-user-avatar{align-items:center;background-color:#2d70fd;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;margin-right:10px;width:32px}.nav-user-name{flex:1 1;font-weight:500;opacity:0;transition:opacity .2s ease}.app-nav:hover .nav-user-name{opacity:1}.nav-user-icon{font-size:.8rem;opacity:0;transition:opacity .2s ease}.app-nav:hover .nav-user-icon{opacity:1}.nav-user-menu{background-color:#242438;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:15px;overflow:hidden;position:relative;z-index:200}.nav-user-menu li a{background-color:#242438;color:#e1e1e1;padding:10px 15px}.nav-user-menu li a:hover{background-color:#2d3246}.nav-logout-button{align-items:center;background:none;border:none;border-radius:8px;color:#e1e1e1;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;padding:10px 15px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.nav-logout-button:hover{background-color:#2d3246;color:#fff}.dashboard-toggle-button{background:#1a1a2ef2;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0003;color:#e1e1e1;cursor:pointer;display:none;font-size:1.1rem;left:15px;min-height:44px;min-width:44px;padding:10px;position:fixed;top:15px;transition:all .2s ease;z-index:1001}.dashboard-toggle-button:hover{background:#1a1a2e;border-color:#fff6;box-shadow:0 4px 12px #0000004d}.nav-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:99}.nav-overlay.visible{opacity:1;visibility:visible}@media screen and (min-width:769px){.nav-overlay{display:none!important}}@media screen and (max-width:768px){.billing-container,.content-with-nav>*,.dashboard-container-main,.performance-history-container,.practice-test,.settings-container,.simulate-exam-container{margin-left:0!important;padding-left:15px!important;padding-top:70px!important}body.nav-open{overflow:hidden}.dashboard-toggle-button{align-items:center;display:flex;justify-content:center}.app-nav{transform:translateX(-100%);transition:transform .3s ease;width:250px}.app-nav.visible{transform:translateX(0)}.app-nav.visible .nav-label,.app-nav.visible .nav-user-name{display:inline;opacity:1}.app-nav.visible .nav-user-icon{opacity:1}.app-nav.visible .nav-user{justify-content:flex-start;padding:12px 15px}.app-nav.visible .nav-user-avatar{margin-right:10px}.app-nav.visible .nav-logo-collapsed{opacity:0}.app-nav.visible .nav-logo-expanded{opacity:1}.app-nav:hover{width:250px}.app-nav ul li a{padding:15px}.app-nav ul li a,.app-nav.visible ul li a{justify-content:flex-start}.nav-icon{font-size:1.2rem;margin-right:12px}}@media screen and (max-width:480px){.app-nav{width:280px}.app-nav ul li a{border-radius:6px;padding:12px 15px}.nav-icon{font-size:1.1rem;margin-right:10px}.nav-user-avatar{font-size:14px;height:32px;width:32px}.dashboard-toggle-button{font-size:1rem;left:12px;min-height:36px;min-width:36px;padding:6px;top:12px}}@media (hover:none) and (pointer:coarse){.app-nav ul li a{transition:background-color .15s ease}.app-nav ul li a:active{background-color:#ffffff26;transform:scale(.98)}.app-nav:hover{width:250px}.app-nav:hover .nav-label{display:inline;opacity:1}}.theme-toggle-container{margin-top:auto;padding:10px}.theme-toggle-nav{align-items:center;background:#0000;border:none;border-radius:8px;color:#e1e1e1;cursor:pointer;display:flex;padding:12px 15px;text-align:left;transition:all .2s;width:100%}.theme-toggle-nav:hover{background-color:#ffffff1a;color:#fff}.login-page-container{align-items:center;background:linear-gradient(to bottom,var(--primary-gradient-start),var(--primary-gradient-end));box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:10vh 0;width:100%}.login-container-main{align-items:center;background:linear-gradient(to bottom,var(--secondary-gradient-start),var(--secondary-gradient-end));border-radius:15px;box-shadow:0 6px 12px #0003;display:flex;flex-direction:column;margin:0 auto;max-width:90%;padding:30px;width:380px}.header-icon{color:var(--text-primary);font-size:50px;margin-bottom:10px;text-align:center}.header-icon,.header-logo{display:block;margin-left:auto;margin-right:auto}.header-logo{height:auto;margin-bottom:20px;transition:opacity .3s ease;width:120px}.login-header{color:var(--text-primary);font-size:24px;margin-bottom:20px}.login-form{width:100%}.input-icon{color:var(--text-primary);font-size:1.1rem;margin-right:12px}.dark-mode-icon{color:#fff}.light-mode-icon{color:#2c3e50}.remember-forgot{align-items:center;display:flex;gap:3ch;justify-content:space-between;margin-bottom:20px;width:100%}.remember-forgot a,.remember-forgot label{color:var(--text-primary);font-size:12px}.remember-me{align-items:center;display:flex}.remember-me-label{color:var(--text-primary);font-size:12px;margin-left:5px}.login-button{background:var(--button-bg);border:none;border-radius:5px;color:var(--button-text);cursor:pointer;font-weight:700;margin-top:20px;padding:10px;transition:background-color .3s ease;width:100%}.login-button:hover{background:var(--button-hover)}.login-container label,.register-now{color:var(--text-primary)}.register-now{font-size:14px;margin-top:15px}.register-now a{color:var(--primary);text-decoration:none}.register-now a:hover{color:var(--primary-hover);text-decoration:underline}.forgot-password{color:var(--text-secondary)}.forgot-password:hover{color:var(--primary);text-decoration:underline}.social-login-options{margin-top:20px;width:100%}.social-icons{display:flex;gap:20px;justify-content:center;margin-top:10px}.social-icon-container{align-items:center;background:var(--social-icon-bg);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .3s ease;width:40px}.tooltip{background:var(--tooltip-bg);border-radius:4px;box-shadow:var(--tooltip-shadow);color:var(--tooltip-text);font-size:12px;left:50%;opacity:0;padding:5px 8px;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:nowrap;z-index:1}.social-icon-container:hover .tooltip{opacity:1;visibility:visible}@media (max-width:600px){.login-container-main{padding:20px;width:90%}.input-group{margin-bottom:14px}.auth-input{font-size:.95rem;padding:8px 4px 6px 0}}@media (max-height:700px){.login-page-container{padding:5vh 0}.header-logo{margin-bottom:15px;width:100px}.social-icon-container{height:35px;width:35px}}@media (max-height:600px){.login-page-container{padding:2vh 0}}.dashboard-container-main{background:linear-gradient(135deg,#4b9ff9,#58a9ff);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.exam-type-selector select{background-image:none;border:1px solid #ccc;border-radius:4px;padding:8px}.exam-type-selector select,.exam-type-selector select option{background-color:#fff;color:#2c3e50}@media (prefers-color-scheme:dark){.exam-type-selector select{border:1px solid #444}.exam-type-selector select,.exam-type-selector select option{background-color:#1a2b4a;color:#fff}}.light-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#2c3e50}.dark-select,.light-select{background-image:none;background-position:right 10px center;background-repeat:no-repeat;min-width:120px;padding:8px;width:auto}.dark-select{background-color:#1a2b4a;border:1px solid #444;border-radius:4px;color:#fff}.dashboard-container-main .info-icon{cursor:default!important}.apexcharts-text,.chart-label,.chartjs-label,.chartjs-tick,.recharts-text{color:#2c3e50!important}@media (prefers-color-scheme:dark){.apexcharts-text,.chart-label,.chartjs-label,.chartjs-tick,.recharts-text{color:#fff!important}}.recent-tests-list{display:flex;flex-direction:column;gap:10px;max-height:180px;overflow-y:auto}.recent-test-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.test-info{display:flex;flex-direction:column}.test-info h4{color:#fff;font-size:14px;font-weight:500;margin:0}.test-date{color:#ffffffb3;font-size:12px;margin-top:4px}.test-score{align-items:center;display:flex}.score-badge{border-radius:12px;font-size:14px;font-weight:500;padding:4px 10px}.score-badge.excellent{background:#2ed57333;color:#2ed573}.score-badge.good{background:#ffc30033;color:#ffc300}.score-badge.needs-improvement{background:#ff6b6b33;color:#ff6b6b}.report-button{background-color:#fff3;color:#fff}@media screen and (max-width:992px){.charts-row,.dashboard-header{flex-direction:column;gap:15px}.dashboard-header{align-items:flex-start;padding:15px 20px}.welcome-banner{align-items:flex-start;flex-direction:column;gap:10px;padding:20px}.dashboard-header h1,.welcome-info h2{font-size:20px}}@media screen and (max-width:768px){.dashboard-container-main{padding-left:0}.welcome-banner{flex-direction:column;padding:15px;text-align:left}.welcome-info h2{font-size:18px;margin-bottom:5px}.welcome-subtext{font-size:13px}.current-date{align-self:flex-start;font-size:12px;margin-top:10px}.dashboard-header{gap:12px;padding:15px}.dashboard-header h1{font-size:18px}.exam-type-selector{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.exam-type-selector span{font-size:13px}.exam-type-selector select{font-size:14px;min-width:auto;padding:10px;width:100%}.dashboard-content{padding:0 15px}.charts-row{gap:15px;margin-bottom:15px}.chart-box{border-radius:8px;padding:15px}.chart-header h3{font-size:14px}.left-action{padding:15px}.action-button{font-size:13px;justify-content:center;min-width:auto;padding:12px 20px;width:100%}}@media screen and (max-width:480px){.dashboard-container-main{margin-left:0;padding-left:0}.dashboard-header,.left-action,.welcome-banner{padding:12px}.dashboard-header h1,.welcome-info h2{font-size:16px}.dashboard-content{padding:0 12px}.chart-box{margin-bottom:12px;padding:12px}.chart-box .recharts-wrapper{width:100%!important}.recent-test-item{border-radius:6px;margin-bottom:8px;padding:12px}.test-info h4{font-size:13px}.test-date{font-size:11px}.score-badge{font-size:12px;padding:3px 8px}}@media screen and (max-width:360px){.dashboard-content,.dashboard-header,.left-action,.welcome-banner{padding:10px}.dashboard-header h1,.welcome-info h2{font-size:15px}.chart-box{padding:10px}.action-button{font-size:12px;padding:10px 15px}}@media screen and (max-width:768px){.dashboard-container-main{padding-top:70px!important}.welcome-banner{padding-top:25px}}.global-footer{background-color:#2c3e50;border-top:1px solid #34495e;color:#ecf0f1;margin-top:auto;padding:20px 0;width:100%}.footer-content{flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-content,.footer-section{align-items:center;display:flex}.footer-section p{color:#bdc3c7;font-size:14px;margin:0}.footer-links{align-items:center;display:flex;gap:25px}.footer-link{border-radius:4px;color:#ecf0f1;font-size:14px;font-weight:500;padding:5px 10px;text-decoration:none;transition:color .3s ease,transform .2s ease}.footer-link:hover{background-color:#3498db1a;color:#3498db;transform:translateY(-1px)}.footer-link:focus{outline:2px solid #3498db;outline-offset:2px}@media (max-width:768px){.footer-content{flex-direction:column;gap:10px;text-align:center}.footer-links{gap:20px}.footer-link,.footer-section p{font-size:13px}.footer-link{padding:8px 12px}}@media (max-width:480px){.footer-links{flex-direction:column;gap:10px}.global-footer{padding:15px 0}}@media (prefers-color-scheme:dark){.global-footer{background-color:#1a1a1a;border-top-color:#333}.footer-section p{color:#888}.footer-link{color:#e0e0e0}.footer-link:hover{background-color:#4fc3f71a;color:#4fc3f7}.footer-link:focus{outline-color:#4fc3f7}}.terms-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.terms-modal-content{animation:modalSlideIn .3s ease-out;border-radius:12px;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.terms-modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 25px;position:sticky;top:0;z-index:10}.terms-close-button{border-radius:50%;padding:8px;transition:all .2s ease}.terms-close-button:hover{background:#ffffff1a!important;transform:rotate(90deg)}.terms-modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:25px}.terms-modal-body h3{font-size:1.1em;font-weight:600;margin-bottom:15px;margin-top:25px}.terms-modal-body p{line-height:1.6;margin-bottom:12px}.terms-modal-body strong{font-weight:600}.terms-modal-body::-webkit-scrollbar{width:8px}.terms-modal-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.terms-modal-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.terms-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.terms-modal-overlay{padding:10px}.terms-modal-content{max-height:95vh}.terms-modal-header{padding:15px 20px}.terms-modal-body{max-height:calc(95vh - 70px);padding:20px}.terms-modal-body h3{font-size:1.05em}.terms-modal-body p{font-size:.95em}}.input-field-icon{margin-right:10px}.input-group{margin-bottom:15px}.auth-input{background:#0000;border:none;border-bottom:2px solid var(--text-primary);border-radius:0;color:var(--text-primary);font-size:1rem;outline:none;padding:10px 6px 8px 0;transition:border-color .2s,background-color .2s;width:100%}.auth-input::placeholder{color:var(--text-secondary);opacity:.7}.auth-input:focus{border-bottom:2.5px solid var(--primary)}.auth-input-icon{color:var(--text-primary);font-size:1.1rem;margin-right:12px}.dark-mode .auth-input{background:#0000;border-bottom-color:#ffffffb3;color:#fff}.dark-mode .auth-input::placeholder{color:#fff9}.dark-mode .auth-input:focus{border-bottom-color:#90cdf4}.light-mode .auth-input{background:#0000;border-bottom-color:#2c3e50b3;color:#2c3e50}.light-mode .auth-input::placeholder{color:#2c3e5099}.light-mode .auth-input:focus{border-bottom-color:#3498db}.signup-input-group{align-items:center;display:flex;margin-bottom:18px;position:relative;width:100%}.signup-input-icon{color:var(--text-primary);font-size:1.1rem;margin-right:12px}.signup-input{background:#0000;border:none;border-bottom:2px solid var(--text-primary);border-radius:0;color:var(--text-primary);font-size:1rem;outline:none;padding:10px 6px 8px 0;transition:border-color .2s;width:100%}.signup-input:focus{border-bottom:2.5px solid var(--primary)}@media (max-width:600px){.input-group,.signup-input-group{margin-bottom:14px}.auth-input,.signup-input{font-size:.95rem;padding:8px 4px 6px 0}}.social-icon-container{position:relative}.social-icon-container:hover .tooltip{opacity:1!important;visibility:visible!important}.social-icon-container:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.tooltip{min-width:60px;pointer-events:none;text-align:center}.password-page-container{align-items:center;background:linear-gradient(180deg,#66b3ff,#0047ab);display:flex;height:100vh;justify-content:center;width:100%}.password-container-main{align-items:center;background:linear-gradient(180deg,#2e85db,#012353);border-radius:15px;box-shadow:0 6px 12px #0003;display:flex;flex-direction:column;margin:20px;padding:30px;width:380px}.password-header{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.password-header .header-icon{color:#fff;font-size:50px;margin-bottom:10px}.password-form{width:100%}.input-group{align-items:center;display:flex;margin-bottom:20px;position:relative;width:100%}.input-icon{color:#fff;font-size:16px;margin-right:10px}.input-group input{background:#0000;border:none;border-bottom:1px solid #fff;color:#fff;flex-grow:1;outline:none;padding:10px 5px}.input-group input::placeholder{color:#fff;opacity:1}.password-button{background-color:#0080ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px;transition:background-color .3s ease;width:100%}.password-button:hover{background-color:#06c}.login-link{font-size:14px;margin-top:20px;text-align:center}.login-link a,.login-link a:visited{color:#fff;text-decoration:none}.login-link a:active,.login-link a:hover{color:#f9f644;text-decoration:none}.success-message{color:#fff;font-size:14px;margin-top:10px}.reset-success-message{text-align:center}.reset-success-message p{color:inherit!important}.question-nav-button{align-items:center!important;border:none!important;border-radius:6px!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;gap:6px!important;justify-content:flex-start!important;margin:0!important;min-height:36px!important;outline:none!important;overflow:hidden!important;padding:2px 6px!important;position:relative!important;text-align:left!important;transition:all .15s!important;width:100%!important}.question-nav-button.light-mode{background:#64748b14!important;border:1px solid #64748b33!important}.question-nav-button.light-mode:hover{background:#64748b1f!important;border:1px solid #64748b4d!important}.question-nav-button.current.light-mode{background:#64748b26!important;border:2px solid #64748b!important;box-shadow:0 0 0 2px #64748b1f!important}.question-nav-button.light-mode[style],button.question-nav-button.light-mode,button.question-nav-button.light-mode[style]{background:#64748b14!important;background-color:#64748b14!important;border:1px solid #64748b33!important}.question-nav-button.current.light-mode[style],button.question-nav-button.current.light-mode,button.question-nav-button.current.light-mode[style]{background:#64748b26!important;background-color:#64748b26!important;border:2px solid #64748b!important;box-shadow:0 0 0 2px #64748b1f!important}.question-nav-button.dark-mode{background:#0000!important;border:1px solid #0000!important}.question-nav-button.dark-mode:hover{background:#ffffff0d!important}.question-nav-button.current.dark-mode{background:#0074cc2e!important;border:2px solid var(--status-color)!important;box-shadow:0 0 0 2px #0074cc1f!important}.question-nav-number{flex-shrink:0!important;font-size:12px!important;font-weight:700!important;margin-right:6px!important;min-width:28px!important;text-align:left!important}.question-nav-number.light-mode{color:#475569!important}.question-nav-number.current.light-mode{color:#334155!important}.question-nav-number.dark-mode{color:#94a3b8!important}.question-nav-number.current.dark-mode{color:var(--status-color)!important}.question-nav-preview{flex:1 1!important;font-size:12px!important;line-height:1.2!important;min-width:0!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important}.question-nav-preview.current{font-weight:700!important}.question-nav-preview:not(.current){font-weight:500!important}.question-nav-preview.light-mode{color:#334155!important}.question-nav-preview.current.light-mode{color:#1e293b!important}.question-nav-preview.dark-mode{color:#fff!important}.question-nav-preview.current.dark-mode{color:var(--status-color)!important}@media screen and (max-width:768px){.question-nav-button{gap:6px!important;min-height:40px!important;padding:6px 8px!important}.question-nav-number{font-size:13px!important;font-weight:700!important;margin-right:6px!important;min-width:28px!important}.question-nav-preview{font-size:12px!important;font-weight:500!important;line-height:1.3!important}}.highlight-text{background-color:#ffeb3b;border-radius:2px;color:#000;padding:1px 0}.option.correct{background-color:var(--correct-light,#e6f7ef);border-color:var(--correct-border-light,#0cae74)}.option.incorrect{background-color:var(--incorrect-light,#fff2f2);border-color:var(--incorrect-border-light,#ff5c63)}.option.locked{cursor:default!important;opacity:.8;-webkit-user-select:none;user-select:none}.option.locked .option-content>:not(.explanation-icon){pointer-events:none}.option.locked .explanation-icon{opacity:1;pointer-events:auto!important}.answer-text{font-weight:400}.answer-text.selected{font-weight:600}.status-indicator{border-radius:50%;color:#fff;font-weight:700;height:28px;justify-content:center;width:28px}.status-indicator.correct{background-color:#22c55e}.status-indicator.incorrect{background-color:#ef4444}.answer-status{align-items:center;border-radius:8px;display:flex;font-size:16px;font-weight:700;justify-content:center;margin-top:20px;padding:12px 24px}.answer-status.correct{background-color:#22c55e1a;border:1px solid #22c55e4d;color:#16a34a}.answer-status.incorrect{background-color:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.status-icon{margin-right:8px}.answer-actions{border-top:1px solid var(--border-light,#0000000d)}.dark-mode .answer-actions,body[data-theme=dark] .answer-actions{border-top-color:#ffffff14}.answer-actions button{border-radius:6px;font-size:14px;transition:all .2s ease}.answer-actions button:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.dark-mode .answer-actions button:hover:not(:disabled),body[data-theme=dark] .answer-actions button:hover:not(:disabled){box-shadow:0 4px 8px #00000040}.dark-mode .option,body[data-theme=dark] .option{background:#1e293b;background:var(--background-dark,#1e293b);border-color:#334155;border-color:var(--border-dark,#334155);color:#e2e8f0;color:var(--text-primary-dark,#e2e8f0)}.dark-mode .option:hover,body[data-theme=dark] .option:hover{background-color:#2d3748;background-color:var(--hover-dark,#2d3748)}.dark-mode .option.correct,body[data-theme=dark] .option.correct{background-color:#0cae7433;border-color:#0cae74}.dark-mode .option.incorrect,body[data-theme=dark] .option.incorrect{background-color:#ff5c6333;border-color:#ff5c63}.dark-mode .letter-indicator,body[data-theme=dark] .letter-indicator{background-color:#ffffff1a;color:#e2e8f0}.dark-mode .letter-indicator.selected,body[data-theme=dark] .letter-indicator.selected{background-color:#3b82f680;color:#fff}.dark-mode .answer-status.correct,body[data-theme=dark] .answer-status.correct{background-color:#22c55e33;color:#4ade80}.dark-mode .answer-status.incorrect,body[data-theme=dark] .answer-status.incorrect{background-color:#ef444433;color:#f87171}.explanation-toggle{margin-top:10px;text-align:right}.explanation-button{align-items:center;background:none;border:none;border-radius:4px;color:#3b82f6;color:var(--brand,#3b82f6);cursor:pointer;display:flex;font-size:14px;gap:6px;margin-left:auto;padding:4px 8px}.explanation-button:hover{background-color:#3b82f61a}.explanation-icon{align-items:center;background-color:#3b82f6;background-color:var(--brand,#3b82f6);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:auto;pointer-events:auto!important;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px;z-index:10}.explanation-icon:hover{background-color:#2563eb;transform:scale(1.05)}.explanation-icon:active{background-color:#1d4ed8;transform:scale(.95)}.dark-mode .explanation-icon,body[data-theme=dark] .explanation-icon{background-color:#3b82f6}.dark-mode .explanation-icon:hover,body[data-theme=dark] .explanation-icon:hover{background-color:#2563eb}.explanation-content{background-color:#00000008;background-color:var(--background-light,#00000008);border-radius:6px;font-size:14px;line-height:1.5;margin-top:12px;padding:12px}.dark-mode .explanation-content,body[data-theme=dark] .explanation-content{background-color:#ffffff0d}.explanation-content.correct{background-color:#22c55e0d;background-color:var(--correct-light,#22c55e0d);border:1px solid #22c55e4d;border:1px solid var(--correct-border-light,#22c55e4d)}.explanation-content.incorrect{background-color:#ef44440d;background-color:var(--incorrect-light,#ef44440d);border:1px solid #ef44444d;border:1px solid var(--incorrect-border-light,#ef44444d)}.dark-mode .explanation-content.correct,body[data-theme=dark] .explanation-content.correct{background-color:#22c55e1a;border-color:#22c55e4d}.dark-mode .explanation-content.incorrect,body[data-theme=dark] .explanation-content.incorrect{background-color:#ef44441a;border-color:#ef44444d}@media screen and (max-width:768px){.option{font-size:15px!important;line-height:1.5!important;margin-bottom:8px!important;min-height:48px!important;padding:12px 15px!important}.option,.option-content{align-items:center!important;display:flex!important}.option-content{gap:12px!important;width:100%!important}.option-letter{align-items:center!important;border-radius:6px!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;height:32px!important;justify-content:center!important;min-width:32px!important}.option-text{word-wrap:break-word!important;flex:1 1!important;overflow-wrap:break-word!important}.explanation-icon{flex-shrink:0!important;height:24px!important;min-width:24px!important}}@media screen and (max-width:480px){.option{font-size:14px!important;margin-bottom:6px!important;padding:10px 12px!important}.option-letter{font-size:13px!important;height:28px!important;min-width:28px!important}}.lab-table-container{margin:20px 0}.lab-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px;transition:all .2s ease}.lab-header.expanded{border-radius:8px 8px 0 0;margin-bottom:0}.lab-header.dark{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;box-shadow:0 2px 8px #0000004d;color:#cbd5e1}.lab-header.light{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #cbd5e1;box-shadow:0 2px 4px #0000001a;color:#1e293b}.lab-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px}.lab-icon{transition:transform .2s ease}.lab-header.dark .lab-icon,.lab-header.light .lab-icon{color:#64748b}.lab-count-badge{border-radius:12px;font-size:12px;font-weight:500;margin-left:8px;padding:4px 8px}.lab-count-badge.dark{background-color:#374151;border:1px solid #4b5563;color:#9ca3af}.lab-count-badge.light{background-color:#e2e8f0;border:1px solid #94a3b8;color:#1e293b}.lab-loading{align-items:center;display:flex;font-size:14px;gap:8px}.lab-loading.dark{color:#6b7280}.lab-loading.light{color:#64748b}.lab-table{border-collapse:collapse;border-radius:0 0 8px 8px;margin-bottom:20px;overflow:hidden;width:100%}.lab-table.dark{background-color:#0f172a;border:1px solid #1e293b;border-top:none}.lab-table.light{background-color:#fff;border:2px solid #cbd5e1;border-top:none}.lab-table th{border-bottom:2px solid;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.lab-table.dark th{background-color:#0f172a;border-bottom-color:#1e293b;color:#e2e8f0}.lab-table.light th{background-color:#e2e8f0;border-bottom-color:#94a3b8;color:#374151}.lab-table td{border-bottom:1px solid;font-size:14px;line-height:1.5;padding:16px 20px}.lab-table.dark td{background-color:#0f172a;border-bottom-color:#1e293b;color:#e2e8f0}.lab-table.light td{background-color:#fff;border-bottom-color:#cbd5e1;color:#1e293b}.lab-table tr:last-child td{border-bottom:none}.lab-error{border-radius:0 0 8px 8px;margin-bottom:20px;padding:16px;text-align:center}.lab-error.dark{background-color:#b91c1c1a;border:1px solid #374151;border-top:none;color:#fca5a5}.lab-error.light{background-color:#fef2f2;border:2px solid #cbd5e1;border-top:none;color:#dc2626}.lab-no-data{border-radius:0 0 8px 8px;font-style:italic;margin-bottom:20px;padding:20px;text-align:center}.lab-no-data.dark{background-color:#0f172a;border:1px solid #1e293b;border-top:none;color:#6b7280}.lab-no-data.light{background-color:#fff;border:2px solid #cbd5e1;border-top:none;color:#64748b}.lab-header:hover{transform:translateY(-1px)}.lab-header.dark:hover{box-shadow:0 4px 12px #0006}.lab-header.light:hover{box-shadow:0 4px 8px #00000026}@media (max-width:768px){.lab-header{padding:12px 16px}.lab-table td,.lab-table th{font-size:13px;padding:12px 16px}.lab-title{font-size:14px}}.custom-dropdown{position:relative!important}.custom-dropdown .dropdown-menu{z-index:9999!important}.custom-dropdown .dropdown-header{box-sizing:border-box!important}.practice-test .flex-row,.practice-test .form-group,.simulate-exam .flex-row,.simulate-exam .form-group{overflow:visible!important;position:relative!important;z-index:auto!important}.practice-test .setup-section,.simulate-exam .exam-setup{overflow:visible!important;position:relative!important;z-index:1!important}.practice-test .setup-form,.simulate-exam .setup-form{overflow:visible!important;position:relative!important}.practice-test .dropdown-menu,.simulate-exam .dropdown-menu{position:absolute!important;transform:none!important;z-index:9999!important}.practice-test .setup-form,.simulate-exam .setup-form{overflow:visible!important;position:relative!important;z-index:auto!important}.dropdown-menu{left:0!important;top:100%!important;transform:none!important}.custom-dropdown .dropdown-menu{max-width:300px;min-width:10vw;padding:5px 0;width:auto}.custom-dropdown .dropdown-item{position:relative}.expansion-toggle{transition:transform .2s ease}.expansion-toggle.expanded{transform:rotate(90deg)}.dropdown-item.parent-item{font-weight:600!important}.dropdown-item.child-item{position:relative}.dropdown-item.child-item:before{background-color:#0000001a;content:"";height:100%;left:12px;position:absolute;top:0;width:1px}.dark-mode .dropdown-item.child-item:before{background-color:#ffffff1a}.checkbox-container{align-items:center;border:1px solid #ccc;border-radius:3px;display:flex;height:22px;justify-content:center;margin-right:12px;transition:all .2s ease;width:22px}.dark-mode .checkbox-container{border-color:#fff6}.checkbox-container.selected{background-color:#1976d2;border-color:#1976d2}.dark-mode .checkbox-container.selected{background-color:#0074cc;border-color:#0074cc}.hierarchy-line{background-color:#0000001a;height:100%;left:12px;position:absolute;top:0;width:1px}.dark-mode .hierarchy-line{background-color:#ffffff1a}.hierarchy-branch{background-color:#0000001a;height:1px;left:12px;position:absolute;top:50%;width:8px}.dark-mode .hierarchy-branch{background-color:#ffffff1a}.ef-ai-mini img,.ef-ai-modal img{height:auto!important;max-width:none!important}.ef-ai-modal .ef-ai-logo--header{border-radius:50%!important;height:32px!important;width:32px!important}.ef-ai-modal .ef-ai-logo--welcome{border-radius:8px;height:48px!important;width:48px!important}.ef-ai-mini .ef-ai-logo--avatar,.ef-ai-modal .ef-ai-logo--avatar{border-radius:50%!important;height:24px!important;width:24px!important}@media (max-width:768px){.ef-ai-modal .drag-handle img{display:none!important}.ef-ai-modal .drag-handle{display:flex!important;flex-direction:column!important;gap:6px!important}.ef-ai-modal .ef-ai-header-top{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:space-between!important;width:100%!important}.ef-ai-modal .ef-ai-actions{align-items:center!important;display:flex!important;gap:6px!important;margin-left:auto!important}.ef-ai-modal .ef-ai-status-row{line-height:1.2!important}}.practice-test{background:linear-gradient(135deg,#1c3855,#2c5282);box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;padding:70px 20px 20px;position:relative}.practice-test-sidebar-container{margin-left:2rem!important;padding-left:1rem!important}.practice-test-sidebar-container>div{position:relative;z-index:1}.practice-test-sidebar-container .exam-timer-container,.practice-test-sidebar-container .question-navigation-sidebar{margin-left:.5rem}@media screen and (max-width:768px){.practice-test-sidebar-container{margin-left:1rem!important;padding-left:.5rem!important}.practice-test{padding-top:60px!important}}@media screen and (min-width:1200px){.practice-test-sidebar-container{margin-left:3rem!important;padding-left:1.5rem!important}}.practice-test-sidebar-container{min-width:300px}@media screen and (max-width:480px){.practice-test-sidebar-container{margin-left:.5rem!important;padding-left:.25rem!important}}@media screen and (min-width:1600px){.practice-test-sidebar-container{margin-left:4rem!important;padding-left:2rem!important}}.selection-section{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-bottom:30px}.setup-form{display:flex;flex-direction:column;gap:16px}.flex-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.flex-row .form-group{flex:1 1;min-width:200px}.short-input{max-width:150px!important}@media screen and (max-width:768px){.practice-test{padding:70px 10px 10px}.header-row h1{font-size:1.8rem}.setup-section{margin-bottom:20px}.question-section,.setup-section{max-width:100%;padding:15px;width:100%}.question-section{min-width:0;min-width:auto}.selection-section{gap:20px}.form-group,.selection-group{width:100%}.setup-form{gap:12px}.custom-dropdown{width:100%}.setup-form button{max-width:none!important;width:100%!important}.setup-form{padding:0}.flex-row{flex-direction:column;gap:15px}.flex-row .form-group{min-width:0;min-width:auto;width:100%}.form-group .custom-dropdown,.form-group input,.form-group select{max-width:100%!important;width:100%!important}.question-section,.setup-section{margin:0 5px 20px;padding:15px!important;width:95%!important}.short-input{max-width:100%!important}}@media screen and (max-width:480px){.practice-test{padding:60px 8px 8px}.header-row h1{font-size:1.5rem}.question-section,.setup-section{padding:10px!important}.flex-row{gap:10px}}.header-row{align-items:center;display:flex;justify-content:center;margin:20px 0 30px;padding:0;position:relative}.header-row h1{color:#1a2b4a;font-size:2.5rem;font-weight:700;letter-spacing:.5px;line-height:1;margin:0;text-align:center}.validation-message{color:#dc3545}.selection-group{align-items:center;display:flex;gap:10px}.selection-group label{color:#576175;font-size:16px;font-weight:500}.selection-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right 15px center;background-repeat:no-repeat;background-size:10px;border-radius:8px;box-shadow:0 2px 5px #0000000d;font-size:14px;min-width:150px;outline:none;transition:all .2s ease;width:100%}.selection-group select:hover{box-shadow:0 4px 8px #00000014}.selection-group select:focus{border-color:#2d70fd;box-shadow:0 0 0 2px #2d70fd33}.light-select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cpolygon fill=%27%231a2b4a%27 points=%270,0 10,0 5,7%27%3E%3C/polygon%3E%3C/svg%3E")!important;border:1px solid #e8ebf2!important;min-width:120px!important;padding:10px 15px!important;width:auto!important}.light-select,.light-select option{background-color:#fff!important;color:#1a2b4a!important}.light-select option{padding:10px}.dark-select{background-color:#2d3748!important;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cpolygon fill=%27%23e2e8f0%27 points=%270,0 10,0 5,7%27%3E%3C/polygon%3E%3C/svg%3E")!important;border:1px solid #4a5568!important;color:#e2e8f0!important;min-width:120px!important;padding:10px 15px!important;width:auto!important}.question-section{align-items:flex-start;background:#fff;border:1px solid #e8ebf2;border-radius:12px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:20px;margin:0 auto 30px;max-width:1000px;overflow:hidden;padding:30px;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:95%}.question-section:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-5px)}.question-section p{color:#333;font-size:16px;line-height:1.6;margin-bottom:10px}.question-image{border-radius:10px;box-shadow:0 4px 8px #0000001a;height:auto;margin:10px 0 20px;max-width:100%}.options{gap:6px;margin-top:8px;width:100%}.option input[type=radio]{margin-right:10px}.option label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:400;line-height:1.4}.option.correct{background-color:#e6f7ef;border-color:#0cae74;box-shadow:0 2px 8px #0cae7426}.option.incorrect{background-color:#fff2f2;border-color:#ff5c63;box-shadow:0 2px 8px #ff5c6326}.question-section button{background:linear-gradient(90deg,#2d70fd,#5d7bff);border:none;border-radius:8px;box-shadow:0 4px 10px #2d70fd40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease}.question-section button:hover{box-shadow:0 6px 15px #2d70fd59;transform:translateY(-2px)}.explanation-section{background:#f9f9fd;border:1px solid #e1eaff;border-radius:10px;box-sizing:border-box;margin-top:20px;padding:20px;text-align:left;width:100%}.explanation-section p{font-size:15px;line-height:1.5;margin:0 0 10px}.explanation-section p:first-child{color:#1a2b4a;font-weight:600}.navigation-section{box-sizing:border-box;display:flex;justify-content:flex-end;margin-top:20px;width:100%}.navigation-section button{background:linear-gradient(90deg,#25c26e,#1ca059);border:none;border-radius:8px;box-shadow:0 4px 10px #25c26e40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.navigation-section button:hover{box-shadow:0 6px 15px #25c26e59;transform:translateY(-2px)}.ai-chat-button{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:1px solid #047857!important;border-radius:8px!important;box-shadow:0 3px 8px #10b98140!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:6px!important;margin-left:8px!important;padding:10px 16px!important;transition:all .3s ease!important;white-space:nowrap!important}.ai-chat-button:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 5px 12px #10b98159!important;transform:translateY(-2px)!important}.practice-test .info-icon,.practice-test .svg-inline--fa.fa-info-circle{cursor:default!important}.ai-chat-button:active{box-shadow:0 2px 4px #10b98133!important;transform:translateY(0)!important}.ai-chat-button svg{font-size:14px!important}@media screen and (max-width:768px){.ai-chat-button{padding:8px 12px!important}.ai-chat-button,.ai-chat-button svg{font-size:13px!important}}.action-buttons{display:flex;gap:10px;position:absolute;right:15px;top:15px;z-index:10}.icon-button{align-items:center;background:#0000;border:1px solid #e8ebf2;border-radius:50%;box-shadow:0 2px 5px #0000000d;color:#576175;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.icon-button:hover{background:#f0f7ff;border-color:#2d70fd;box-shadow:0 4px 8px #2d70fd26;color:#2d70fd;transform:translateY(-2px)}.icon-button{position:relative}.icon-button[data-tooltip]:after{background:#1a1a1a;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;left:50%;max-width:200px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;text-align:center;top:-38px;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.icon-button[data-tooltip]:hover:after{opacity:1;visibility:visible}.icon-button[data-tooltip]:before{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #1a1a1a;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:-13px;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:0;z-index:1001}.icon-button[data-tooltip]:hover:before{opacity:1;visibility:visible}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;color:#333;max-width:450px;padding:30px;position:relative;width:90%}.modal h3{color:#1a2b4a;font-size:1.5rem;font-weight:700;margin:0 0 20px;text-align:center}.modal textarea{background:#f9fafc;border:1px solid #e8ebf2;border-radius:8px;box-sizing:border-box;color:#333;display:block;font-family:inherit;font-size:15px;margin:0 auto 20px;min-height:120px;padding:15px;resize:vertical;transition:border-color .3s;width:100%}.modal textarea:focus{border-color:#2d70fd;box-shadow:0 0 0 2px #2d70fd33;outline:none}.modal textarea::placeholder{color:#a1a9c3}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-buttons button{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .3s ease}.modal-buttons button:first-child{background:linear-gradient(90deg,#2d70fd,#5d7bff);border:none;box-shadow:0 4px 10px #2d70fd40;color:#fff}.modal-buttons button:first-child:hover{box-shadow:0 6px 15px #2d70fd59;transform:translateY(-2px)}.modal-buttons button:last-child{background:#0000;border:1px solid #e8ebf2;color:#576175}.modal-buttons button:last-child:hover{background:#f9fafc;border-color:#c7d7ff}.lists-container{margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:10px}.lists-container::-webkit-scrollbar{width:8px}.lists-container::-webkit-scrollbar-track{background:#f1f1f3;border-radius:4px}.lists-container::-webkit-scrollbar-thumb{background:#c7d7ff;border-radius:4px}.list-item{background:#f9fafc;border:1px solid #e8ebf2;border-radius:8px;color:#333;cursor:pointer;gap:8px;margin-bottom:10px;padding:12px;transition:all .3s ease}.list-item,.list-item-content{align-items:center;display:flex}.list-item-content{flex-grow:1;gap:10px}.list-item:hover{background:#f0f7ff;border-color:#c7d7ff;transform:translateY(-2px)}.list-item svg{color:#576175}.delete-list-button{background:none;border:none;border-radius:4px;color:#ff5c63;cursor:pointer;margin-right:4px;opacity:0;padding:6px;transition:all .2s ease}.list-item:hover .delete-list-button{opacity:.7}.delete-list-button:hover{background:#ff5c631a;opacity:1!important}.create-list-button{align-items:center;background:linear-gradient(90deg,#f9fafc,#f0f7ff)!important;border:1px dashed #c7d7ff!important;border-radius:8px;color:#2d70fd!important;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:15px;padding:12px;transition:all .3s ease;width:100%}.create-list-button:hover{background:linear-gradient(90deg,#f0f7ff,#e1eaff)!important;transform:translateY(-2px)}.new-list-form input{background:#f9fafc;border:1px solid #e8ebf2;border-radius:8px;color:#333;font-size:15px;margin-bottom:15px;padding:12px 15px;transition:border-color .3s;width:100%}.new-list-form input:focus{border-color:#2d70fd;box-shadow:0 0 0 2px #2d70fd33;outline:none}.new-list-form input::placeholder{color:#a1a3c3}.form-buttons{display:flex;gap:10px;justify-content:flex-end}.form-buttons button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.form-buttons button:first-child{background:linear-gradient(90deg,#2d70fd,#5d7bff);border:none;box-shadow:0 4px 10px #2d70fd40;color:#fff}.form-buttons button:last-child{background:#0000;border:1px solid #e8ebf2;color:#576175}.option{padding:12px 15px}select option{padding:10px}.dark-mode .practice-test{background-color:#1a202c;color:#e2e8f0}.dark-mode .header-row h1{color:#f7fafc}.dark-mode .selection-group label{color:#a0aec0}.dark-mode .question-section{background-color:#2d3748;border-color:#4a5568;box-shadow:0 5px 20px #0003}.dark-mode .question-section p{color:#e2e8f0}.dark-mode .option{background-color:#3a4556;border-color:#4a5568}.dark-mode .option:hover{background-color:#445166}.dark-mode .option label{color:#e2e8f0}.dark-mode .option.correct{background-color:#0cae7433;border-color:#0cae74}.dark-mode .option.incorrect{background-color:#ff5c6333;border-color:#ff5c63}.dark-mode .explanation-section{background-color:#3a4556;border-color:#4a5568}.dark-mode .icon-button{border-color:#4a5568;color:#a0aec0}.dark-mode .icon-button:hover{background-color:#445166;color:#90cdf4}.dark-mode .icon-button[data-tooltip]:after{background:#f7fafc;box-shadow:0 2px 8px #0006;color:#2d3748}.dark-mode .icon-button[data-tooltip]:before{border-bottom-color:#f7fafc}.dark-mode .modal{background-color:#2d3748;color:#e2e8f0}.dark-mode .modal h3{color:#f7fafc}.dark-mode .modal textarea,.dark-mode .new-list-form input{background-color:#3a4556;border-color:#4a5568;color:#e2e8f0}.dark-mode .modal textarea::placeholder,.dark-mode .new-list-form input::placeholder{color:#718096}.dark-mode .list-item{background-color:#3a4556;border-color:#4a5568;color:#e2e8f0}.dark-mode .list-item:hover{background-color:#445166}.dark-mode .list-item svg{color:#a0aec0}.dark-mode .create-list-button{background:linear-gradient(90deg,#2d3748,#3a4556)!important;border-color:#4a5568!important;color:#90cdf4!important}.dark-mode .create-list-button:hover{background:linear-gradient(90deg,#3a4556,#445166)!important}.dark-mode .validation-message{color:#fc8181}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.practice-test{padding:70px 15px 15px}.header-row{margin:20px 0}.header-row h1{font-size:2rem}.selection-section{flex-direction:column;gap:15px;margin-bottom:20px}.selection-group{justify-content:center;width:100%}.selection-group select{flex-grow:1;max-width:65%}.question-section{gap:15px;margin:0;padding:20px;width:100%}.action-buttons{right:10px;top:10px}.modal{padding:20px;width:calc(100% - 30px)}.lists-container{max-height:40vh}.flex-row{flex-direction:column;gap:16px}.flex-row .form-group{width:100%}}.clue-highlight{color:#1e3a8a;cursor:help;display:inline;font-weight:500;transition:color .2s ease}.clue-highlight:hover{color:#1e40af}.dark-mode .clue-highlight,[data-theme=dark] .clue-highlight{color:#60a5fa}.dark-mode .clue-highlight:hover,[data-theme=dark] .clue-highlight:hover{color:#93c5fd}.question-notes-section{background-color:#fff;border:1px solid #0000001a;border-radius:8px;margin-top:20px;overflow:hidden;transition:all .2s ease}.dark-mode .question-notes-section,[data-theme=dark] .question-notes-section{background-color:#1e293b;border-color:#ffffff1a}.question-notes-toggle{align-items:center;background-color:#f8fafc;border:none;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.dark-mode .question-notes-toggle,[data-theme=dark] .question-notes-toggle{background-color:#334155;color:#e2e8f0}.question-notes-toggle:hover{background-color:#e2e8f0}.dark-mode .question-notes-toggle:hover,[data-theme=dark] .question-notes-toggle:hover{background-color:#475569}.question-notes-content{border-top:1px solid #0000001a;padding:16px}.dark-mode .question-notes-content,[data-theme=dark] .question-notes-content{border-top-color:#ffffff1a}.question-notes-textarea{background-color:#fff;border:1px solid #0003;border-radius:6px;color:#374151;font-family:inherit;font-size:14px;min-height:100px;outline:none;padding:10px;resize:vertical;transition:border-color .2s ease;width:100%}.dark-mode .question-notes-textarea,[data-theme=dark] .question-notes-textarea{background-color:#0f172a;border-color:#fff3;color:#e2e8f0}.question-notes-textarea:focus{border-color:#2563eb}.dark-mode .question-notes-textarea:focus,[data-theme=dark] .question-notes-textarea:focus{border-color:#3b82f6}.question-notes-save-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.question-notes-save-btn:hover:not(:disabled){background-color:#1d4ed8}.question-notes-save-btn:disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.dark-mode .question-notes-save-btn:disabled,[data-theme=dark] .question-notes-save-btn:disabled{background-color:#374151;color:#9ca3af}.question-notes-save-btn:disabled:not([title*=Saving]){background-color:#10b981;color:#fff}.dark-mode .question-notes-save-btn:disabled:not([title*=Saving]),[data-theme=dark] .question-notes-save-btn:disabled:not([title*=Saving]){background-color:#059669;color:#fff}.question-notes-error{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px}.question-notes-loading{align-items:center;color:#64748b;display:flex;justify-content:center;padding:20px}.dark-mode .question-notes-loading,[data-theme=dark] .question-notes-loading{color:#94a3b8}.practice-test .question-section{display:flex!important;flex-direction:column!important;max-width:100%!important}.practice-test .question-content,.practice-test .question-section{box-sizing:border-box!important;height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important;width:100%!important}.practice-test .question-content{word-wrap:break-word!important;overflow-wrap:break-word!important}.practice-test .answer-options,.practice-test .clean-answer-options{box-sizing:border-box!important;max-width:100%!important;overflow:visible!important;width:100%!important}.practice-test .question-section *{box-sizing:border-box!important;max-width:100%!important}.practice-test table{box-sizing:border-box!important;display:table!important;overflow-x:auto!important;table-layout:auto!important;width:100%!important}.practice-test td,.practice-test th{word-wrap:break-word!important;box-sizing:border-box!important;overflow-wrap:break-word!important}.practice-test img{box-sizing:border-box!important;height:auto!important;max-width:100%!important}@media screen and (max-width:768px){.practice-test{padding:5px 8px!important}.practice-test,.practice-test>div[style*="display: flex"]{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.practice-test>div[style*="display: flex"]{gap:10px!important;margin:0!important;min-height:auto!important;padding:0!important}.practice-test div[style*="flex-direction: row"],.practice-test div[style*="justify-content: center"],.practice-test div[style*="justify-content: space-between"],.practice-test>div[style*="display: flex"]{align-items:stretch!important;flex-direction:column!important;justify-content:flex-start!important}.practice-test-sidebar-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important;max-width:100%!important;min-width:auto!important;order:-1!important;width:100%!important}.practice-test .practice-test-sidebar-container>*{flex:1 1 auto!important;margin:0!important;max-width:none!important;min-width:0!important}.practice-test .question-navigation-sidebar,.practice-test div[class*=navigation-sidebar]{display:block!important;font-size:12px!important;max-height:120px!important;min-height:auto!important;overflow-y:auto!important;padding:8px!important}.practice-test .question-navigation-sidebar .question-item,.practice-test .question-navigation-sidebar button,.practice-test .question-navigation-sidebar div,.practice-test .question-navigation-sidebar li,.practice-test div[class*=navigation-sidebar] .question-item,.practice-test div[class*=navigation-sidebar] button,.practice-test div[class*=navigation-sidebar] div,.practice-test div[class*=navigation-sidebar] li{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}.practice-test .question-navigation-sidebar *,.practice-test div[class*=navigation-sidebar] *{text-align:left!important}.practice-test .exam-timer,.practice-test div[class*=timer]{display:block!important;font-size:12px!important;min-width:auto!important;padding:8px!important}.practice-test .question-grid,.practice-test div[class*=question-grid]{gap:4px!important;grid-template-columns:repeat(5,1fr)!important;max-height:80px!important;overflow-y:auto!important}.practice-test div[style*="min-width: 300px"]:not(.practice-test-sidebar-container),.practice-test div[style*="minWidth: 300px"]:not(.practice-test-sidebar-container){max-width:100%!important;min-width:auto!important;width:100%!important}.practice-test>div{box-sizing:border-box!important;margin:0!important;padding:0!important;width:100%!important}.practice-test div[style*="display: flex"][style*="flexDirection: row"],.practice-test>div{align-items:stretch!important;flex-direction:column!important;gap:10px!important;justify-content:flex-start!important;max-width:100%!important;min-height:auto!important}.practice-test div[style*="flexDirection: row"]{flex-direction:column!important}.practice-test .practice-test-sidebar-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important;max-width:100%!important;min-width:auto!important;order:-1!important;width:100%!important}.practice-test .question-section{border-radius:8px!important;box-sizing:border-box!important;margin:0!important;order:1!important;padding:8px 6px!important}.question-section{box-sizing:border-box!important;margin:0!important;padding:8px!important}.practice-test .question-section,.question-section{flex:1 1!important;max-width:100%!important;min-width:auto!important;width:100%!important}.practice-test .question-content{box-sizing:border-box!important;flex:1 1!important;margin:0!important;max-width:100%!important;min-width:auto!important;padding:8px 4px!important}.practice-test *{max-width:100%!important}.practice-test,.question-content,.question-section,.question-text{clear:both!important;display:block!important;float:none!important;grid:none!important;grid-area:none!important;grid-column:none!important;grid-row:none!important;grid-template-columns:none!important;grid-template-rows:none!important;max-width:100%!important;width:100%!important}.practice-test>div,.question-content>div,.question-section>div,.question-text>div,.question-text>p{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.practice-test button,.practice-test img,.practice-test input,.practice-test select,.practice-test span:not(.clue-highlight),.practice-test textarea{display:inline!important;display:initial!important;width:auto!important}.practice-test .question-content{display:flex!important;flex-direction:column!important;width:100%!important}@media screen and (max-width:768px){.question-section>div:last-child>div:first-child{display:flex!important;flex-direction:column!important;gap:8px!important;grid-template-columns:none!important}}.practice-test div[style*="max-width: 1400px"],.practice-test div[style*="max-width: 1500px"],.practice-test div[style*="maxWidth: 1400px"],.practice-test div[style*="maxWidth: 1500px"]{max-width:100%!important;width:100%!important}.practice-test .progress-indicator{font-size:13px!important;margin-bottom:8px!important;padding:6px!important}.practice-test .clean-answer-options,.practice-test .question-content,.practice-test .question-content>*{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.practice-test .question-text{grid:none!important;grid-template-columns:none!important;grid-template-rows:none!important;margin:0 0 12px!important;padding:6px!important}.practice-test .question-text,.practice-test .question-text>div{box-sizing:border-box!important;display:block!important;max-width:100%!important;width:100%!important}.practice-test .question-text>div{grid:none!important;margin:0!important;padding:0!important}.practice-test .question-text div,.practice-test .question-text h1,.practice-test .question-text h2,.practice-test .question-text h3,.practice-test .question-text h4,.practice-test .question-text h5,.practice-test .question-text h6,.practice-test .question-text p{box-sizing:border-box!important;display:block!important;float:none!important;grid:none!important;max-width:100%!important}.practice-test .question-text button,.practice-test .question-text input,.practice-test .question-text label,.practice-test .question-text select{display:revert!important}.practice-test .session-header{font-size:14px!important;margin-bottom:12px!important;padding:8px!important}.practice-test .question-content{font-size:14px!important;line-height:1.5!important;margin-bottom:15px!important;padding:8px!important}.practice-test .answer-options,.practice-test .clean-answer-options{margin:12px 0!important}.practice-test .question-content>div[style*="justify-content: space-between"]{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin-bottom:15px!important}.practice-test .question-content>div[style*="justify-content: space-between"]>div:first-child,.practice-test .question-content>div[style*="justify-content: space-between"]>div:last-child{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.practice-test .question-content>div[style*="justify-content: space-between"]>div:last-child{align-items:flex-start!important}.practice-test .question-content button{justify-content:center!important;min-height:44px!important;width:100%!important}.practice-test .question-content>div:last-child{align-items:stretch!important;border-top:1px solid #ffffff1a!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:flex-start!important;padding:16px 0!important;position:relative!important;width:100%!important}.practice-test .question-content>div:last-child>div:first-child{align-items:center!important;border-bottom:1px solid #ffffff0d!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;justify-content:space-around!important;padding:8px 0!important;width:100%!important}.practice-test .question-content>div:last-child>div:first-child button{align-items:center!important;border-radius:10px!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:44px!important;justify-content:center!important;min-width:44px!important;width:44px!important}.practice-test .ai-chat-button{border-radius:8px!important;font-size:12px!important;height:36px!important;min-width:auto!important;padding:8px 12px!important;white-space:nowrap!important;width:auto!important}.practice-test .ai-chat-button svg{font-size:12px!important;margin-right:4px!important}.practice-test .question-content>div:last-child>div:last-child{align-items:stretch!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.practice-test .question-content>div:last-child>div:last-child button{align-items:center!important;border-radius:10px!important;box-sizing:border-box!important;display:flex!important;font-size:16px!important;font-weight:600!important;justify-content:center!important;max-width:100%!important;min-height:50px!important;overflow:hidden!important;padding:16px 20px!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.practice-test .question-content>div:last-child>div:last-child button svg{margin-left:8px!important;margin-right:8px!important}.practice-test table{font-size:12px!important;margin:10px 0!important}.practice-test td,.practice-test th{font-size:12px!important;padding:6px 8px!important}.practice-test .question-section .option{align-items:stretch!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;width:100%!important}.practice-test .question-section .option .option-content{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;order:1!important;width:100%!important}.practice-test .question-section .option>div[style*=margin-top]{box-sizing:border-box!important;order:2!important;width:100%!important}.practice-test .question-section .option .explanation-content{border-radius:8px!important;box-sizing:border-box!important;font-size:15px!important;line-height:1.6!important;margin-left:0!important;margin-right:0!important;margin-top:16px!important;padding:16px!important;width:100%!important}.practice-test .question-section .explanation-content>div:first-child{font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.practice-test .question-section .explanation-content>div:last-child{font-size:15px!important;line-height:1.6!important;margin-top:4px!important}.practice-test .icon-button{border-radius:12px!important;font-size:20px!important;height:48px!important;width:48px!important}.practice-test .question-content>div:last-child>div:first-child .icon-button{flex-shrink:0!important}}@media screen and (min-width:769px) and (max-width:1024px){.practice-test{padding:15px 10px!important}.practice-test .question-section{max-width:100%!important;padding:16px 12px!important}.practice-test .question-section>div[style*=margin-top]{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:20px!important;justify-content:space-between!important;position:relative!important}.practice-test .question-section>div[style*=margin-top]>div{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important}.practice-test .question-section .option{align-items:stretch!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;width:100%!important}.practice-test .question-section .option .option-content{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;order:1!important;width:100%!important}.practice-test .question-section .option>div[style*=margin-top]{box-sizing:border-box!important;order:2!important;width:100%!important}.practice-test .question-section .option .explanation-content{box-sizing:border-box!important;font-size:14px!important;line-height:1.5!important;margin-top:12px!important;padding:14px!important;width:100%!important}.practice-test .icon-button{border-radius:11px!important;font-size:19px!important;height:46px!important;width:46px!important}}@media screen and (min-width:1025px){.practice-test{padding:20px 15px!important}.practice-test .question-section{max-width:1400px!important;padding:20px 16px!important}.practice-test .question-section>div[style*=margin-top]{align-items:center!important;display:flex!important;gap:24px!important;justify-content:space-between!important;position:relative!important}.practice-test .question-section .option{display:block!important}.practice-test .question-section .option .option-content{align-items:center!important;display:flex!important;flex-direction:row!important}}.practice-test h1+div{box-sizing:border-box!important;margin:0 auto!important;max-width:800px!important;overflow:visible!important}.practice-test h1{margin-bottom:24px!important;text-align:center!important}@media screen and (max-width:768px){.practice-test h1+div{margin:0 auto!important;max-width:95%!important}}.practice-test .question-section *{transition:width .2s ease,padding .2s ease,margin .2s ease!important}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){.practice-test .question-section{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}}.practice-test .icon-button{align-items:center!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border:1px solid #94a3b833!important;border-radius:10px!important;color:#475569!important;cursor:pointer!important;display:inline-flex!important;font-size:18px!important;height:44px!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:44px!important}.practice-test .icon-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;box-shadow:0 4px 12px #00000026!important;color:#334155!important;transform:translateY(-1px)!important}.practice-test .icon-button:active{box-shadow:0 2px 4px #0000001a!important;transform:translateY(0)!important}.dark-mode .practice-test .icon-button,body[data-theme=dark] .practice-test .icon-button{background:linear-gradient(135deg,#334155cc,#1e293be6)!important;border:1px solid #4755694d!important;color:#e2e8f0!important}.dark-mode .practice-test .icon-button:hover,body[data-theme=dark] .practice-test .icon-button:hover{background:linear-gradient(135deg,#475569cc,#334155e6)!important;box-shadow:0 4px 16px #0006!important;color:#f1f5f9!important;transform:translateY(-1px)!important}.practice-test .icon-button.flagged{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid #dc2626!important;color:#fff!important}.practice-test .icon-button.flagged:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.practice-test .icon-button:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.practice-test .icon-button:disabled:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;box-shadow:none!important;color:#475569!important;transform:none!important}.practice-test .icon-button.feedback-button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.practice-test .icon-button.folder-button:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}@media screen and (max-width:768px){.question-section>div:last-child>div:first-child{display:block!important;grid:none!important;grid-template-columns:none!important;grid-template-rows:none!important;max-width:100%!important;width:100%!important}@media screen and (max-width:600px){.question-section>div:last-child>div:first-child{display:block!important;gap:0!important;grid:none!important;grid-template-columns:none!important}}@media screen and (max-width:480px){.question-section>div:last-child>div:first-child{display:block!important;gap:0!important;grid:none!important;grid-template-columns:none!important}}@media screen and (max-width:360px){.question-section>div:last-child>div:first-child{display:block!important;gap:0!important;grid:none!important;grid-template-columns:none!important}}.practice-test div[style*="background-color: rgba(30, 41, 59, 0.5)"] div[style*="justify-content: space-between"][style*="flex-wrap: wrap"]{align-items:stretch!important;flex-direction:column!important;gap:8px!important;justify-content:flex-start!important}.practice-test button,.practice-test textarea{display:revert!important}.dropdown-header,.option,button{border-radius:8px!important;min-height:48px!important;transition:all .2s ease!important}.question-section button{align-items:center!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:6px!important;justify-content:center!important;min-width:120px!important;padding:12px 16px!important}.dropdown-header{background-color:#ffffff1a!important;border:2px solid #0000!important;font-size:16px!important;font-weight:500!important;padding:14px 16px!important}.dropdown-header:active{background-color:#2d70fd1a!important;border-color:#2d70fd!important}.dropdown-item{align-items:center!important;display:flex!important;font-size:15px!important;min-height:48px!important}.dropdown-item,.option{padding:14px 16px!important}.option{background:#ffffff1a!important;border:2px solid #0000!important;border-radius:10px!important;margin-bottom:10px!important;transition:all .2s ease!important}.option:active{background:#2d70fd26!important;border-color:#2d70fd!important;transform:scale(.98)!important}.option.selected{background:#2d70fd33!important;border-color:#2d70fd!important}.option>div:first-child{align-items:center!important;border-radius:6px!important;display:flex!important;font-size:14px!important;font-weight:600!important;height:32px!important;justify-content:center!important;margin-right:12px!important;min-width:32px!important}.session-info{align-items:flex-start!important;background:#ffffff0d!important;border-radius:8px!important;flex-direction:column!important;gap:8px!important;padding:12px!important}.modal{border-radius:12px!important;margin:auto!important;max-height:90vh!important;max-width:95%!important;padding:20px!important;width:95%!important}.modal h3{color:inherit!important;font-size:18px!important;margin-bottom:16px!important}.modal input,.modal textarea{border:2px solid #fff3!important;border-radius:8px!important;font-size:16px!important;min-height:120px!important;padding:12px!important}.modal-buttons{gap:12px!important;margin-top:20px!important}.modal-buttons button{border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;min-height:48px!important;padding:12px 20px!important;transition:all .2s ease!important}.form-group input,.form-group select,.modal input,.modal textarea{font-size:16px!important;max-width:none!important;width:100%!important}.question-progress{background:#ffffff1a!important;border-radius:8px!important;padding:12px!important}.question-progress>div:first-child{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.practice-test{padding:60px 15px 15px 60px!important}.practice-test>div[style*="display: flex"]{align-items:center!important;flex-direction:column!important;gap:20px!important}.practice-test div[style*="min-width: 300px"]{align-items:stretch!important;flex-direction:column!important;gap:15px!important;justify-content:flex-start!important;min-width:0!important;min-width:auto!important;order:2!important;width:100%!important}.practice-test .question-section{margin:0!important;max-width:100%!important;order:1!important;width:100%!important}.practice-test div[style*="flex: 0 0 200px"]{flex:none!important;height:auto!important;max-height:400px!important;min-height:300px!important;overflow-y:auto!important;width:100%!important}.practice-test>div[style*="minHeight: 80vh"]{height:auto!important;max-height:none!important;min-height:calc(100vh - 100px)!important}.question-section[style*="minHeight: 80vh"]{display:flex!important;flex-direction:column!important;height:auto!important;min-height:calc(100vh - 140px)!important}.question-content,.question-display{flex:1 1!important;min-height:0!important;overflow-y:auto!important}.answer-options{flex-shrink:0!important;margin:15px 0!important}.question-section>div:last-child[style*=margin-top]{background:inherit!important;bottom:0!important;flex-shrink:0!important;margin-top:auto!important;padding-top:15px!important;position:sticky!important;z-index:10!important}}@media screen and (max-width:600px){.question-section>div:last-child>div:first-child{display:block!important;gap:10px!important;margin-bottom:12px!important}.question-section>div:last-child>div:last-child{display:flex!important;gap:10px!important;width:100%!important}.question-section>div:last-child>div:last-child button{flex:1 1!important;font-size:15px!important;min-height:48px!important}.question-section p{font-size:16px!important;line-height:1.6!important;margin-bottom:20px!important}.exam-timer{font-size:14px!important;padding:8px 12px!important}}@media screen and (max-width:480px){.question-section>div:last-child{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.question-section>div:last-child>div:first-child{display:block!important;gap:8px!important}.question-section>div:last-child>div:last-child{display:flex!important;gap:8px!important;width:100%!important}.question-section>div:last-child>div:last-child button{flex:1 1!important;font-size:14px!important;min-height:48px!important;padding:14px 8px!important}.question-section p{font-size:15px!important;line-height:1.5!important}.option{margin-bottom:8px!important;padding:12px 14px!important}.option>div:first-child{font-size:13px!important;height:28px!important;margin-right:10px!important;min-width:28px!important}.session-info{gap:6px!important;padding:10px!important}.modal{border-radius:10px!important;padding:16px!important}.modal h3{font-size:16px!important;margin-bottom:12px!important}.modal-buttons{flex-direction:column!important;gap:8px!important}.modal-buttons button{font-size:14px!important;min-height:44px!important;width:100%!important}@media screen and (max-width:480px){.practice-test{padding:70px 10px 10px 50px!important}.practice-test div[style*="min-width: 300px"]{flex-direction:column!important;gap:10px!important}.practice-test div[style*="flex: 0 0 200px"]{max-height:180px!important}}}@media screen and (max-width:360px){.question-section>div:last-child>div:first-child{gap:6px!important;grid-template-columns:1fr!important}.setup-section h2{font-size:1.3rem!important;margin-bottom:15px!important}.question-section button{font-size:13px!important;min-width:auto!important}.option,.question-section button{padding:10px 12px!important}.option>div:first-child{font-size:12px!important;height:24px!important;margin-right:8px!important;min-width:24px!important}}@media screen and (max-width:480px) and (orientation:portrait){.practice-test{padding-top:70px!important}.header-row h1{font-size:1.4rem!important}.header-row h1,.question-section,.setup-section{margin-bottom:16px!important}}@media screen and (max-height:480px) and (orientation:landscape){.practice-test{padding-top:50px!important}.header-row{margin-bottom:8px!important}.header-row h1{font-size:1.3rem!important}.options{gap:6px!important}.option{margin-bottom:4px!important;padding:8px 12px!important}.question-section>div:last-child{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.question-section>div:last-child>div:first-child{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.question-section button{font-size:14px!important;min-height:40px!important;padding:8px 12px!important}}@media screen and (max-width:480px){.practice-test{padding:8px!important}.practice-test .question-section{min-height:calc(100vh - 100px)!important;padding:10px!important}.practice-test .question-section h2,.practice-test .question-section h3{font-size:1.2rem!important;line-height:1.4!important}.practice-test .option{font-size:14px!important;line-height:1.4!important;margin-bottom:8px!important;padding:12px!important}.practice-test .question-section>div[style*="margin-top: 30px"]{margin-top:15px!important;padding:10px!important}.practice-test .question-section button{font-size:14px!important;min-width:100px!important;padding:10px 14px!important}}@media screen and (max-width:768px){.practice-test .question-content{margin-bottom:10px!important;padding:6px!important}.practice-test .question-content>div:last-child{gap:10px!important;padding:10px 0!important}.practice-test .ai-chat-button{border-radius:6px!important;flex-shrink:0!important;font-size:11px!important;height:32px!important;min-height:32px!important;padding:6px 10px!important}.practice-test-sidebar-container{flex-direction:column!important;gap:15px!important;height:auto!important;max-height:none!important}.practice-test-sidebar-container>div:first-child{flex:none!important;max-height:400px!important;min-height:300px!important;overflow-y:auto!important;width:100%!important}.practice-test-sidebar-container>div:last-child{flex:none!important;max-height:200px!important;width:100%!important}}.answer-loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#0074cc;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.dark-mode .answer-loading-spinner{border:2px solid #ffffff1a;border-top-color:#1e90ff}.answer-loading{opacity:.7;pointer-events:none;position:relative}.answer-loading-pulse,.answer-placeholder{animation:pulse 1.5s ease-in-out infinite}.answer-placeholder{background-color:#f0f0f0;border-radius:4px;height:18px;margin:8px 0}.dark-mode .answer-placeholder{background-color:#2c2c2c}.answer-loading-overlay{align-items:center;background-color:#ffffff80;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.dark-mode .answer-loading-overlay{background-color:#00000080}.answer-loading-text{color:#666;font-size:12px;margin-left:8px}.dark-mode .answer-loading-text{color:#aaa}.performance-history-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.welcome-banner{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:25px 30px 15px;width:100%}.welcome-info h2{color:#fff;font-size:22px;font-weight:500;margin:0}.welcome-subtext{color:#fffc;font-size:14px;margin:5px 0 0}.current-date{align-items:center;color:#fff;display:flex;font-size:14px;gap:8px}.calendar-icon{color:#fffc}.dashboard-header{align-items:center;display:flex;gap:30px;padding:20px 30px;width:100%}.dashboard-header h1{color:#fff;font-size:24px;font-weight:500;margin:0}.exam-type-selector{align-items:center;display:flex;gap:10px}.exam-type-selector span{color:#fff;font-size:14px}.exam-type-selector select{-webkit-appearance:none;appearance:none;background:#fff3;background-position:right 10px center;background-repeat:no-repeat;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 30px 8px 15px}.exam-type-selector select:focus{outline:none}.filters{flex-wrap:wrap;gap:30px;justify-content:center;padding:0 30px 20px}.filter-group,.filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label,.filter-group select{color:#fff;font-size:14px}.filter-group select{-webkit-appearance:none;appearance:none;background:#fff3;background-position:right 10px center;background-repeat:no-repeat;border:none;border-radius:20px;cursor:pointer;padding:8px 30px 8px 15px}.filter-group select:focus{outline:none}@media (not (prefers-color-scheme:dark)),(prefers-color-scheme:light){.exam-type-selector select,.filter-group select{background-color:#fff;background-image:none;background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:4px;color:#2c3e50;padding:8px}.exam-type-selector select option,.filter-group select option{background-color:#fff;color:#2c3e50}}.dashboard-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;padding:0 20px;width:100%}.charts-row{display:flex;gap:20px;margin-bottom:20px;width:100%}.chart-box{background:#ffffff26;border-radius:10px;box-shadow:0 4px 10px #0000000d;flex:1 1;padding:20px;position:relative}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.chart-header h3{color:#fff;font-size:16px;font-weight:500;margin:0}.info-icon{color:#ffffffb3;cursor:default}.info-icon:hover{color:#fff}.performance-history-container .info-icon{cursor:default!important}.expand-icon{border-radius:4px;bottom:10px;cursor:pointer;font-size:1.2em;padding:8px;position:absolute;right:15px;transition:all .2s ease;z-index:10}.expand-icon:hover{background-color:#0000001a;transform:scale(1.1)}[data-theme=dark] .expand-icon:hover{background-color:#ffffff1a}.left-action{display:flex;justify-content:flex-start;padding:0 30px 20px}.action-button{align-items:center;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:12px 25px;transition:transform .2s,box-shadow .2s}.practice-button{background-color:#fff3;color:#fff}.action-button:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}.recharts-text{fill:#fffc!important;font-size:12px}@media screen and (max-width:992px){.charts-row{flex-direction:column}.dashboard-header{gap:15px}.dashboard-header,.welcome-banner{align-items:flex-start;flex-direction:column}.welcome-banner{gap:10px}.filters{align-items:flex-start;flex-direction:column;gap:15px}}@media screen and (max-width:600px){.dashboard-header,.left-action,.welcome-banner{padding-left:15px;padding-right:15px}.dashboard-content{padding:0 15px}.charts-row{gap:15px;margin-bottom:15px}.chart-box{padding:15px}.filters{padding:0 15px 15px}.filter-group{width:100%}}@media screen and (max-width:768px){.performance-history-container{padding-top:70px!important}.welcome-banner{padding-top:25px}}.modal-overlay{background-color:#000000bf;padding:20px;z-index:1050}.modal-content{background:linear-gradient(to bottom,var(--secondary-gradient-start),var(--secondary-gradient-end));border-radius:15px;box-shadow:0 6px 12px #0003;color:var(--text-primary);display:flex;flex-direction:column;height:85vh;max-height:700px;max-width:1000px;overflow:hidden;padding:30px;position:relative;width:90vw}.modal-content h3{color:var(--text-primary);flex-shrink:0;font-size:24px;margin:0 0 20px;text-align:center}.modal-content .recharts-responsive-container{background:var(--chart-bg);border-radius:10px;flex-grow:1;min-height:0;padding:15px}.modal-close-button{align-items:center;background:var(--button-bg);border:1px solid var(--button-border);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2em;height:36px;justify-content:center;line-height:1;padding:8px;position:absolute;right:15px;top:15px;transition:all .3s ease;width:36px}.modal-close-button:hover{background:var(--button-hover);transform:scale(1.1)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:modalFadeIn .3s ease-out}.simulate-exam{background:linear-gradient(135deg,#1c3855,#2c5282);background:linear-gradient(135deg,var(--primary-gradient-start,#1c3855),var(--primary-gradient-end,#2c5282));box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;padding:40px 20px;transition:background .3s ease;width:100%}[data-theme=light] .simulate-exam{background:linear-gradient(135deg,#f0f8ff,#d6eaff);background:linear-gradient(135deg,var(--primary-gradient-start,#f0f8ff),var(--primary-gradient-end,#d6eaff));color:#2c3e50;color:var(--text-primary,#2c3e50)}.exam-setup-content{background:#1e293be6;background:var(--card-bg,#1e293be6);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);box-shadow:0 8px 32px #0000004d;box-shadow:var(--content-shadow,0 8px 32px #0000004d)}[data-theme=light] .exam-setup-content{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);box-shadow:0 4px 16px #0000001a;box-shadow:var(--content-shadow,0 4px 16px #0000001a)}.exam-setup-title{color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:2rem;text-align:center}.exam-setup-content{background:var(--content-background);border-radius:12px;margin:0 auto;max-width:800px;padding:30px}.exam-setup-subtitle{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.exam-setup-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-select{background-color:#ffffff1a;background-color:var(--input-bg,#ffffff1a);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}[data-theme=light] .form-select{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#2c3e50;color:var(--text-primary,#2c3e50)}.form-select:focus,.form-select:hover:not(:disabled){border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.form-select:focus{box-shadow:0 0 0 3px #3b82f633;box-shadow:0 0 0 3px rgba(var(--primary-rgb,59,130,246),.2);outline:none}.start-exam-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:2rem auto 0;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:100%}[data-theme=light] .start-exam-btn{background:#1976d2;background:var(--primary-color,#1976d2)}.start-exam-btn:hover:not(:disabled){box-shadow:0 8px 25px #3b82f64d;box-shadow:0 8px 25px rgba(var(--primary-rgb,59,130,246),.3);transform:translateY(-2px)}.start-exam-btn:disabled{background-color:#334155;background-color:var(--secondary-bg,#334155);cursor:not-allowed;opacity:.6}.break-screen-container,.completion-screen-container,.exam-interface-container,.fallback-error-container{min-height:100vh;padding:20px}.fallback-error-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.simulate-exam{min-height:100vh;padding:20px;transition:all .3s ease}.simulate-exam-container{background:#0000;border-radius:12px;margin:0 auto;max-width:1200px;overflow:hidden}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right 15px center;background-repeat:no-repeat;background-size:10px;border-radius:8px;box-shadow:0 2px 4px #00000005;cursor:pointer;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}select:hover{box-shadow:0 4px 8px #00000014}select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}button{border:none;cursor:pointer;font-family:Optimistic Text Bold,Helvetica,Arial,sans-serif;transition:all .3s ease}button:disabled{cursor:not-allowed}.validation-message{color:#ef4444;font-size:12px;font-weight:500;margin-top:5px}.exam-header{align-items:center;background:var(--header-bg);border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 30px}.exam-info{color:var(--text-primary);display:flex;font-weight:600;gap:20px}.exam-timers{gap:20px}.exam-timers,.timer-group{align-items:center;display:flex}.timer-group{flex-direction:column;gap:4px}.timer-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timer{background:var(--timer-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;min-width:120px;padding:8px 16px;text-align:center}.timer.block-timer{background:var(--primary-light);border-color:rgba(var(--primary-rgb),.4);color:var(--primary-color)}.timer.total-timer{background:var(--secondary-bg);border-color:var(--border-color);color:var(--text-primary)}.timer.warning{animation:pulse 1s infinite;background:var(--danger-light);border-color:var(--danger-color);box-shadow:0 0 10px rgba(var(--danger-color),.3);color:var(--danger-color)}.paused-indicator{background:var(--warning-color);border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:6px 12px}.exam-actions{display:flex;flex-wrap:wrap;gap:12px}.end-block-btn,.end-exam-btn,.take-break-btn{border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s ease}.end-block-btn{background:var(--warning-color);color:#fff}.end-block-btn:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;opacity:.6}.take-break-btn{background:var(--info-color);color:#fff}.end-exam-btn{background:var(--danger-color);color:#fff}.end-block-btn:hover:not(:disabled),.end-exam-btn:hover:not(:disabled),.take-break-btn:hover:not(:disabled){box-shadow:0 4px 8px #0003;opacity:.95;transform:translateY(-1px)}.block-navigation{background:transparent();border-radius:6px;flex-wrap:wrap;margin:0 20px;padding:16px}.block-btn,.block-navigation{display:flex;gap:8px;justify-content:center}.block-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 3px #0000000d;color:var(--text-color);cursor:pointer;font-weight:600;min-width:100px;padding:12px 20px;position:relative;transition:all .25s ease}.block-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.block-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);color:#fff}.block-btn.completed{background:var(--success-light);border-color:var(--success-color);color:var(--success-color)}.block-btn.locked{background:var(--secondary-bg);border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.block-btn.locked:hover{background:var(--secondary-bg);box-shadow:none;transform:none}.block-status{font-size:.9rem;font-weight:700}.block-btn.completed .block-status{color:var(--success-color)}.block-btn.locked .block-status{color:var(--text-secondary)}.exam-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:0 20px 20px;min-height:500px;padding:30px}.question-container{color:var(--text-primary);margin:0 auto;max-width:800px}.question-text{color:var(--text-primary);margin-bottom:30px}.question-text h3{color:var(--primary-color);margin-bottom:16px}.question-text p{font-size:1.1rem;line-height:1.6}.answer-options{display:flex;flex-direction:column;gap:12px}.answer-option{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:16px;transition:all .2s ease}.answer-option:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 4px rgba(var(--primary-rgb),.1)}.answer-option.selected{background:var(--primary-light);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}.answer-letter{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.answer-text{font-size:1rem}.loading-question{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;gap:12px;justify-content:center;padding:60px 20px}.question-navigation{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-radius:6px;box-shadow:0 -2px 4px #0000000d;padding:20px 30px}[data-theme=dark] .question-navigation{background:#0333144d}[data-theme=light] .question-navigation{background:#f0f8ffe6;border:1px solid #e0e0e0}.nav-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.nav-btn{background:var(--card-bg);border:1px solid var(--primary-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;color:var(--primary-color);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--primary-color);box-shadow:0 4px 8px rgba(var(--primary-rgb),.2);color:#fff;transform:translateY(-1px)}.nav-btn:disabled{background:#0000000d;border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.nav-btn.submit{background:var(--success-color);border:none;border-radius:6px;box-shadow:0 2px 6px rgba(var(--success-color),.2);color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s ease}.nav-btn.submit.update{background:var(--warning-color);box-shadow:0 2px 6px rgba(var(--warning-color),.2)}.nav-btn.submit:hover{background:var(--success-color);box-shadow:0 4px 10px rgba(var(--success-color),.3);opacity:.9;transform:translateY(-1px)}.nav-btn.submit.update:hover{background:var(--warning-color);box-shadow:0 4px 10px rgba(var(--warning-color),.3);opacity:.9;transform:translateY(-1px)}.question-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));max-width:650px}.question-number{align-items:center;background-color:#f5f5f5;border-radius:6px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}[data-theme=light] .question-number{background-color:#f5f5f5;border:1px solid #ddd;color:#333}[data-theme=light] .question-number:hover:not(:disabled){background-color:#e0e0e0;border-color:#ccc}[data-theme=light] .question-number.current{background-color:#0078d4;border:2px solid #0078d4;color:#fff;font-weight:700}[data-theme=light] .question-number.answered{background-color:#4caf50;border:1px solid #4caf50;color:#fff}[data-theme=light] .question-number.current.answered{background-color:#00796b;border:2px solid #00796b;color:#fff}[data-theme=dark] .question-number{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}[data-theme=dark] .question-number:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-color)}[data-theme=dark] .question-number.current{background:var(--primary-color);border-color:var(--primary-color);color:#fff}[data-theme=dark] .question-number.answered{background:var(--success-color);border-color:var(--success-color);color:#fff}.question-number.flagged{border:2px solid #ff9800;border:2px solid var(--danger-color,#ff9800)}[data-theme=light] .question-number.flagged{border:2px solid #ff9800}.question-number.flagged:after{background:#ff9800;background:var(--danger-color,#ff9800);border:2px solid #fff;border:2px solid var(--card-bg,#fff);border-radius:50%;content:"";height:12px;position:absolute;right:-3px;top:-3px;width:12px}.flag-indicator{color:#ef4444}.break-screen{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:800px;padding:60px 40px;text-align:center}.break-screen h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:10px;text-shadow:0 1px 2px #0000001a}.break-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:40px}.break-timer{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:40px;padding:30px}.break-timer .timer-display{color:var(--warning-color);font-family:Courier New,monospace;font-size:3.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 1px 1px #0000001a}.break-info{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:40px}.next-block-info{background:var(--primary-light);border:1px solid rgba(var(--primary-rgb),.3);border-radius:8px;box-shadow:0 2px 6px rgba(var(--primary-rgb),.1);margin:20px auto;max-width:400px;padding:20px}.next-block-info h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:8px;text-shadow:0 1px 1px #0000000d}.break-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:30px}.resume-exam-btn{background:var(--success-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:160px;padding:16px 32px;transition:all .3s ease}.resume-exam-btn:hover{box-shadow:0 6px 20px #22c55e4d;opacity:.9;transform:translateY(-2px)}.skip-break-btn{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:14px 28px;transition:all .3s ease}.skip-break-btn:hover{background:var(--primary-light);border-color:var(--primary-color);transform:translateY(-2px)}.exam-completion-notice{background:var(--success-light);border:2px solid var(--success-color);border-radius:8px;color:var(--success-color);font-weight:600;margin-top:20px;padding:20px}.exam-completed{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:800px;padding:60px 40px;text-align:center}.exam-completed h2{color:var(--success-color);font-size:2.5rem;margin-bottom:20px;text-shadow:0 1px 2px #0000001a}.exam-summary{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000d;margin:40px auto;max-width:400px;padding:20px;text-align:left}.exam-summary h3{color:var(--primary-color);margin-bottom:16px;text-align:center}.exam-summary p{font-weight:500;margin:8px 0}.new-exam-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:16px 32px;transition:all .3s ease}.new-exam-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.error-message{background:var(--danger-light);border-left:4px solid var(--danger-color);border-radius:6px;color:var(--danger-color);margin-bottom:20px}@media (max-width:768px){.simulate-exam{padding:10px}.exam-header{align-items:stretch;flex-direction:column;gap:12px}.exam-info{justify-content:space-between}.exam-actions{justify-content:center}.exam-content{padding:20px}.question-navigation{padding:16px 20px}.question-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.question-number{height:40px;width:40px}.exam-setup{padding:30px 20px}.exam-setup h1{font-size:2rem}.break-screen,.exam-completed{padding:40px 20px}.break-timer .timer-display{font-size:2.5rem}}.flag-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 3px #0000000d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease}.flag-btn:hover{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-color);transform:translateY(-1px)}.flag-btn.flagged{background:var(--danger-color);border-color:var(--danger-color);box-shadow:0 2px 5px rgba(var(--danger-color),.2);color:#fff}.question-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.flag-indicator{color:var(--danger-color);font-size:10px;position:absolute;right:-2px;top:-2px}[data-theme=light] .question-number{background-color:#f5f5f5!important;border:1px solid #ddd!important;color:#333!important}[data-theme=light] .question-number.current{background-color:#0078d4!important;border:2px solid #0078d4!important;color:#fff!important}[data-theme=light] .question-number.answered{background-color:#4caf50!important;border:1px solid #4caf50!important;color:#fff!important}[data-theme=light] .question-number.current.answered{background-color:#00796b!important;border:2px solid #00796b!important;color:#fff!important}[data-theme=light] .question-number.flagged{border:2px solid #ff9800!important}.question-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,minmax(35px,1fr))!important;margin:0 auto;max-width:100%}.modal-overlay{background:#0009;z-index:10000}.end-block-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:90vh;max-width:90vw;overflow:hidden;width:450px}[data-theme=dark] .end-block-modal{background:#2d3748;color:#fff}.modal-content{box-sizing:border-box;flex:1 1;padding:24px;width:100%}.modal-content h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 16px}[data-theme=dark] .modal-content h3{color:#fff}.modal-content p{color:#4a5568;font-size:16px;line-height:1.5;margin:0 0 20px}[data-theme=dark] .modal-content p{color:#cbd5e0}.warning-box{align-items:flex-start;background:#fef5e7;border:1px solid #fbd38d;border-radius:6px;box-sizing:border-box;display:flex;gap:12px;margin:16px 0 0;padding:16px;width:100%}[data-theme=dark] .warning-box{background:#744210;border-color:#d69e2e}.warning-icon{color:#ed8936;flex-shrink:0;font-size:18px;margin-top:1px}.warning-text{color:#744210;flex:1 1;font-size:14px;line-height:1.4}[data-theme=dark] .warning-text{color:#faf089}.warning-text strong{font-weight:600}.modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;box-sizing:border-box;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;width:100%}[data-theme=dark] .modal-footer{background:#1a202c;border-top-color:#4a5568}.btn{border-radius:6px;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px}.btn-cancel{background:#edf2f7;color:#4a5568}.btn-cancel:hover{background:#e2e8f0}[data-theme=dark] .btn-cancel{background:#4a5568;color:#e2e8f0}[data-theme=dark] .btn-cancel:hover{background:#718096}.btn-confirm{background:#e53e3e;color:#fff}.btn-confirm:hover{background:#c53030}.btn:focus{outline:2px solid #3182ce;outline-offset:2px}.modal-overlay{animation:fadeIn .2s ease-out}.end-block-modal{animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-overlay{animation:fadeIn .15s ease-out}.end-block-modal{animation:slideIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.simulate-exam-container{padding-top:70px!important}}.option{background:#f9fafc;background:var(--background-light,#f9fafc);border:1px solid #e8ebf2;border:1px solid var(--border-light,#e8ebf2);border-radius:8px;box-shadow:0 2px 4px #00000005;color:#333;color:var(--text-primary,#333);cursor:pointer;margin-bottom:5px;padding:10px 15px;position:relative;text-align:left;transition:all .2s ease}.option:hover{background:#f0f7ff;background:var(--hover-light,#f0f7ff);border-color:#c7d7ff;border-color:var(--border-hover-light,#c7d7ff)}.option.selected{background-color:#3b82f60d;border:1px solid #3b82f680;box-shadow:0 0 0 2px #3b82f633}.option.exam-submitted{background-color:#6366f133!important;border-color:#6366f1cc!important;border-width:3px!important;box-shadow:0 4px 12px #6366f14d!important;cursor:pointer;transform:scale(1.02);transition:all .2s ease}.option.exam-submitted:hover{background-color:#6366f140!important;border-color:#6366f1e6!important;transform:scale(1.03)}.option.exam-submitted-restored{background-color:#6366f126!important;border-color:#6366f199!important;border-width:2px!important;box-shadow:0 2px 8px #6366f133!important;cursor:pointer}.option.exam-submitted-restored:hover{background-color:#6366f133!important;border-color:#6366f1b3!important}.option-content{align-items:center;display:flex;gap:10px}.letter-indicator{align-items:center;background-color:#0000000d;border-radius:50%;color:#333;color:var(--text-primary,#333);display:flex;flex-shrink:0;font-weight:700;height:28px;justify-content:center;width:28px}.letter-indicator.selected{background-color:#3b82f633;color:#1e40af}.letter-indicator.exam-submitted{background-color:#6366f1!important;box-shadow:0 2px 8px #6366f166;color:#fff!important;font-weight:700!important;transform:scale(1.1)}.letter-indicator.exam-submitted-restored{background-color:#6366f14d;color:#4338ca}.answer-text{color:#333;color:var(--text-primary,#333);flex:1 1;line-height:1.5}.answer-text.selected{font-weight:500}.dark .option{background:#1f2937;background:var(--background-dark,#1f2937);border-color:#374151;border-color:var(--border-dark,#374151);color:#e5e7eb;color:var(--text-primary-dark,#e5e7eb)}.dark .option:hover{background:#2d3748;background:var(--hover-dark,#2d3748);border-color:#4a5568;border-color:var(--border-hover-dark,#4a5568)}.dark .option.selected{background-color:#3b82f61a;border:1px solid #3b82f699;box-shadow:0 0 0 2px #3b82f64d}.dark .option.exam-submitted,.dark .option.exam-submitted-restored{background-color:#6366f126;border-color:#6366f180;box-shadow:0 2px 8px #6366f133}.dark .option.exam-submitted:hover{background-color:#6366f133;border-color:#6366f199}.dark .letter-indicator{background-color:#ffffff1a;color:#e5e7eb;color:var(--text-primary-dark,#e5e7eb)}.dark .letter-indicator.selected{background-color:#3b82f64d;color:#60a5fa}.dark .letter-indicator.exam-submitted,.dark .letter-indicator.exam-submitted-restored{background-color:#6366f166;color:#a78bfa}.dark .answer-text{color:#e5e7eb;color:var(--text-primary-dark,#e5e7eb)}.answer-actions{border-top:1px solid #0000000d;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:16px 0}.dark .answer-actions{border-top:1px solid #ffffff14}.exam-answer-options-container{display:flex;flex:1 1;flex-direction:column}.options{display:flex;flex-direction:column}.loading-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.loading-spinner{border:3px solid #0000001a;border-top:3px solid var(--primary-color);height:40px;margin:0 auto 16px;width:40px}.loading-text{font-size:16px;font-weight:500}.error-state{color:var(--danger-color);padding:40px 20px;text-align:center}.error-reload-btn{background:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:10px 20px;transition:all .2s ease}.error-reload-btn:hover{background:var(--danger-color-dark);transform:translateY(-1px)}.no-answers-state{color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center}.answer-submitted-indicator{align-items:center;background:#3b82f61a;background:var(--info-background,#3b82f61a);border:1px solid #93c5fd;border:1px solid var(--info-border,#93c5fd);border-radius:6px;color:#1e40af;color:var(--info-color,#1e40af);display:flex;font-weight:500;gap:8px;justify-content:center;margin:10px 0;padding:8px 16px;text-align:center}@media (max-width:768px){.option{margin-bottom:8px;padding:12px}.option-content{gap:12px}.letter-indicator{height:32px;width:32px}.answer-actions{flex-direction:column;gap:8px}.answer-actions button{width:100%}}*,:after,:before{box-sizing:border-box}.exam-setup-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:2rem 0;width:100%}.exam-setup-main-title{color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin:0 0 2rem;text-align:center;text-shadow:0 2px 4px #0000004d}.exam-setup-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a2234;border:var(--content-border);border-radius:1rem;box-shadow:var(--content-shadow);box-sizing:border-box;flex:0 1 auto;max-width:min(800px,95%);overflow:hidden;padding:30px 25px;position:relative;transition:all .3s ease;width:100%}.exam-setup-content:before{background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:1.25rem 1.25rem;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.exam-setup-content h2{border-bottom:2px solid var(--primary-color);color:var(--text-primary);display:inline-block;font-size:1.75rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem;text-align:center;width:100%}.exam-setup-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.exam-setup-content .form-group{margin-bottom:1.5rem}.exam-setup-content .form-label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.exam-setup-content .required{color:var(--danger-color);margin-left:.25rem}.exam-setup-content .form-select{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#2f3746cc;border:1px solid #ffffff1a;border-radius:.5rem;color:var(--input-color);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.exam-setup-content .form-select:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.exam-setup-content .form-select:focus,.exam-setup-content .form-select:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-1px)}.exam-setup-content .form-select:disabled{cursor:not-allowed;opacity:.6}.exam-setup-content .validation-message{align-items:center;color:var(--danger-color);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.5rem}.exam-setup-content .exam-format-details{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:var(--info-background);border:var(--info-border);border-radius:.75rem;margin:1.5rem 0;padding:1.5rem}.exam-setup-content .exam-format-title{color:var(--info-color);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.exam-setup-content .exam-format-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}.exam-setup-content .exam-format-item{background:#ffffff05;border:1px solid #ffffff1a;border-radius:.5rem;color:var(--text-secondary);font-size:1rem;font-weight:600;line-height:1.4;padding:.75rem;text-align:center}.exam-setup-content .exam-format-item strong{color:var(--text-primary);display:block;font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.exam-setup-content .exam-format-item div{color:var(--info-color);font-size:1.1rem;font-weight:700;margin-top:.25rem}[data-theme=light] .exam-setup-content .exam-format-item{background:#1976d20d;border:1px solid #1976d21a;color:var(--text-primary)}[data-theme=light] .exam-setup-content .exam-format-item div,[data-theme=light] .exam-setup-content .exam-format-item strong{color:var(--primary-color)}.exam-setup-content .start-exam-btn{background:#4361ee;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:2.5rem auto .5rem;max-width:min(300px,80%);overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.exam-setup-content .start-exam-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.exam-setup-content .start-exam-btn:hover:not(:disabled):before{left:100%}.exam-setup-content .start-exam-btn:hover:not(:disabled){box-shadow:0 8px 25px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}.exam-setup-content .start-exam-btn:active:not(:disabled){transform:translateY(0)}.exam-setup-content .start-exam-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.exam-setup-container{padding:1.5rem 0}.exam-setup-main-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem}.exam-setup-content{max-width:97%;padding:25px 20px}.exam-setup-content h2{font-size:clamp(1.25rem,4vw,1.5rem)}.exam-format-grid{grid-template-columns:1fr}}@media (max-width:480px){.exam-setup-container{padding:1rem 0}.exam-setup-main-title{font-size:clamp(1.25rem,6vw,1.75rem);margin-bottom:1rem}.exam-setup-content{max-width:98%;padding:20px 15px}.exam-setup-content h2{font-size:clamp(1rem,5vw,1.25rem)}}.exam-setup-content :focus{outline:2px solid var(--primary-color);outline-offset:2px}.exam-setup-content .form-select:focus{outline:none}.exam-setup-content .start-exam-btn:disabled{background:var(--secondary-bg);color:var(--text-secondary)}@media (prefers-contrast:high){.exam-setup-container{background:#1e415f}.exam-setup-content{background:#1a2234}.exam-setup-content,.exam-setup-content .form-select{border:2px solid var(--text-primary)}}.settings-page{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh}.settings-page[data-theme=dark]{background:linear-gradient(135deg,#1a1a2e,#2e85db)}.settings-container{margin:0 auto;max-width:1400px;padding:2rem}.settings-header{margin-bottom:3rem;text-align:center}.header-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:2rem}.settings-page[data-theme=dark] .header-content{background:#2e85db26;border:1px solid #ffffff1a}.page-title{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.settings-page[data-theme=dark] .page-title{color:#fff}.page-subtitle{color:#333c;font-size:1.1rem;margin:0}.settings-page[data-theme=dark] .page-subtitle{color:#fffc}.settings-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:280px 1fr}.settings-sidebar{position:sticky;top:2rem}.settings-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:1rem}.settings-page[data-theme=dark] .settings-nav{background:#2e85db26;border:1px solid #ffffff1a}.nav-item{align-items:center;border-radius:10px;color:#333c;cursor:pointer;display:flex;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#0000001a;color:#333;transform:translateX(4px)}.nav-item.active{background:#00000026;box-shadow:0 2px 8px #0000001a;color:#333}.settings-page[data-theme=dark] .nav-item{color:#fffc}.settings-page[data-theme=dark] .nav-item:hover{background:#ffffff1a;color:#fff}.settings-page[data-theme=dark] .nav-item.active{background:#fff3;color:#fff}.nav-icon{font-size:1.2rem;text-align:center;width:24px}.settings-main{display:flex;flex-direction:column;gap:2rem}.settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:15px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.settings-card:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.settings-page[data-theme=dark] .settings-card{background:#2e85db26;border:1px solid #ffffff1a}.card-header{padding:2rem 2rem 0}.card-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-page[data-theme=dark] .card-title{color:#fff}.card-description{color:#333c;font-size:.95rem;margin:0}.settings-page[data-theme=dark] .card-description{color:#fffc}.card-content{padding:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.025em}.settings-page[data-theme=dark] .form-label{color:#fff}.form-input,.form-select{background:#ffffffe6;border:2px solid #0003;border-radius:10px;color:#333;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.form-input:focus,.form-select:focus{background:#fffffff2;border-color:#0006;box-shadow:0 0 0 3px #0000001a}.form-input::placeholder{color:#3339}.form-input.disabled{background:#ffffff80;color:#3339;cursor:not-allowed}.settings-page[data-theme=dark] .form-input,.settings-page[data-theme=dark] .form-select{background:#ffffff1a;border-color:#fff3;color:#fff}.settings-page[data-theme=dark] .form-input:focus,.settings-page[data-theme=dark] .form-select:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.settings-page[data-theme=dark] .form-input::placeholder{color:#fff9}.settings-page[data-theme=dark] .form-input.disabled{background:#ffffff0d;color:#fff9}.form-hint{color:#333333b3;font-size:.8rem;margin-top:.25rem}.settings-page[data-theme=dark] .form-hint{color:#ffffffb3}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;outline:none;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:#0003;border:1px solid #0000004d;box-shadow:0 2px 8px #0000001a;color:#333}.btn-primary:hover{background:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.btn-warning{background:#ffc10733;border:1px solid #ffc1074d;color:#fff3cd}.btn-warning:hover{background:#ffc1074d;transform:translateY(-1px)}.btn-danger{background:#dc354533;border:1px solid #dc35454d;color:#f8d7da}.btn-danger:hover{background:#dc35454d;transform:translateY(-1px)}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.settings-page[data-theme=dark] .btn-primary{background:#fff3;border-color:#ffffff4d;color:#fff}.settings-page[data-theme=dark] .btn-primary:hover{background:#ffffff4d}.settings-page[data-theme=dark] .btn-secondary{background:#ffffff1a;border-color:#fff3;color:#fff}.settings-page[data-theme=dark] .btn-secondary:hover{background:#fff3}.card-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-start;margin-top:1.5rem;padding-top:1.5rem}.settings-page[data-theme=dark] .card-actions{border-top-color:#ffffff1a}.spinner{border:2px solid #ffffff4d;border-top-color:#fff}.alert{border-radius:10px;font-weight:500;padding:1rem}.alert-success{background:#28a74533}.alert-error{background:#dc354533}.settings-page[data-theme=dark] .alert-success{background:#28a74533;border-color:#28a7454d}.settings-page[data-theme=dark] .alert-error{background:#dc354533;border-color:#dc35454d}.alert-icon{font-size:1.2rem}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#0003;border:2px solid #0000001a;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#333;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.3s;width:26px}.toggle-switch input:checked+.toggle-slider{background:#28a745cc;border-color:#28a74599}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(26px)}.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.toggle-switch.disabled .toggle-slider{background-color:#0000001a;cursor:not-allowed}.toggle-switch.disabled .toggle-slider:before{background-color:#0000004d}.settings-page[data-theme=dark] .toggle-slider{background-color:#ffffff4d;border:2px solid #fff3}.settings-page[data-theme=dark] .toggle-slider:before{background-color:#fff}.settings-page[data-theme=dark] .toggle-switch input:checked+.toggle-slider{background:#28a745cc;border-color:#28a74599}.settings-page[data-theme=dark] .toggle-switch input:checked+.toggle-slider:before{background-color:#fff}.settings-page[data-theme=dark] .toggle-switch.disabled .toggle-slider{background-color:#ffffff1a}.settings-page[data-theme=dark] .toggle-switch.disabled .toggle-slider:before{background-color:#ffffff4d}.preference-item{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.preference-item,.settings-page[data-theme=dark] .preference-item{background:#ffffff1a}.preference-info h3,.preference-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.settings-page[data-theme=dark] .preference-info h3,.settings-page[data-theme=dark] .preference-title{color:#fff}.preference-description{color:#333c;font-size:.9rem;margin:0}.settings-page[data-theme=dark] .preference-description{color:#fffc}.security-tips{background:#ffffff1a;border-left:4px solid #fff6;border-radius:10px;margin:1.5rem 0;padding:1.5rem}.settings-page[data-theme=dark] .security-tips{background:#ffffff1a;border-left-color:#fff6}.tips-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.settings-page[data-theme=dark] .tips-title{color:#fff}.tips-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.tips-list li{align-items:center;color:#333c;display:flex;font-size:.9rem;gap:.5rem}.tips-list li:before{color:#f87171;content:"✗";font-weight:700}.tips-list li.valid{color:#155724}.tips-list li.valid:before{color:#28a745;content:"✓"}.settings-page[data-theme=dark] .tips-list li{color:#fffc}.settings-page[data-theme=dark] .tips-list li.valid{color:#d4edda}.sessions-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.session-card{background:#ffffff1a;border:2px solid #0000;border-radius:10px;transition:all .2s ease}.session-card.current{background:#ffffff26;border-color:#ffffff4d}.settings-page[data-theme=dark] .session-card{background:#ffffff1a}.settings-page[data-theme=dark] .session-card.current{background:#ffffff26;border-color:#ffffff4d}.session-info{justify-content:space-between;padding:1.5rem}.session-device,.session-info{align-items:center;display:flex}.session-device{gap:1rem}.device-icon{font-size:1.5rem;text-align:center;width:40px}.device-name{color:#333;font-size:1rem;font-weight:600;margin:0 0 .25rem}.settings-page[data-theme=dark] .device-name{color:#fff}.device-ip,.device-time{color:#333c;font-size:.85rem;margin:0}.settings-page[data-theme=dark] .device-ip,.settings-page[data-theme=dark] .device-time{color:#fffc}.session-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.current-badge{background:#fff3;color:#333}.settings-page[data-theme=dark] .current-badge{background:#fff3;color:#fff}.empty-state,.error-state,.loading-state{align-items:center;color:#333c;display:flex;gap:1rem;justify-content:center;padding:3rem;text-align:center}.settings-page[data-theme=dark] .empty-state,.settings-page[data-theme=dark] .error-state,.settings-page[data-theme=dark] .loading-state{color:#fffc}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.empty-icon,.error-icon{font-size:2rem}.notification-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.notification-item{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:1.5rem}.notification-item.disabled{opacity:.6}.settings-page[data-theme=dark] .notification-item{background:#ffffff1a}.notification-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 .25rem}.settings-page[data-theme=dark] .notification-title{color:#fff}.notification-description{color:#333c;font-size:.85rem;margin:0}.settings-page[data-theme=dark] .notification-description{color:#fffc}.feature-notice{align-items:center;background:#ffffff1a;border-left:4px solid #fff6;border-radius:10px;display:flex;gap:1rem;padding:1.5rem}.settings-page[data-theme=dark] .feature-notice{background:#ffffff1a;border-left-color:#fff6}.notice-icon{flex-shrink:0;font-size:1.5rem}.notice-content h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .25rem}.settings-page[data-theme=dark] .notice-content h4{color:#fff}.notice-content p{color:#333c;font-size:.9rem;margin:0}.settings-page[data-theme=dark] .notice-content p{color:#fffc}.danger-card{border:2px solid #dc35454d}.danger-zone{border-left:4px solid #dc3545;border-radius:10px;padding:1.5rem}.danger-zone,.settings-page[data-theme=dark] .danger-zone{background:#dc35451a}.danger-header{display:flex;gap:1rem;margin-bottom:1.5rem}.danger-icon{color:#f87171;flex-shrink:0;font-size:1.5rem}.danger-title{color:#f87171;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.settings-page[data-theme=dark] .danger-title{color:#f87171}.danger-description{color:#721c24;line-height:1.6;margin:0}.settings-page[data-theme=dark] .danger-description{color:#f8d7da}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem}.modal-container{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:1px solid #0003;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.settings-page[data-theme=dark] .modal-container{background:linear-gradient(135deg,#1a1a2e,#2e85db);border:1px solid #ffffff1a}.modal-header{padding:2rem 2rem 0}.modal-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.settings-page[data-theme=dark] .modal-title{color:#fff}.modal-content{padding:2rem}.modal-warning{border-left:4px solid #dc3545;border-radius:10px;padding:1.5rem}.modal-warning,.settings-page[data-theme=dark] .modal-warning{background:#dc35451a}.warning-icon{color:#f87171;font-size:1.5rem;margin-bottom:1rem}.modal-warning p{color:#721c24;line-height:1.6;margin:0 0 1rem}.settings-page[data-theme=dark] .modal-warning p{color:#f8d7da}.modal-warning ul{color:#721c24;margin:1rem 0;padding-left:1.5rem}.settings-page[data-theme=dark] .modal-warning ul{color:#f8d7da}.modal-warning li{margin-bottom:.5rem}.modal-actions{justify-content:flex-end;padding:0 2rem 2rem}.current-plan-info{background:#0074cc0d;border:2px solid #0074cc33;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.settings-page[data-theme=dark] .current-plan-info{background:#0074cc1a;border-color:#0074cc4d}.plan-details{grid-gap:.75rem;display:grid;gap:.75rem;margin-top:1rem}.plan-name{color:#0074cc;font-size:1.25rem}.settings-page[data-theme=dark] .plan-name{color:#4dabf7}.plan-expiry,.plan-package,.plan-status{color:#666;font-size:.95rem}.settings-page[data-theme=dark] .plan-expiry,.settings-page[data-theme=dark] .plan-package,.settings-page[data-theme=dark] .plan-status{color:#b3b3b3}.status-active{color:#28a745}.status-expired{color:#dc3545}.status-cancelled{color:#ffc107}.subscription-management{border-top:1px solid #0000001a;margin-top:2rem;padding-top:2rem}.settings-page[data-theme=dark] .subscription-management{border-color:#ffffff1a}.section-subtitle{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.settings-page[data-theme=dark] .section-subtitle{color:#fff}.section-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.settings-page[data-theme=dark] .section-description{color:#b3b3b3}.no-subscriptions{padding:3rem 1rem;text-align:center}.empty-state{margin:0 auto;max-width:400px}.empty-icon,.empty-state h3{margin-bottom:1rem}.empty-state h3{color:#333;font-size:1.5rem}.settings-page[data-theme=dark] .empty-state h3{color:#fff}.empty-state p{color:#666;margin-bottom:2rem}.settings-page[data-theme=dark] .empty-state p{color:#b3b3b3}.single-subscription{padding:2rem 1rem;text-align:center}.info-text{color:#666;font-size:.95rem;margin-bottom:2rem}.settings-page[data-theme=dark] .info-text{color:#b3b3b3}.loading-state{align-items:center;color:#666;display:flex;gap:1rem;justify-content:center;padding:2rem}.settings-page[data-theme=dark] .loading-state{color:#b3b3b3}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.alert{align-items:center;border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-success{background:#28a7451a;border:1px solid #28a7454d;color:#155724}.settings-page[data-theme=dark] .alert-success{background:#28a74526;color:#d4edda}.alert-error{background:#dc35451a;border:1px solid #dc35454d;color:#721c24}.settings-page[data-theme=dark] .alert-error{background:#dc354526;color:#f8d7da}.alert-icon{flex-shrink:0;font-size:1.1rem}.btn-secondary{background:#0000;border:2px solid #6c757d;color:#6c757d}.btn-secondary:hover{background:#6c757d;color:#fff}.settings-page[data-theme=dark] .btn-secondary{border-color:#b3b3b3;color:#b3b3b3}.settings-page[data-theme=dark] .btn-secondary:hover{background:#b3b3b3;color:#333}@media (max-width:1024px){.settings-content{gap:1.5rem;grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.nav-item{flex-shrink:0;white-space:nowrap}}@media (max-width:768px){.settings-page{overflow-x:hidden}.settings-container{margin:0 .5rem!important;max-width:calc(100% - 1rem)!important;padding:1rem;width:calc(100% - 1rem)!important}.settings-container *{box-sizing:border-box!important;max-width:100%!important}.settings-container :not(.settings-page){overflow-x:hidden;overflow-y:visible}.header-content{padding:1.5rem}.page-title{font-size:2rem}.card-header{padding:1.25rem 1rem 0}.card-content{padding:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-input,.form-select{font-size:16px;width:100%}.session-info{align-items:flex-start;flex-direction:column;gap:1rem}.card-actions{align-items:stretch;flex-direction:column}.card-actions .btn{justify-content:center;width:100%}.modal-container{margin:1rem;max-width:100%!important;width:100%!important}.modal-actions{flex-direction:column}.modal-actions .btn{justify-content:center;width:100%}.plan-details{gap:.5rem}.subscription-management{margin-top:1.5rem;padding-top:1.5rem}.no-subscriptions,.single-subscription{padding:2rem .5rem}.settings-nav{grid-gap:.5rem;display:grid!important;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible;padding:.5rem}.settings-nav::-webkit-scrollbar{display:none}.nav-item{font-size:.95rem;gap:.5rem;padding:.6rem .75rem;white-space:normal;width:100%}.nav-icon{font-size:1rem;width:20px}.notification-item{align-items:flex-start;flex-direction:column;gap:.75rem}.notification-item .toggle-switch{align-self:flex-end}.card-description,.current-plan-info,.device-ip,.device-name,.device-time,.info-text,.plan-expiry,.plan-package,.plan-status,.section-description{overflow-wrap:anywhere;word-break:break-word}.settings-main{gap:1rem}#data .btn,#subscription .btn,.session-card .btn,.single-subscription .btn{width:100%}}@media screen and (max-width:768px){.settings-container{padding-top:70px!important}}@media (max-width:480px){.page-title{font-size:1.6rem}.preference-item{padding:1rem}.btn{padding:.75rem 1rem}.settings-nav{grid-template-columns:1fr}}@media (max-width:360px){.modal-container{margin:.5rem!important;max-width:100%!important;min-width:0!important;width:100%!important}}.status-subscribed{background:#e0edff;border:1.5px solid #60a5fa}.dark-mode .status-subscribed{background:#2563eb!important;border:1.5px solid #60a5fa;box-shadow:0 1px 6px #2563eb2e;color:#fff!important}.status-subscribed{background:#60a5fa;box-shadow:0 1px 4px #60a5fa1a;color:#1e3a8a}.dark-mode .status-subscribed,.status-subscribed{border-radius:4px;font-size:1.1em;padding:.15em .7em}.dark-mode .status-subscribed{background:#1e3a8a!important;box-shadow:0 1px 4px #60a5fa2e;color:#bfdbfe!important;font-weight:700;letter-spacing:.5px}.billing-page-wrapper{align-items:center;background:linear-gradient(135deg,#f0f8ff,#d6eaff);color:#333;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.billing-page-wrapper.dark-mode{background:#1a2a41;color:#e2e8f0}.billing-container{background:#fff;box-shadow:0 2px 16px #0000000a;box-sizing:border-box;color:inherit;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;margin:0 auto;max-width:90vw;overflow-x:hidden;padding:3rem 1.5rem;width:90vw}@media (max-width:768px){.billing-container{margin:0 .5rem!important;max-width:calc(100% - 1rem)!important;overflow-x:hidden!important;width:calc(100% - 1rem)!important}.billing-container *{box-sizing:border-box!important;max-width:100%!important}.billing-container :not(.billing-page-wrapper){overflow-x:hidden;overflow-y:visible}.billing-container div,.billing-container h1,.billing-container h2,.billing-container h3,.billing-container p{height:auto!important;max-height:none!important;overflow:visible!important}}@media (max-width:1200px){.billing-container{max-width:98vw;width:98vw}}.dark-mode .billing-container{background:#1a2a41;box-shadow:0 2px 16px #0000002e;color:#e2e8f0}.billing-header{margin-bottom:3rem;text-align:center}.billing-header h1{color:#1a2b4a;color:#f7fafc;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.billing-subtitle{color:#576175;font-size:1.1rem;margin:0 auto 2rem;max-width:600px}.billing-toggle{background:#f0f4fa;border:1px solid #e8ebf2}.billing-page-wrapper .billing-toggle button,[data-theme=light] .billing-page-wrapper .billing-toggle button{background:#0000!important;border:none!important;border-radius:25px;color:#576175!important;cursor:pointer;font-weight:600;padding:.75rem 1.75rem;transition:all .2s ease}.billing-page-wrapper .billing-toggle button.active,[data-theme=light] .billing-page-wrapper .billing-toggle button.active{background:#2d70fd!important;box-shadow:0 4px 10px #2d70fd40;color:#fff!important}.billing-page-wrapper .billing-toggle button:not(.active),[data-theme=light] .billing-page-wrapper .billing-toggle button:not(.active){background:#0000!important;color:#455066!important}.billing-page-wrapper .billing-toggle button:not(.active):hover,[data-theme=light] .billing-page-wrapper .billing-toggle button:not(.active):hover{background:#2d70fd14!important;color:#2d70fd!important}.dark-mode .billing-toggle{background:#2d3748;border-color:#4a5568}.dark-mode .billing-toggle button{color:#cbd5e0!important}.dark-mode .billing-toggle button.active{background:#4299e1!important;box-shadow:0 4px 10px #4299e140;color:#fff!important}.dark-mode .billing-toggle button:not(.active){background:#0000!important;color:#a0aec0!important}.dark-mode .billing-toggle button:not(.active):hover{background:#4299e126!important;color:#63b3ed!important}.plans-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;width:100%}@media (max-width:768px){.plans-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}}.plan-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 5px 20px #0000000d}.dark-mode .plan-card{background:#2d3748;border:1px solid #4a5568;box-shadow:0 5px 20px #0000004d}.dark-mode .plan-card:hover{border-color:#63b3ed;box-shadow:0 8px 30px #0006}.dark-mode .plan-card.featured{border-color:#4299e1;box-shadow:0 5px 20px #4299e133}.dark-mode .plan-card.selected{border-color:#68d391;box-shadow:0 8px 30px #68d39133}.plan-card:hover{box-shadow:0 8px 30px #0000001a}.plan-card.selected{border-color:#2d70fd;box-shadow:0 8px 30px #2d70fd26}.plan-card.free-plan{border-color:#e2e8f0}.best-value-tag{background:linear-gradient(90deg,#ff6b6b,#ff8e8e)}.dark-mode .best-value-tag{background:linear-gradient(90deg,#ff8a80,#ffab91)}.select-plan-button.free-plan{background:#2d70fd!important;color:#fff!important}.select-plan-button.free-plan:hover{background:#1e5ad6!important}.plan-card.selected-plan{border-color:#25c26e;box-shadow:0 8px 30px #25c26e26}.plan-card.selected-plan .select-plan-button{background:#25c26e!important;color:#fff!important}.dark-mode .plan-card.selected-plan{border-color:#68d391;box-shadow:0 8px 30px #68d39126}.dark-mode .plan-card.selected-plan .select-plan-button{background:#68d391!important;color:#fff!important}.plan-features-section{flex-grow:1;margin-bottom:2rem}.plan-features-list{list-style-type:none;margin:0;padding:0}.feature-item{align-items:flex-start;display:flex;font-size:.95rem;margin-bottom:1rem;padding-right:.75rem}.feature-no,.feature-text,.feature-yes{align-items:center;display:flex;line-height:1.4}.feature-stacked{align-items:flex-start;display:flex;flex-direction:column}.feature-value-stacked{color:#5d7bff;font-size:.9rem;font-weight:500;margin-left:32px;margin-top:4px}.checkmark,.crossmark{align-items:center;border-radius:50%;display:inline-flex;font-size:.9rem;height:22px;justify-content:center;margin-right:10px;min-width:22px}.checkmark{background-color:#e6f7ef;color:#0cae74}.crossmark{background-color:#f5f5f7;color:#a0a0a8}.feature-yes{color:#2a3342}.feature-no{color:#7e8594;opacity:.8}.feature-text{color:#2a3342}.feature-limitation,.feature-value{color:#5d7bff;font-weight:500;margin-left:4px}.plan-features{flex-grow:1;margin-bottom:1.5rem;padding:0}.feature.included{color:#2a3342}.feature.excluded{color:#7e8594}.feature.included .feature-check{background-color:#dcfce7;color:#16a34a}.feature.excluded .feature-check{background-color:#fef2f2;color:#dc2626}.feature-detail{color:#4a90e2}.dark-mode .feature.included .feature-check{background-color:#16a34a33;border:1px solid #22c55e;color:#22c55e}.dark-mode .feature.excluded .feature-check{background-color:#dc262633;border:1px solid #ef4444;color:#ef4444}.tooltip-container{display:inline-block;margin-left:8px;position:relative}.tooltip-icon{color:#a1a9c3;cursor:help;font-size:.9rem;font-style:normal}.tooltip-text{background-color:#2a3342;border-radius:6px;bottom:125%;color:#fff;font-size:.8rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:10}.tooltip-text:after{border:5px solid #0000;border-top-color:#2a3342;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.select-plan-button{background:linear-gradient(90deg,#2d70fd,#5d7bff);border:none;border-radius:8px;box-shadow:0 4px 10px #2d70fd40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1rem;transition:all .2s ease;width:100%}.select-plan-button:hover{box-shadow:0 6px 15px #2d70fd59;transform:translateY(-2px)}.plan-card.selected .select-plan-button{background:#25c26e;box-shadow:0 4px 10px #25c26e40}.guarantee-section{border-top:1px solid #e8ebf2}.guarantee-content{background-color:#fff;box-shadow:0 5px 20px #0000000d}.guarantee-text h3{color:#1a2b4a}.guarantee-text p{color:#576175}.billing-nav{margin-bottom:1.5rem;padding:1rem 0}.home-link{align-items:center;color:#2d70fd;display:flex;font-weight:500;text-decoration:none;transition:opacity .2s;width:fit-content}.home-link:hover{opacity:.8}.home-icon{color:#fff}.step-indicator{justify-content:center;margin:2rem 0 3rem}.step,.step-indicator{display:flex;position:relative}.step{align-items:center;flex-direction:column;margin:0 2rem}.step:not(:last-child):after{background:#e2e8f0;content:"";height:2px;left:calc(100% + 1rem);position:absolute;top:15px;width:2rem;z-index:1}.step.active:not(:last-child):after{background:#2d70fd}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#a0aec0;display:flex;font-weight:600;height:30px;justify-content:center;margin-bottom:.5rem;overflow:visible;position:relative;text-overflow:clip;width:30px;z-index:2}.step.active .step-number{background:#2d70fd;color:#fff}.step-label{word-wrap:break-word;color:#718096;font-size:.85rem;font-weight:500;height:auto;max-height:none;overflow:visible;overflow-wrap:break-word;text-align:center;white-space:normal}.step.active .step-label{color:#2d70fd;font-weight:600}.dark-mode .step:not(:last-child):after{background:#4a5568}.dark-mode .step.active:not(:last-child):after{background:#4299e1}.dark-mode .step-number{background:#4a5568;color:#a0aec0}.dark-mode .step.active .step-number{background:#4299e1;color:#fff}.dark-mode .step-label{color:#a0aec0;overflow:visible!important}.dark-mode .step.active .step-label{color:#4299e1;overflow:visible!important}.current-subscription-info{background:#25c26e1a;border:2px solid #25c26e4d;border-radius:12px;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.current-plan-display{display:flex;flex-direction:column;gap:.75rem}.current-plan-title{color:#2a3342;font-size:1.75rem;font-weight:600;line-height:1.4;margin:0}.current-plan-title .plan-name{color:#25c26e;font-weight:700}.current-plan-status{color:#576175;font-size:1.2rem;font-weight:500;margin:0}.plan-details{color:#576175;font-size:1rem;margin:0;text-align:center}.status-active{color:#25c26e;font-weight:600}.status-expired{color:#e53e3e;font-weight:600}.status-cancelled{color:#ed8936;font-weight:600}.status-subscribed{color:#4299e1;font-weight:600}.expiry-date{font-weight:600}.dark-mode .current-subscription-info{background:#68d39126!important;border-color:#68d39166!important}.dark-mode .current-plan-title{color:#e2e8f0!important}.dark-mode .current-plan-title .plan-name{color:#68d391!important}.dark-mode .current-plan-status,.dark-mode .plan-details{color:#a0aec0!important}.dark-mode .status-active{color:#68d391!important}.dark-mode .status-expired{color:#fc8181!important}.dark-mode .status-cancelled{color:#f6ad55!important}.dark-mode .status-subscribed{color:#63b3ed!important}.all-subscriptions-section{border-top:1px solid #25c26e33;margin-top:2rem;padding-top:2rem}.all-subscriptions-title{color:#2a3342;font-size:1.3rem;font-weight:600;margin:0 0 1rem;text-align:center}.subscriptions-list{display:flex;flex-direction:column;gap:1rem}.subscription-item{align-items:center;background:#ffffff80;border:1px solid #25c26e33;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.subscription-item.current{background:#25c26e1a;border-color:#25c26e66}.subscription-package-name{color:#2a3342;font-weight:600}.subscription-details{align-items:center;display:flex;gap:.5rem}.subscription-status{border:1px solid #fff3;border-radius:8px;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem}.current-tag{background:linear-gradient(135deg,#25c26e,#22c55e);box-shadow:0 2px 8px #25c26e4d}.active-tag,.current-tag{border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem}.active-tag{background:linear-gradient(135deg,#3182ce,#4299e1);box-shadow:0 2px 8px #3182ce4d}.subscription-item.current-active{background:#25c26e26;border-color:#25c26e80}.subscription-item.subscribed{background:#3182ce1a;border-color:#3182ce4d}.subscription-item.canceled{background:#ef44441a;border-color:#ef44444d}.status-current-active{background:linear-gradient(135deg,#25c26e,#22c55e);box-shadow:0 2px 12px #25c26e4d}.status-current-active,.status-subscribed{border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem}.status-subscribed{background:linear-gradient(135deg,#3182ce,#4299e1);box-shadow:0 2px 12px #3182ce4d}.status-canceled{background:linear-gradient(135deg,#ef4444,#f87171);border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 12px #ef44444d;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem}.activate-plan-button{background:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:background-color .2s ease}.activate-plan-button:hover{background:#2c5aa0}.activate-plan-button:focus{box-shadow:0 0 0 2px #3182ce80;outline:none}.dark-mode .all-subscriptions-title{color:#e2e8f0!important}.dark-mode .subscription-item{background:#ffffff0d!important;border-color:#68d3914d!important}.dark-mode .subscription-item.current{background:#68d39126!important;border-color:#68d39180!important}.dark-mode .subscription-package-name{color:#e2e8f0!important}.dark-mode .current-tag{background:linear-gradient(135deg,#059669,#10b981);border:1px solid #10b9814d;box-shadow:0 2px 8px #05966966;color:#f0fdf4}.dark-mode .active-tag{background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid #3b82f64d;box-shadow:0 2px 8px #1e40af66;color:#f0f9ff}.dark-mode .subscription-item.current-active{background:#68d39133!important;border-color:#68d39199!important}.dark-mode .subscription-item.subscribed{background:#60a5fa26!important;border-color:#60a5fa66!important}.dark-mode .subscription-item.canceled{background:#f8717126!important;border-color:#f8717166!important}.dark-mode .activate-plan-button{background:#60a5fa!important}.dark-mode .activate-plan-button:hover{background:#3b82f6!important}@media (max-width:768px){.current-subscription-info{margin:1.5rem auto;padding:1.5rem}.current-plan-title{font-size:1.3rem;line-height:1.5}.all-subscriptions-section{margin-top:1.5rem;padding-top:1.5rem}.all-subscriptions-title{font-size:1.1rem}.subscription-details{align-items:flex-start;flex-direction:column;gap:.5rem}.activate-plan-button{font-size:.8rem;padding:.3rem .6rem}.subscription-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem}.subscription-details{align-self:flex-end}}.packages-section h2{color:#1a2b4a;font-size:2rem}.packages-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.packages-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}}.package-card{background:#fff;border:2px solid #e2e8f0;padding:2rem;text-align:center;transition:all .3s ease}.package-card:hover{border-color:#2d70fd;box-shadow:0 8px 25px #2d70fd26;transform:translateY(-3px)}.package-card h3{color:#1a2b4a;font-size:1.5rem}.package-description{color:#576175;line-height:1.5}.select-package-button{background:#2d70fd;padding:.75rem 1.5rem}.change-plan-button{background:linear-gradient(90deg,#ff9800,#ffb74d)!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.billing-page-wrapper .change-plan-button,[data-theme=light] .billing-page-wrapper .change-plan-button{background:linear-gradient(90deg,#ff9800,#ffb74d)!important;border:none!important;color:#fff!important}.change-plan-button:hover{transform:translateY(-1px)}.billing-page-wrapper .change-plan-button:hover,.change-plan-button:hover,[data-theme=light] .billing-page-wrapper .change-plan-button:hover{background:linear-gradient(90deg,#ffb74d,#ff9800)!important}.change-plan-button.disabled,.change-plan-button:disabled{background:#ffe0b2!important;border:1px solid #ffd699!important;color:#888!important;cursor:not-allowed!important}.select-package-button:hover{background:#1e5ad6;transform:translateY(-1px)}.dark-mode .package-card{background:#223049!important;border-color:#2c3e5a!important}.dark-mode .change-plan-button{background:linear-gradient(90deg,#ffb74d,#ff9800)!important;color:#fff!important}.dark-mode .change-plan-button:hover{background:linear-gradient(90deg,#ff9800,#ffb74d)!important}.dark-mode .change-plan-button.disabled,.dark-mode .change-plan-button:disabled{background:#4a3a1a!important;border:1px solid #bfa76a!important;color:#bfa76a!important}.no-packages-message{color:#718096;font-size:1.1rem;padding:3rem;text-align:center}.dark-mode .no-packages-message{color:#a0aec0}.plans-section,.section-header{margin-bottom:2rem}.section-header{align-items:center;display:flex;gap:1rem}.section-header h2{color:#1a2b4a;font-size:1.8rem;font-weight:600;margin:0}.dark-mode .section-header h2{color:#f7fafc}.back-button{background:#f0f4fa;border:1px solid #e2e8f2;border-radius:6px;color:#576175;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#e2e8f0;color:#2d70fd}.no-plans-message{color:#718096;font-size:1.1rem;padding:3rem}.no-plans-message h3{color:#2d3748;font-size:1.3rem}.no-plans-message p{color:#718096;margin-bottom:2rem}.dark-mode .no-plans-message{color:#a0aec0}.plan-description{color:#576175;font-size:.95rem;line-height:1.5}.dark-mode .plan-description{color:#a0aec0}.payment-section{margin-bottom:2rem}.payment-summary{display:flex;justify-content:center;margin:2rem 0}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:400px;padding:2rem;width:100%}.summary-card h3{color:#1a2b4a;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.summary-item{color:#576175;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.25rem 0}.summary-item.total{border-top:1px solid #e2e8f0;color:#1a2b4a;font-size:1.1rem;margin-top:1rem;padding-top:1rem}.payment-actions{display:flex;justify-content:center;margin-top:2rem}.buy-now-button{background:linear-gradient(90deg,#25c26e,#2d70fd);border:none;border-radius:10px;box-shadow:0 6px 24px #2d70fd2e,0 1.5px 6px #25c26e1a;color:#fff;cursor:pointer;display:block;font-size:1.15rem;font-weight:700;letter-spacing:.03em;margin:0 auto;outline:none;overflow:hidden;padding:1.1rem 2.5rem;position:relative;transition:background .2s,box-shadow .2s,transform .1s}.buy-now-button:focus,.buy-now-button:hover{background:linear-gradient(90deg,#2d70fd,#25c26e);box-shadow:0 8px 32px #2d70fd38,0 2px 8px #25c26e21;transform:translateY(-2px) scale(1.03)}.buy-now-button:active{background:linear-gradient(90deg,#25c26e,#2d70fd);box-shadow:0 3px 12px #2d70fd1f;transform:scale(.98)}.buy-now-button:disabled{background:#b5b5b5;box-shadow:none;color:#f0f0f0;cursor:not-allowed;opacity:.7}.dark-mode .buy-now-button{background:linear-gradient(90deg,#68d391,#4299e1);box-shadow:0 6px 24px #4299e12e,0 1.5px 6px #68d3911a;color:#1a2a41}.dark-mode .buy-now-button:focus,.dark-mode .buy-now-button:hover{background:linear-gradient(90deg,#4299e1,#68d391);box-shadow:0 8px 32px #4299e138,0 2px 8px #68d39121;color:#1a2a41}.dark-mode .buy-now-button:active{background:linear-gradient(90deg,#68d391,#4299e1);box-shadow:0 3px 12px #4299e11f;color:#1a2a41}.dark-mode .buy-now-button:disabled{background:#374151;box-shadow:none;color:#a0aec0;opacity:.6}@media screen and (max-width:768px){.billing-container{box-sizing:border-box!important;margin:0 1rem!important;max-width:calc(100% - 2rem)!important;padding-left:1rem!important;padding-right:1rem!important;padding-top:70px!important;width:calc(100% - 2rem)!important}.billing-page-wrapper{overflow-x:hidden;padding:0}}@media (max-width:768px){.billing-container{box-sizing:border-box;margin:0 .5rem!important;max-width:calc(100% - 1rem)!important;padding:1.5rem 1rem;width:calc(100% - 1rem)!important}.billing-header{height:auto;margin-bottom:1.5rem;overflow:visible;text-align:center}.billing-header h1{font-size:1.6rem;line-height:1.3;margin-bottom:.75rem}.billing-header h1,.billing-subtitle{word-wrap:break-word;height:auto;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.billing-subtitle{font-size:.95rem;line-height:1.4;margin-bottom:1.25rem}.step-indicator{align-items:center;flex-direction:row;justify-content:space-between;margin:1rem 0 1.5rem;overflow:visible;padding:0 1rem}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0;min-width:auto;position:relative}.step:not(:last-child):after{background:#e2e8f0;content:"";height:2px;left:70%;position:absolute;top:14px;width:30px;z-index:1}.step.active:not(:last-child):after{background:#2d70fd}.step-number{font-size:.85rem;height:28px;margin-bottom:.25rem;overflow:visible;text-overflow:clip;width:28px}.step-label{word-wrap:break-word;font-size:.7rem;height:auto;line-height:1.2;max-height:none;max-width:60px;overflow:visible;overflow-wrap:break-word;text-align:center;white-space:normal}.current-subscription-info{border-radius:8px;box-sizing:border-box;margin:1rem auto;max-width:100%;min-height:auto;overflow:visible;padding:1.25rem;width:100%}.current-plan-title{font-size:1.2rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.current-plan-status,.current-plan-title{word-wrap:break-word;height:auto;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.current-plan-status{font-size:1rem}.all-subscriptions-section{margin-top:1.25rem;padding-top:1.25rem}.all-subscriptions-title{font-size:1rem;margin-bottom:.75rem}.subscription-item{align-items:stretch;border-radius:8px;flex-direction:column;gap:.75rem;margin-bottom:.5rem;padding:1rem}.subscription-package-name{word-wrap:break-word;font-size:1rem;font-weight:600;height:auto;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.subscription-details{align-items:center;align-self:stretch;flex-direction:row;gap:.5rem;justify-content:space-between}.activate-plan-button{font-size:.8rem;min-height:36px;padding:.4rem .8rem;white-space:nowrap}.packages-grid{display:flex;flex-direction:column;gap:1rem;margin:0;width:100%}.package-card{border-radius:8px;box-sizing:border-box;height:auto;margin:0;max-width:100%;min-height:auto;overflow:visible;padding:1.25rem;width:100%}.package-card h3{font-size:1.2rem;line-height:1.3;margin-bottom:.75rem}.package-card h3,.package-description{word-wrap:break-word;height:auto;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.package-description{font-size:.9rem;line-height:1.4;margin-bottom:1rem}.change-plan-button,.select-package-button{border-radius:6px;box-sizing:border-box;font-size:.9rem;min-height:44px;padding:.75rem 1rem;width:100%}.section-header{align-items:stretch;flex-direction:column;gap:.75rem;height:auto;margin-bottom:1.25rem;overflow:visible}.section-header h2{word-wrap:break-word;font-size:1.3rem;height:auto;line-height:1.3;margin:0;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.back-button{align-self:flex-start;font-size:.85rem;min-height:40px;padding:.5rem .75rem}.billing-toggle-container{margin-bottom:1.5rem}.billing-toggle{display:flex;margin:0 auto;max-width:280px;width:100%}.billing-toggle button{flex:1 1;font-size:.85rem;min-height:44px;padding:.7rem 1rem!important}.plans-grid{display:flex;flex-direction:column;gap:1rem;margin:0;width:100%}.plan-card{border-radius:8px;box-sizing:border-box;margin:0;max-width:100%;min-height:auto;padding:1.25rem;width:100%}.plan-card,.plan-card h3{height:auto;overflow:visible}.plan-card h3{word-wrap:break-word;font-size:1.1rem;margin-bottom:.75rem;max-height:none;overflow-wrap:break-word;white-space:normal}.price-container{margin-bottom:1rem}.price-amount{font-size:1.6rem;line-height:1.2}.price-amount,.price-period{word-wrap:break-word;height:auto;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.price-period{font-size:.8rem}.price-breakdown{font-size:.75rem;margin-top:.25rem}.plan-description{word-wrap:break-word;font-size:.85rem;height:auto;line-height:1.4;margin-bottom:1rem;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.feature-item{font-size:.8rem;line-height:1.3;margin-bottom:.5rem}.feature-check{font-size:.75rem;height:18px;margin-right:.5rem;min-width:18px}.feature-label{font-size:.8rem}.feature-detail{font-size:.7rem;margin-top:.1rem}.select-plan-button{border-radius:6px;font-size:.9rem;margin-top:auto;min-height:44px;padding:.8rem 1rem;width:100%}.payment-summary{margin:1.25rem 0}.summary-card{border-radius:8px;box-sizing:border-box;margin:0;max-width:none;padding:1.25rem;width:100%}.summary-card h3{font-size:1.1rem;margin-bottom:1rem}.summary-item{flex-wrap:wrap;font-size:.85rem;gap:.25rem;margin-bottom:.5rem}.summary-item.total{font-size:.95rem;font-weight:600;margin-top:.75rem;padding-top:.75rem}.promotion-code-section{margin:1.25rem 0;width:100%}.promotion-code-row{align-items:center;flex-direction:column;gap:.75rem;width:100%}.promo-code-field{box-sizing:border-box;font-size:16px;padding:.75rem}.apply-promo-button,.promo-code-field{border-radius:6px;max-width:280px;width:100%}.apply-promo-button{font-size:.9rem;min-height:44px;padding:.75rem 1rem}.remove-promo-button{font-size:.8rem;margin-top:.5rem;min-height:36px;padding:.5rem 1rem}.buy-now-button{border-radius:8px;display:block;font-size:1rem;margin:1.5rem auto 0;max-width:320px;min-height:50px;padding:1rem 1.5rem;width:100%}.cancel-subscription-footer{margin-top:2rem;padding-top:1.5rem}.show-cancel-button{font-size:.9rem;max-width:280px;min-height:44px;padding:.75rem 1.5rem;width:100%}.cancel-subscriptions-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.cancel-subscription-card{border-radius:8px;box-sizing:border-box;margin:0;padding:1rem;width:100%}.cancel-card-header{align-items:stretch;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.cancel-card-header h3{font-size:1rem;margin:0}.current-badge,.status-badge{align-self:flex-start;font-size:.7rem;padding:.25rem .5rem}.cancel-card-details{margin-bottom:1rem}.cancel-card-details p{font-size:.8rem;margin:.25rem 0}.cancel-subscription-button{border-radius:6px;font-size:.85rem;min-height:44px;padding:.75rem;width:100%}.cancel-confirmation-modal{border-radius:8px;box-sizing:border-box;margin:1rem;max-width:400px;padding:1.25rem;width:calc(100% - 2rem)}.cancel-confirmation-modal h3{font-size:1.2rem;margin-bottom:.75rem}.cancel-confirmation-modal p{font-size:.85rem;line-height:1.4;margin:.5rem 0}.modal-actions{flex-direction:column;gap:.75rem;margin-top:1.25rem}.cancel-modal-button,.confirm-cancel-button{border-radius:6px;font-size:.9rem;min-height:44px;padding:.75rem;width:100%}.error-message,.success-message{font-size:.9rem;margin:.75rem 0;padding:.75rem}.loading-message{font-size:1rem;padding:2rem;text-align:center}.no-packages-message,.no-plans-message{font-size:1rem;padding:2rem 1rem}.no-plans-message h3{font-size:1.2rem;margin-bottom:.75rem}.no-plans-message p{margin-bottom:1.5rem}}@media (max-width:480px){.billing-container{margin:0 .25rem!important;max-width:calc(100% - .5rem)!important;padding:1rem .75rem;padding-top:80px!important;width:calc(100% - .5rem)!important}.billing-header h1{font-size:1.4rem;line-height:1.2;margin-bottom:.5rem}.billing-subtitle{font-size:.85rem;line-height:1.3}.step-indicator{flex-direction:row;gap:.5rem;justify-content:center;margin:.75rem 0 1.25rem}.step:not(:last-child):after{display:none}.step{align-items:center;flex-direction:column;gap:.25rem;margin:0;min-width:60px}.step-number{font-size:.75rem;height:24px;margin-bottom:0;overflow:visible;text-overflow:clip;width:24px}.step-label{word-wrap:break-word;font-size:.6rem;height:auto;line-height:1.1;max-height:none;max-width:50px;overflow:visible;overflow-wrap:break-word;text-align:center;white-space:normal}.current-subscription-info{margin:.75rem auto;padding:1rem}.current-plan-title{font-size:1rem;line-height:1.3}.current-plan-status{font-size:.9rem}.subscription-item{gap:.5rem;padding:.75rem}.subscription-package-name{font-size:.9rem}.subscription-details{align-items:stretch;flex-direction:column;gap:.5rem}.package-card,.plan-card{border-radius:6px;box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:1rem;width:100%!important}.package-card h3,.plan-card h3{font-size:1rem;margin-bottom:.5rem}.package-description,.plan-description{font-size:.8rem;line-height:1.3;margin-bottom:.75rem}.billing-toggle{max-width:260px;padding:.25rem}.billing-toggle button{font-size:.8rem;min-height:40px;padding:.6rem .75rem!important}.price-amount{font-size:1.4rem}.price-amount,.price-period{word-wrap:break-word;height:auto;max-height:none;overflow:visible;overflow-wrap:break-word;white-space:normal}.price-period{font-size:.75rem}.price-breakdown{font-size:.7rem}.feature-item{font-size:.75rem;margin-bottom:.4rem}.feature-check{font-size:.7rem;height:16px;margin-right:.4rem;min-width:16px}.feature-label{font-size:.75rem}.feature-detail{font-size:.65rem}.change-plan-button,.select-package-button,.select-plan-button{font-size:.8rem;min-height:42px;padding:.65rem .75rem}.buy-now-button{font-size:.9rem;max-width:300px;min-height:46px;padding:.85rem 1.25rem}.section-header h2{font-size:1.2rem}.back-button{font-size:.8rem;min-height:38px;padding:.5rem .75rem}.summary-card{padding:1rem}.summary-card h3{font-size:1rem;margin-bottom:.75rem}.summary-item{font-size:.8rem;margin-bottom:.4rem}.summary-item.total{font-size:.9rem}.promo-code-field{font-size:16px;max-width:260px;padding:.65rem}.apply-promo-button{font-size:.85rem;max-width:260px;min-height:42px;padding:.65rem .75rem}.remove-promo-button{font-size:.75rem;min-height:34px;padding:.4rem .75rem}.cancel-subscription-card{padding:.875rem}.cancel-card-header h3{font-size:.95rem}.cancel-card-details p{font-size:.75rem}.cancel-subscription-button{font-size:.8rem;min-height:42px;padding:.65rem}.cancel-confirmation-modal{margin:.5rem;padding:1rem;width:calc(100% - 1rem)}.cancel-confirmation-modal h3{font-size:1.1rem;margin-bottom:.5rem}.cancel-confirmation-modal p{font-size:.8rem;line-height:1.3}.cancel-modal-button,.confirm-cancel-button{font-size:.85rem;min-height:42px;padding:.65rem}.error-message,.success-message{border-radius:6px;font-size:.85rem;margin:.5rem 0;padding:.75rem}.loading-message,.no-packages-message,.no-plans-message{font-size:.9rem;padding:1.5rem .75rem}.no-plans-message h3{font-size:1.1rem;margin-bottom:.5rem}}@media (max-width:768px){.activate-plan-button,.apply-promo-button,.back-button,.buy-now-button,.cancel-subscription-button,.change-plan-button,.remove-promo-button,.select-package-button,.select-plan-button,.show-cancel-button{min-height:44px;min-width:44px;touch-action:manipulation}.billing-toggle button{min-height:44px;touch-action:manipulation}.package-card,.plan-card{cursor:pointer;touch-action:manipulation}.billing-toggle *,.package-card *,.plan-card *,.step-indicator *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cancel-card-details p,.package-description,.plan-description,.promo-code-field,.summary-item{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.billing-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.back-button:focus,.buy-now-button:focus,.change-plan-button:focus,.select-package-button:focus,.select-plan-button:focus{outline:2px solid #2d70fd;outline-offset:2px}.dark-mode .back-button:focus,.dark-mode .buy-now-button:focus,.dark-mode .change-plan-button:focus,.dark-mode .select-package-button:focus,.dark-mode .select-plan-button:focus{outline-color:#4299e1}.package-card,.plan-card,button{-webkit-tap-highlight-color:rgba(45,112,253,.1)}.dark-mode .package-card,.dark-mode .plan-card,.dark-mode button{-webkit-tap-highlight-color:rgba(66,153,225,.1)}}@media (max-width:360px){.billing-container{padding:1rem .5rem}.billing-header h1{font-size:1.3rem}.package-card,.plan-card,.summary-card{padding:.75rem}.promo-code-field{width:160px}.apply-promo-button{font-size:.8rem;min-width:90px;padding:6px 10px}.buy-now-button{font-size:.9rem;padding:.8rem 1.25rem}}@media (max-width:896px) and (orientation:landscape) and (max-height:414px){.billing-container{padding-top:60px!important}.billing-header{margin-bottom:1.5rem}.billing-header h1{font-size:1.6rem}.step-indicator{margin:1rem 0 1.5rem}.packages-grid,.plans-grid{gap:1rem}.package-card,.plan-card{padding:1rem}.current-subscription-info{margin:1rem auto;padding:1.25rem}}@media (min-width:769px) and (max-width:1024px){.billing-container{max-width:95vw;padding:2.5rem 1.5rem;width:95vw}.packages-grid,.plans-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.billing-header h1{font-size:2.2rem}.section-header h2{font-size:1.7rem}}.dark-mode .billing-header h1{color:#f7fafc!important}.dark-mode .billing-subtitle{color:#a0aec0!important}.dark-mode .plan-header{border-bottom-color:#4a5568!important}.dark-mode .plan-header h3{color:#f7fafc!important}.dark-mode .price-amount{color:#f7fafc!important;overflow:visible!important}.dark-mode .price-breakdown,.dark-mode .price-period{color:#a0aec0!important;overflow:visible!important}.dark-mode .plan-description{color:#a0aec0!important}.dark-mode .feature.included{color:#e2e8f0!important}.dark-mode .feature.excluded{color:#a0aec0!important}.dark-mode .feature-label{color:#e2e8f0!important}.dark-mode .feature-detail{color:#6cb4ee!important}.dark-mode .packages-section h2{color:#f7fafc!important}.dark-mode .package-card{background:#2d3748!important;border-color:#4a5568!important}.dark-mode .package-card:hover{border-color:#4299e1!important;box-shadow:0 8px 25px #4299e126!important}.dark-mode .package-card h3{color:#f7fafc!important}.dark-mode .package-description{color:#a0aec0!important}.dark-mode .select-package-button{background:#4299e1!important}.dark-mode .select-package-button:hover{background:#3182ce!important}.dark-mode .section-header h2{color:#f7fafc!important}.dark-mode .back-button{background:#2d3748!important;border-color:#4a5568!important;color:#a0aec0!important}.dark-mode .back-button:hover{background:#4a5568!important;color:#4299e1!important}.dark-mode .no-packages-message,.dark-mode .no-plans-message{color:#a0aec0!important}.dark-mode .no-plans-message h3{color:#f7fafc!important}.dark-mode .loading-message{color:#a0aec0!important}.dark-mode .error-message{color:#fc8181!important}.dark-mode .error-message,.dark-mode .summary-card{background:#2d3748!important;border-color:#4a5568!important}.dark-mode .summary-card h3{color:#f7fafc!important}.dark-mode .summary-item{color:#a0aec0!important}.dark-mode .summary-item.total{border-top-color:#4a5568!important;color:#f7fafc!important}.dark-mode .retry-button{background:#4299e1!important}.dark-mode .retry-button:hover{background:#3182ce!important}.dark-mode .select-plan-button{background:linear-gradient(90deg,#4299e1,#63b3ed)!important}.dark-mode .select-plan-button:hover{background:linear-gradient(90deg,#3182ce,#4299e1)!important}.dark-mode .select-plan-button.free-plan{background:#4299e1!important}.dark-mode .select-plan-button.free-plan:hover{background:#3182ce!important}.select-package-button.disabled,.select-package-button:disabled{background:#e0e0e0!important;border:1px solid #ccc!important;color:#888!important;cursor:not-allowed!important}.current-plan-btn{background:#25c26e!important;border:none;border:1px solid #25c26e!important;border-radius:8px;box-shadow:0 4px 10px #25c26e40!important;font-size:1rem;font-weight:600;padding:.9rem 1rem;transition:all .2s ease;width:100%}.current-plan-btn,.current-plan-btn:hover{color:#fff!important;cursor:default!important}.current-plan-btn:hover{background:#22c55e!important;border:1px solid #22c55e!important;box-shadow:0 6px 15px #25c26e59!important;transform:none!important}.upgrade-plan-btn{background:#f97316!important;border:1px solid #f97316!important;box-shadow:0 4px 10px #f9731640!important;font-size:1rem;padding:.9rem 1rem;transition:all .2s ease;width:100%}.upgrade-plan-btn,.upgrade-plan-btn:hover{color:#fff!important;cursor:pointer!important}.upgrade-plan-btn:hover{background:#ea580c!important;border:1px solid #ea580c!important;box-shadow:0 6px 15px #ea580c59!important;transform:translateY(-2px)!important}.not-available-btn{background:#b0b0b0!important;border:none;border:1px solid #b0b0b0!important;border-radius:8px;box-shadow:0 4px 10px #b0b0b040!important;color:#fff!important;cursor:not-allowed!important;font-size:1rem;font-weight:600;padding:.9rem 1rem;transition:all .2s ease;width:100%}.not-available-btn:hover{background:#999!important;border:1px solid #999!important;box-shadow:0 4px 10px #99999940!important;color:#000!important;cursor:not-allowed!important;transform:none!important}.dark-mode .current-plan-btn{background:#25c26e!important;border:1px solid #25c26e!important;box-shadow:0 4px 10px #25c26e40!important;color:#fff!important}.dark-mode .current-plan-btn:hover{background:#22c55e!important;border:1px solid #22c55e!important;box-shadow:0 6px 15px #25c26e59!important;color:#fff!important}.dark-mode .upgrade-plan-btn{background:#f97316!important;border:1px solid #f97316!important;box-shadow:0 4px 10px #f9731640!important;color:#fff!important}.dark-mode .upgrade-plan-btn:hover{background:#ea580c!important;border:1px solid #ea580c!important;box-shadow:0 6px 15px #ea580c59!important;color:#fff!important;transform:translateY(-2px)!important}.dark-mode .not-available-btn{background:#b0b0b0!important;border:1px solid #b0b0b0!important;box-shadow:0 4px 10px #b0b0b040!important;color:#fff!important}.dark-mode .not-available-btn:hover{background:#999!important;border:1px solid #999!important;box-shadow:0 4px 10px #99999940!important;color:#000!important}.active-package-tag{background:#e6f9ed;border-radius:12px;color:#1bbf4c;font-size:.85em;font-weight:600;margin-left:10px;padding:2px 10px;vertical-align:middle}.package-status-tag{border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem;position:absolute;right:1rem;top:1rem;z-index:2}.package-status-tag.status-current-active{background:linear-gradient(135deg,#25c26e,#22c55e);box-shadow:0 2px 8px #25c26e4d}.package-status-tag.status-subscribed{background:linear-gradient(135deg,#3182ce,#4299e1);box-shadow:0 2px 8px #3182ce4d}.package-status-tag.status-canceled{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 8px #ef44444d}.package-card.active-package{border-color:#25c26e!important;box-shadow:none!important;cursor:default!important;position:relative}.package-card.active-package:hover{border-color:#25c26e!important;box-shadow:none!important;transform:none!important}.active-package-tag{background:linear-gradient(135deg,#25c26e,#22c55e);border:1px solid #fff3;border-radius:8px;box-shadow:0 3px 12px #25c26e66;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;left:16px;letter-spacing:.5px;padding:.375rem .875rem;position:absolute;top:16px;z-index:10}.dark-mode .active-package-tag{background:linear-gradient(135deg,#059669,#10b981);border:1px solid #10b9814d;box-shadow:0 3px 12px #05966980;color:#f0fdf4}.dark-mode .package-status-tag.status-current-active{background:linear-gradient(135deg,#059669,#10b981);border:1px solid #10b9814d;box-shadow:0 2px 8px #05966966}.dark-mode .package-status-tag.status-subscribed{background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid #3b82f64d;box-shadow:0 2px 8px #1e40af66}.dark-mode .package-status-tag.status-canceled{background:linear-gradient(135deg,#dc2626,#ef4444);border:1px solid #ef44444d;box-shadow:0 2px 8px #dc262666}.package-card.subscribed-package{background:#4299e105;border-color:#4299e1!important}.package-card.subscribed-package:hover{border-color:#3182ce!important;box-shadow:0 8px 25px #4299e126!important}.subscribed-package-tag{background:linear-gradient(135deg,#3182ce,#4299e1);border:1px solid #fff3;border-radius:8px;box-shadow:0 3px 12px #3182ce66;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;left:16px;letter-spacing:.5px;padding:.375rem .875rem;position:absolute;top:16px;z-index:10}.dark-mode .package-card.subscribed-package{background:#4299e10d;border-color:#4299e1!important}.dark-mode .package-card.subscribed-package:hover{border-color:#63b3ed!important;box-shadow:0 8px 25px #4299e133!important}.dark-mode .subscribed-package-tag{background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid #3b82f64d;box-shadow:0 3px 12px #1e40af80;color:#f0f9ff}.header-light{background:none;color:#1a2b4a!important}.header-dark{background:none;color:#f7fafc!important}.cancel-subscription-footer{border-top:1px solid #e2e8f2;margin-top:3rem;padding-top:2rem;text-align:center}.show-cancel-button{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.show-cancel-button:hover{background:#c53030;transform:translateY(-1px)}.cancel-subscription-section{margin-top:2rem}.cancel-intro{margin-bottom:2rem;text-align:center}.cancel-intro p{color:#576175;font-size:1.1rem;margin:0}.cancel-subscriptions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.cancel-subscription-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;position:relative}.cancel-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cancel-card-header h3{color:#1a2b4a;font-size:1.25rem;font-weight:600;margin:0}.current-badge{background:linear-gradient(135deg,#25c26e,#22c55e);border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #25c26e4d;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem}.dark-mode .current-badge{background:linear-gradient(135deg,#059669,#10b981);border:1px solid #10b9814d;box-shadow:0 2px 8px #05966966;color:#f0fdf4}.status-badge{border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem}.status-badge.status-current-active{background:linear-gradient(135deg,#25c26e,#22c55e);box-shadow:0 2px 8px #25c26e4d}.status-badge.status-subscribed{background:linear-gradient(135deg,#3182ce,#4299e1);box-shadow:0 2px 8px #3182ce4d}.status-badge.status-canceled{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 8px #ef44444d}.cancel-card-details{margin-bottom:1.5rem}.cancel-card-details p{color:#576175;font-size:.95rem;margin:.5rem 0}.next-billing{font-weight:500}.cancel-subscription-button{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.cancel-subscription-button:hover:not(:disabled){background:#c53030}.cancel-subscription-button:disabled{background:#a0aec0;cursor:not-allowed}.error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;font-weight:500;margin:1rem 0}.success-message{background:#c6f6d5;border:1px solid #9ae6b4;border-radius:8px;color:#22543d;font-weight:500;margin:1rem 0;padding:1rem;text-align:center}.dark-mode .success-message{background:#2d3748!important;border-color:#4a5568!important;color:#68d391!important}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cancel-confirmation-modal{background:#fff;border-radius:12px;margin:1rem;max-width:500px;padding:2rem;width:90%}.cancel-confirmation-modal h3{color:#1a2b4a;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.cancel-confirmation-modal p{color:#576175;line-height:1.5;margin:.5rem 0}.warning-text{color:#e53e3e;font-weight:500}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-modal-button,.confirm-cancel-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.cancel-modal-button{background:#e2e8f0;color:#1a2b4a}.cancel-modal-button:hover{background:#cbd5e0}.confirm-cancel-button{background:#e53e3e;color:#fff}.confirm-cancel-button:hover{background:#c53030}.dark-mode .cancel-subscription-footer{border-color:#ffffff1a}.dark-mode .cancel-intro p{color:#a0aec0}.dark-mode .cancel-subscription-card{background:#2d3748;border-color:#ffffff1a}.dark-mode .cancel-card-header h3{color:#e2e8f0}.dark-mode .cancel-card-details p{color:#a0aec0}.dark-mode .status-badge.status-current-active{background:linear-gradient(135deg,#059669,#10b981);border:1px solid #10b9814d;box-shadow:0 2px 8px #05966966;color:#f0fdf4}.dark-mode .status-badge.status-subscribed{background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid #3b82f64d;box-shadow:0 2px 8px #1e40af66;color:#f0f9ff}.dark-mode .status-badge.status-canceled{background:linear-gradient(135deg,#dc2626,#ef4444);border:1px solid #ef44444d;box-shadow:0 2px 8px #dc262666;color:#fef2f2}.dark-mode .cancel-confirmation-modal{background:#2d3748}.dark-mode .cancel-confirmation-modal h3{color:#e2e8f0}.dark-mode .cancel-confirmation-modal p{color:#a0aec0}.dark-mode .cancel-modal-button{background:#4a5568;color:#e2e8f0}.dark-mode .cancel-modal-button:hover{background:#553c9a}@media (max-width:768px){.cancel-subscriptions-grid{gap:1rem;grid-template-columns:1fr}.modal-actions{flex-direction:column}.cancel-confirmation-modal{padding:1.5rem}}.promotion-code-section{width:100%}.promotion-code-row{align-items:flex-start;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.promo-code-field{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.promo-code-field:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.promo-code-field{-webkit-appearance:none;appearance:none;border-radius:8px;font-size:16px;max-width:240px;padding:12px 16px;width:100%}.promo-code-field:focus{transform:none}}.dark-mode .promo-code-field{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .promo-code-field:focus{border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed40}.apply-promo-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .2s ease}.apply-promo-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.apply-promo-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.dark-mode .apply-promo-button{background:#4299e1}.dark-mode .apply-promo-button:hover:not(:disabled){background:#3182ce}.remove-promo-button{background:#0000;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.remove-promo-button:hover{background:#dc3545;color:#fff}.dark-mode .remove-promo-button{border-color:#e53e3e;color:#e53e3e}.dark-mode .remove-promo-button:hover{background:#e53e3e;color:#fff}.summary-item.discount{color:#28a745!important;font-weight:600}.dark-mode .summary-item.discount{color:#68d391!important}@media (max-width:768px){.promotion-code-row{align-items:center;flex-direction:column;gap:8px}.promo-code-field{width:200px}}@media screen and (max-width:768px){.billing-container{padding-top:70px!important}}.usage-page-wrapper{align-items:center;background:linear-gradient(135deg,#f0f8ff,#d6eaff);color:#333;display:flex;flex-direction:column;min-height:100vh;width:100%}.usage-page-wrapper.dark-mode{background:#1a2a41;color:#e2e8f0}.usage-container{background:#fff;border-radius:12px;box-shadow:0 2px 16px #0000000a;color:inherit;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;margin:2rem auto;max-width:1200px;padding:3rem 1.5rem;width:90vw}.dark-mode .usage-container{background:#1a2a41;box-shadow:0 2px 16px #0000002e;color:#e2e8f0}.usage-header{margin-bottom:3rem;text-align:center}.usage-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.usage-header-icon{color:#3b82f6;font-size:2.5rem}.dark-mode .usage-header-icon{color:#60a5fa}.usage-title-section h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0}.dark-mode .usage-title-section h1{color:#f1f5f9}.usage-title-section p{color:#64748b;font-size:1.1rem;margin:.5rem 0 0}.dark-mode .usage-title-section p{color:#94a3b8}.usage-error,.usage-loading{padding:4rem 2rem;text-align:center}.error-icon,.loading-icon{color:#3b82f6;font-size:3rem;margin-bottom:1rem}.dark-mode .error-icon,.dark-mode .loading-icon{color:#60a5fa}.error-icon{color:#ef4444!important}.dark-mode .error-icon{color:#f87171!important}.retry-button{background:#3b82f6;border-radius:8px;font-size:1rem;margin-top:1rem;transition:all .2s ease}.retry-button:hover{background:#2563eb;transform:translateY(-1px)}.dark-mode .retry-button{background:#60a5fa;color:#1e293b}.dark-mode .retry-button:hover{background:#3b82f6}.no-usage-data{padding:4rem 2rem;text-align:center}.no-data-icon{color:#64748b;font-size:3rem;margin-bottom:1rem}.dark-mode .no-data-icon{color:#94a3b8}.no-usage-data h3{color:#374151;margin-bottom:1rem}.dark-mode .no-usage-data h3{color:#e5e7eb}.usage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}@media (max-width:768px){.usage-grid{gap:1rem;grid-template-columns:1fr}}.usage-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.usage-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.dark-mode .usage-card{background:#2d3748;box-shadow:0 4px 6px #0003;color:#e2e8f0}.dark-mode .usage-card:hover{box-shadow:0 8px 25px #0000004d}.usage-card.good{border-color:#10b981}.usage-card.caution{border-color:#f59e0b}.usage-card.warning{border-color:#f97316}.usage-card.critical{border-color:#ef4444}.usage-card.unlimited{border-color:#8b5cf6}.usage-card.disabled{border-color:#9ca3af;opacity:.7}.dark-mode .usage-card.disabled{border-color:#6b7280}.usage-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.usage-card-icon{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.dark-mode .usage-card-icon{background:#4a5568}.feature-icon{color:#3b82f6;font-size:1.25rem}.dark-mode .feature-icon{color:#60a5fa}.feature-icon.disabled{color:#9ca3af}.dark-mode .feature-icon.disabled{color:#6b7280}.usage-card-title h3{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.2;margin:0}.dark-mode .usage-card-title h3{color:#f1f5f9}.usage-period{color:#64748b;display:block;font-size:.875rem;font-weight:400;margin-top:.25rem}.dark-mode .usage-period{color:#94a3b8}.usage-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.usage-count{color:#1e293b;font-size:1.5rem;font-weight:700}.dark-mode .usage-count{color:#f1f5f9}.usage-unlimited{align-items:center;color:#8b5cf6;display:flex;font-weight:700;gap:.5rem}.infinity-icon{font-size:1.25rem}.usage-percentage{color:#64748b;font-size:.875rem;font-weight:500}.dark-mode .usage-percentage{color:#94a3b8}.usage-progress-container{margin-bottom:1rem}.usage-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.dark-mode .usage-progress-bar{background:#4a5568}.usage-progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.usage-progress-fill.good{background:linear-gradient(90deg,#10b981,#34d399)}.usage-progress-fill.caution{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-progress-fill.warning{background:linear-gradient(90deg,#f97316,#fb923c)}.usage-progress-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.usage-progress-fill.unlimited{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.usage-remaining{color:#64748b;font-size:.875rem;text-align:right}.dark-mode .usage-remaining{color:#94a3b8}.usage-card-footer{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.dark-mode .usage-card-footer{border-top-color:#4a5568}.plan-name{color:#64748b;font-size:.875rem;font-weight:500}.dark-mode .plan-name{color:#94a3b8}.upgrade-plan-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;margin-left:.75rem;padding:.45rem .75rem}.upgrade-plan-btn:hover{background:#2563eb}.dark-mode .upgrade-plan-btn{background:#60a5fa;color:#1e293b}.dark-mode .upgrade-plan-btn:hover{background:#3b82f6}.upgrade-plan-btn.small{border-radius:6px;font-size:.8rem;padding:.2rem .4rem;width:auto}.usage-card-footer{align-items:center;display:flex;justify-content:space-between}.usage-card-footer .upgrade-plan-btn{margin-left:auto}.not-included-message{align-items:center;color:#9ca3af;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:2rem 1rem;text-align:center}.dark-mode .not-included-message{color:#a0ebeb}.not-included-icon{color:#ef4444;font-size:1.25rem}.dark-mode .not-included-icon{color:#f87171}.usage-info-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:3rem}@media (max-width:768px){.usage-info-section{gap:1.5rem;grid-template-columns:1fr}}.usage-legend,.usage-tips{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.dark-mode .usage-legend,.dark-mode .usage-tips{background:#2d3748;border-color:#4a5568}.usage-legend h3,.usage-tips h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.dark-mode .usage-legend h3,.dark-mode .usage-tips h3{color:#f1f5f9}.legend-items{display:flex;flex-direction:column;gap:.75rem}.legend-item{align-items:center;display:flex;gap:.75rem}.legend-color{border-radius:3px;flex-shrink:0;height:1rem;width:1rem}.legend-color.good{background:#10b981}.legend-color.caution{background:#f59e0b}.legend-color.warning{background:#f97316}.legend-color.critical{background:#ef4444}.legend-color.unlimited{background:#8b5cf6}.legend-color.disabled{background:#9ca3af}.legend-item span{color:#64748b;font-size:.875rem}.dark-mode .legend-item span{color:#94a3b8}.usage-tips ul{list-style:none;margin:0;padding:0}.usage-tips li{color:#64748b;font-size:.875rem;margin-bottom:.5rem;padding-left:1.25rem;position:relative}.dark-mode .usage-tips li{color:#94a3b8}.usage-tips li:before{color:#3b82f6;content:"•";font-weight:700;left:0;position:absolute}.dark-mode .usage-tips li:before{color:#60a5fa}@media (max-width:768px){.usage-container{margin-bottom:1rem;margin-top:1rem;padding:2rem 1rem;width:95vw}.usage-title-section{flex-direction:column;text-align:center}.usage-title-section h1{font-size:2rem}.usage-card{padding:1.25rem}.usage-card-header{gap:.75rem}.usage-card-header,.usage-stats{align-items:flex-start;flex-direction:column}.usage-stats{gap:.5rem}}@media (max-width:480px){.usage-container{padding:1.5rem .75rem;width:98vw}.usage-grid{gap:.75rem;grid-template-columns:1fr}.usage-card{padding:1rem}}@media screen and (max-width:768px){.usage-container{padding-top:70px!important}}.pricing-page-wrapper{background:#1a2a41;color:#e2e8f0;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:0;width:100vw;z-index:1000}body,html{height:auto;overflow:visible}.pricing-container{background:#0000;box-shadow:none;color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;margin:0;max-width:none;min-height:100vh;padding:3rem 1.5rem;width:100%}@media (max-width:1200px){.pricing-container{max-width:98vw;width:98vw}}.pricing-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.pricing-header h1{color:#f7fafc;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.pricing-subtitle{color:#a0aec0;font-size:1.1rem;margin:0 auto 2rem;max-width:600px}.packages-section{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.packages-section h2{color:#f7fafc;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.package-divider{background:linear-gradient(90deg,#0000,#4a5568,#0000);height:1px;margin:3rem auto;max-width:800px;width:100%}.packages-grid{grid-gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-left:auto;margin-right:auto;max-width:1200px;padding:0 1rem}.package-card:hover{border-color:#63b3ed;box-shadow:0 8px 30px #0006;transform:translateY(-5px)}.package-card.selected{border-color:#68d391;box-shadow:0 8px 30px #68d39133}.package-card h3{color:#f7fafc;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.package-description{color:#cbd5e0;flex:1 1;line-height:1.6;margin-bottom:1.5rem}.select-package-button{background:linear-gradient(90deg,#4299e1,#63b3ed);border:none;border-radius:8px;box-shadow:0 4px 10px #4299e140;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1rem;transition:all .2s ease;width:100%}.select-package-button:hover{box-shadow:0 6px 15px #4299e159;transform:translateY(-2px)}.package-card.selected .select-package-button{background:#68d391;box-shadow:0 4px 10px #68d39140}.billing-toggle-container{display:flex;justify-content:center;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:1200px}.billing-toggle{background:#2d3748;border:1px solid #4a5568;border-radius:30px;box-shadow:0 2px 10px #00000014;display:inline-flex;padding:.4rem}.billing-toggle button{background:#0000;border:none;border-radius:25px;color:#cbd5e0;cursor:pointer;font-weight:600;padding:.75rem 1.75rem;transition:all .2s ease}.billing-toggle button.active{background:#4299e1;box-shadow:0 4px 10px #4299e140;color:#fff}.billing-toggle button:not(.active):hover{background:#4299e126;color:#63b3ed}.plans-section{margin-left:auto;margin-right:auto;max-width:1200px;padding:0 1rem}.plans-section h2{color:#f7fafc;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.packages-grid{display:flex;flex-direction:row;gap:1.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.package-card{cursor:pointer;min-height:250px}.package-card,.plan-card{background:#2d3748;border:1px solid #4a5568;border-radius:12px;box-shadow:0 5px 20px #0000004d;display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{border-color:#63b3ed;box-shadow:0 8px 30px #0006;transform:translateY(-5px)}.plan-card.featured{border-color:#4299e1;box-shadow:0 5px 20px #4299e133;position:relative}.best-value-tag{background:linear-gradient(90deg,#ff8a80,#ffab91);border-radius:15px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;position:absolute;right:20px;text-transform:uppercase;top:-10px}.plan-header{margin-bottom:1.5rem;text-align:center}.plan-header h3{color:#f7fafc;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.plan-price{align-items:baseline;display:flex;gap:.2rem;justify-content:center}.price-amount{color:#4299e1;font-size:2.5rem;font-weight:700}.price-period{color:#a0aec0;font-size:1rem;font-weight:500}.plan-description{color:#cbd5e0;flex-grow:1;margin-bottom:1.5rem;padding:0;text-align:center;.plans-grid{display:flex;flex-direction:row;gap:2rem;margin-top:2rem;overflow-x:auto;padding-bottom:1rem}}.feature{align-items:flex-start;display:flex;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.feature.included{color:#e2e8f0}.feature.excluded{color:#a0aec0;opacity:.8}.feature-check{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:22px;justify-content:center;margin-right:.75rem;margin-top:.1rem;min-width:22px}.feature.included .feature-check{background-color:#16a34a33;border:1px solid #22c55e;color:#22c55e;font-weight:700}.feature.excluded .feature-check{background-color:#dc262633;border:1px solid #ef4444;color:#ef4444;font-weight:700}.feature-content{display:flex;flex:1 1;flex-direction:column}.feature-label{font-weight:500;margin-bottom:.2rem}.feature-detail{color:#6cb4ee;font-size:.8rem;font-weight:500;line-height:1.3;margin-top:.1rem}.get-started-button{background:linear-gradient(90deg,#4299e1,#63b3ed);border:none;border-radius:8px;box-shadow:0 4px 10px #4299e140;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1rem;transition:all .2s ease;width:100%}.get-started-button:hover{box-shadow:0 6px 15px #4299e159;transform:translateY(-2px)}.get-started-button.free-plan{background:linear-gradient(90deg,#68d391,#81e6d9);box-shadow:0 4px 10px #68d39140}.get-started-button.free-plan:hover{box-shadow:0 6px 15px #68d39159}.guarantee-section{border-top:1px solid #4a5568;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:800px;padding-top:2rem;text-align:center}.guarantee-content{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:12px;box-shadow:0 5px 20px #0000004d;display:flex;justify-content:center;margin:0 auto;max-width:600px;padding:1.5rem 2rem}.guarantee-icon{font-size:2rem;margin-right:1rem}.guarantee-text h3{color:#f7fafc;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.guarantee-text p{color:#cbd5e0;font-size:.95rem;line-height:1.5;margin:0}.loading-message{color:#576175;font-size:1.2rem;padding:3rem 0;text-align:center}.dark-mode .loading-message{color:#a0aec0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:1.1rem;margin-bottom:1rem;padding:1rem;text-align:center}.dark-mode .error-message{background-color:#dc26261a;border:1px solid #dc26264d;color:#feb2b2}.retry-button{background:#2d70fd;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-weight:600;margin:0 auto;padding:.75rem 1.5rem;transition:background .2s ease}.retry-button:hover{background:#1e5ad6}.dark-mode .retry-button{background:#4299e1}.dark-mode .retry-button:hover{background:#3182ce}.no-plans-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:3rem 2rem;text-align:center}.dark-mode .no-plans-message{background:#2d3748;border:1px solid #4a5568}.no-plans-message h3{color:#1a2b4a;font-size:1.4rem;margin-bottom:1rem}.dark-mode .no-plans-message h3{color:#f7fafc}.no-plans-message p{color:#576175;line-height:1.6;margin-bottom:0}.dark-mode .no-plans-message p{color:#cbd5e0}@media (max-width:768px){.pricing-container{padding:2rem 1rem}.pricing-header h1{font-size:2rem}.packages-grid,.plans-grid{gap:1rem;grid-template-columns:1fr}.guarantee-content{flex-direction:column;text-align:center}.guarantee-icon{margin-bottom:1rem;margin-right:0}.billing-toggle{flex-direction:column;max-width:300px;width:100%}.billing-toggle button{margin-bottom:.2rem;width:100%}.billing-toggle button:last-child{margin-bottom:0}}@media (max-width:480px){.pricing-header h1{font-size:1.8rem}.pricing-subtitle{font-size:1rem}.plan-header h3{font-size:1.2rem}.price-amount{font-size:2rem}.packages-section h2,.plans-section h2{font-size:1.5rem}}.ai-chat-container{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.ai-chat-header{margin-bottom:30px;text-align:center}.ai-chat-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:10px}.header-icon{color:var(--accent-color)}.ai-chat-header p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 20px}.status-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.status-item{border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.status-item.success{background:#2ecc711a;border-color:#2ecc714d}.status-item.pending{background:#f1c40f1a;border-color:#f1c40f4d}.status-item.error{background:#e74c3c1a;border-color:#e74c3c4d}.status-item span{font-size:14px;font-weight:600}.status-item.success span{color:#27ae60}.status-item.pending span{color:#f39c12}.status-item.error span{color:#e74c3c}.status-item small{color:var(--text-secondary);font-size:12px;opacity:.8}.chat-connection-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:24px}.connection-controls{align-items:end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.question-id-input{flex:1 1;min-width:200px}.question-id-input label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.question-id-input input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.question-id-input input:focus{border-color:var(--accent-color);outline:none}.question-id-input input:disabled{cursor:not-allowed;opacity:.6}.connection-buttons{display:flex;gap:12px}.connect-btn,.disconnect-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.connect-btn{background:var(--accent-color);color:#fff}.connect-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.connect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.disconnect-btn{background:#e74c3c;color:#fff}.disconnect-btn:hover{background:#c0392b;transform:translateY(-2px)}.connection-status{display:flex;justify-content:center}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.status-indicator.connected{background:#2ecc711a;border:1px solid #2ecc714d;color:#27ae60}.status-indicator.disconnected{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.connected .status-dot{background:#27ae60}.disconnected .status-dot{background:#e74c3c}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-message{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;display:flex;gap:8px;margin-top:16px;padding:12px 16px}.chat-messages-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;min-height:400px;overflow:hidden}.chat-messages,.chat-messages-container{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:16px;overflow-y:auto;padding:20px}.empty-chat{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.message{display:flex;gap:12px;max-width:80%}.message.user{flex-direction:row-reverse;margin-left:auto}.message.system{align-self:center;max-width:100%;opacity:.7}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.message.user .message-avatar{background:var(--accent-color);color:#fff}.message.bot .message-avatar{background:#3498db;color:#fff}.message.system .message-avatar{background:#95a5a6;color:#fff}.message-content{flex:1 1;min-width:0}.message-text{word-wrap:break-word;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:18px;line-height:1.4;padding:12px 16px}.message.user .message-text{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.message.system .message-text{background:#95a5a61a;border-color:#95a5a64d;font-style:italic;text-align:center}.message-time{color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.message.user .message-time{text-align:left}.message.system .message-time{text-align:center}.typing-indicator{opacity:.8}.typing-dots{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:4px;padding:8px 12px}.typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite;background:var(--text-secondary);border-radius:50%;height:8px;opacity:.4;width:8px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.chat-input-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.chat-input-wrapper{align-items:end;display:flex;gap:12px}.chat-input-wrapper textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:16px;max-height:120px;min-height:44px;padding:12px 16px;resize:vertical;transition:border-color .2s ease}.chat-input-wrapper textarea:focus{border-color:var(--accent-color);outline:none}.chat-input-wrapper textarea:disabled{cursor:not-allowed;opacity:.6}.send-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;padding:12px 16px;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.ai-chat-container{padding:16px}.ai-chat-header h1{font-size:2rem}.connection-controls{align-items:stretch;flex-direction:column}.connection-buttons{justify-content:center}.chat-messages-container{min-height:300px}.message{max-width:90%}.chat-input-wrapper{flex-direction:column;gap:8px}.send-btn{align-self:flex-end;min-width:60px}}@media screen and (max-width:768px){.ai-chat-container{padding-top:70px!important}}
/*# sourceMappingURL=main.cab508a4.css.map*/