body{background-color:#f5f5f5;background-color:var(--bg-body,#f5f5f5);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family,"Inter",-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;font-family:var(--font-family-mono,source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace)}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e91e63;outline:2px solid var(--brand-primary,#e91e63);outline-offset:2px}#root{display:flex;flex-direction:column;min-height:100vh}[data-contrast=inverse]{--color-bg-primary:#000;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#d0d0d0;--color-text-tertiary:#b7b7b7;--color-text-muted:#888;--color-border:#3e3e3e;--color-border-light:#2a2a2a;--color-shadow:#ffffff0a;--color-shadow-hover:#ffffff14;--color-primary:#4d9de0;--color-primary-dark:#3a8ad0;--color-primary-light:#6db3f2;--qti-navbar-bg-color:#000;--qti-option-border-color:#3e3e3e;--qti-primary-color:#fff}[data-contrast=inverse],[data-contrast=inverse] body{background-color:#000!important;color:#fff!important}[data-contrast=inverse] .main-content{background-color:#000!important}[data-contrast=inverse] a{color:#6db3f2!important}[data-contrast=inverse] input,[data-contrast=inverse] select,[data-contrast=inverse] textarea{background-color:#1a1a1a!important;border-color:#3e3e3e!important;color:#fff!important}[data-contrast=inverse] input::placeholder,[data-contrast=inverse] textarea::placeholder{color:#888!important}[data-contrast=inverse] input:focus,[data-contrast=inverse] select:focus,[data-contrast=inverse] textarea:focus{border-color:#6db3f2!important;box-shadow:0 0 0 2px #6db3f240!important}[data-contrast=inverse] .mocktest-header,[data-contrast=inverse] .new-exam-header{background-color:#000!important;border-bottom-color:#3e3e3e!important}[data-contrast=inverse] .header-logo-text,[data-contrast=inverse] .mocktest-header-logo-text{color:#fff!important}[data-contrast=inverse] .time-label{color:#d0d0d0!important}[data-contrast=inverse] .time-value,[data-contrast=inverse] .timer-label{color:#ff6b6b!important}[data-contrast=inverse] .header-icon-btn{color:#d0d0d0!important}[data-contrast=inverse] .header-icon-btn:hover{background-color:#ffffff14!important;color:#fff!important}[data-contrast=inverse] .listening-navbar{background:#000!important;border-bottom-color:#3e3e3e!important;box-shadow:0 2px 8px #00000080!important}[data-contrast=inverse] .navbar-brand-text{color:#fff!important}[data-contrast=inverse] .listening-questions-panel{background:#000!important}[data-contrast=inverse] .question-guidance{background:#111!important;border-left-color:#4d9de0!important;color:#d0d0d0!important}[data-contrast=inverse] .question-item{border-color:#2a2a2a!important}[data-contrast=inverse] .question-item.is-active{background:#4d9de00d!important;border-color:#4d9de0!important}[data-contrast=inverse] .question-row label,[data-contrast=inverse] .question-row p,[data-contrast=inverse] .question-row span{color:#fff!important}[data-contrast=inverse] .checkbox-label,[data-contrast=inverse] .mcq-option-label,[data-contrast=inverse] .option-label,[data-contrast=inverse] .radio-label{background:#111!important;border-color:#3e3e3e!important;color:#fff!important}[data-contrast=inverse] .checkbox-label:hover,[data-contrast=inverse] .mcq-option-label:hover,[data-contrast=inverse] .option-label:hover,[data-contrast=inverse] .radio-label:hover{background:#1a1a1a!important;border-color:#4d9de0!important}[data-contrast=inverse] .checkbox-label.selected,[data-contrast=inverse] .mcq-option-label.selected,[data-contrast=inverse] .option-label.selected,[data-contrast=inverse] .radio-label.selected{background:#1a3a5c!important;border-color:#4d9de0!important}[data-contrast=inverse] .question-number{color:#d0d0d0!important}[data-contrast=inverse] .question-content,[data-contrast=inverse] .question-text{color:#fff!important}[data-contrast=inverse] .settings-dropdown{background:#111!important;border-color:#3e3e3e!important;box-shadow:0 10px 40px #0009!important}[data-contrast=inverse] .settings-header{border-bottom-color:#3e3e3e!important}[data-contrast=inverse] .settings-section{border-bottom-color:#2a2a2a!important}[data-contrast=inverse] .setting-group-label{color:#b7b7b7!important}[data-contrast=inverse] .submit-confirm-modal,[data-contrast=inverse] .submit-confirm-overlay .modal-content{background:#111!important;border-color:#3e3e3e!important;color:#fff!important}[data-contrast=inverse] .submit-confirm-modal h3{color:#fff!important}[data-contrast=inverse] .submit-confirm-modal p{color:#d0d0d0!important}[data-contrast=inverse] .submit-confirm-actions .btn-cancel{background:#2a2a2a!important;border-color:#3e3e3e!important;color:#fff!important}[data-contrast=inverse] .exit-modal-overlay .exit-modal{background:#111!important;border-color:#3e3e3e!important;color:#fff!important}[data-contrast=inverse] .exit-modal h2,[data-contrast=inverse] .exit-modal h3{color:#fff!important}[data-contrast=inverse] .exit-modal p{color:#d0d0d0!important}[data-contrast=inverse] .listening-navigation-bar-oneielts{background:#000!important;border-top-color:#3e3e3e!important}[data-contrast=inverse] .nav-part-tab{color:#d0d0d0!important}[data-contrast=inverse] .nav-part-tab.is-active{background:#111!important;color:#fff!important}[data-contrast=inverse] .nav-part-label{color:inherit!important}[data-contrast=inverse] .nav-q-btn{color:#fff!important}[data-contrast=inverse] .nav-q-btn:before{background-color:#555!important}[data-contrast=inverse] .nav-q-btn.answered:before{background-color:#28a745!important}[data-contrast=inverse] .nav-q-btn.is-focused{background:#4d9de01a!important;border-color:#4d9de0!important}[data-contrast=inverse] .nav-q-btn.is-focused:before{background-color:#4d9de0!important}[data-contrast=inverse] .nav-arrow-btn{border-color:#3e3e3e!important;color:#d0d0d0!important}[data-contrast=inverse] .nav-arrow-btn:hover:not(:disabled){background:#4d9de01a!important;border-color:#4d9de0!important;color:#4d9de0!important}[data-contrast=inverse] ::-webkit-scrollbar-track{background:#111!important}[data-contrast=inverse] ::-webkit-scrollbar-thumb{background:#555!important}[data-contrast=inverse] ::-webkit-scrollbar-thumb:hover{background:#777!important}[data-contrast=yellow]{--color-bg-primary:#000;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-text-primary:#ff0;--color-text-secondary:#e6e600;--color-text-tertiary:#cc0;--color-text-muted:#990;--color-border:#3e3e3e;--color-border-light:#2a2a2a;--color-shadow:#ffff000a;--color-shadow-hover:#ffff0014;--color-primary:#ff0;--color-primary-dark:#e6e600;--color-primary-light:#ff6;--qti-navbar-bg-color:#000;--qti-option-border-color:#3e3e3e;--qti-primary-color:#ff0}[data-contrast=yellow],[data-contrast=yellow] body{background-color:#000!important;color:#ff0!important}[data-contrast=yellow] .main-content{background-color:#000!important}[data-contrast=yellow] a{color:#ff0!important;text-decoration:underline}[data-contrast=yellow] input,[data-contrast=yellow] select,[data-contrast=yellow] textarea{background-color:#1a1a1a!important;border-color:#3e3e3e!important;color:#ff0!important}[data-contrast=yellow] input::placeholder,[data-contrast=yellow] textarea::placeholder{color:#990!important}[data-contrast=yellow] input:focus,[data-contrast=yellow] select:focus,[data-contrast=yellow] textarea:focus{border-color:#ff0!important;box-shadow:0 0 0 2px #ff03!important}[data-contrast=yellow] .mocktest-header,[data-contrast=yellow] .new-exam-header{background-color:#000!important;border-bottom-color:#3e3e3e!important}[data-contrast=yellow] .header-logo-text,[data-contrast=yellow] .mocktest-header-logo-text{color:#ff0!important}[data-contrast=yellow] .time-label{color:#e6e600!important}[data-contrast=yellow] .time-value,[data-contrast=yellow] .timer-label{color:#ff0!important}[data-contrast=yellow] .header-icon-btn{color:#e6e600!important}[data-contrast=yellow] .header-icon-btn:hover{background-color:#ffff0014!important;color:#ff0!important}[data-contrast=yellow] .listening-navbar{background:#000!important;border-bottom-color:#3e3e3e!important;box-shadow:0 2px 8px #00000080!important}[data-contrast=yellow] .navbar-brand-text{color:#ff0!important}[data-contrast=yellow] .listening-questions-panel{background:#000!important}[data-contrast=yellow] .question-guidance{background:#111!important;border-left-color:#ff0!important;color:#e6e600!important}[data-contrast=yellow] .question-item{border-color:#2a2a2a!important}[data-contrast=yellow] .question-item.is-active{background:#ffff0008!important;border-color:#ff0!important}[data-contrast=yellow] .question-row label,[data-contrast=yellow] .question-row p,[data-contrast=yellow] .question-row span{color:#ff0!important}[data-contrast=yellow] .checkbox-label,[data-contrast=yellow] .mcq-option-label,[data-contrast=yellow] .option-label,[data-contrast=yellow] .radio-label{background:#111!important;border-color:#3e3e3e!important;color:#ff0!important}[data-contrast=yellow] .checkbox-label:hover,[data-contrast=yellow] .mcq-option-label:hover,[data-contrast=yellow] .option-label:hover,[data-contrast=yellow] .radio-label:hover{background:#1a1a1a!important;border-color:#ff0!important}[data-contrast=yellow] .checkbox-label.selected,[data-contrast=yellow] .mcq-option-label.selected,[data-contrast=yellow] .option-label.selected,[data-contrast=yellow] .radio-label.selected{background:#3a3a00!important;border-color:#ff0!important}[data-contrast=yellow] .question-number{color:#e6e600!important}[data-contrast=yellow] .question-content,[data-contrast=yellow] .question-text{color:#ff0!important}[data-contrast=yellow] .settings-dropdown{background:#111!important;border-color:#3e3e3e!important;box-shadow:0 10px 40px #0009!important}[data-contrast=yellow] .settings-header{border-bottom-color:#3e3e3e!important}[data-contrast=yellow] .settings-section{border-bottom-color:#2a2a2a!important}[data-contrast=yellow] .setting-group-label{color:#cc0!important}[data-contrast=yellow] .submit-confirm-modal,[data-contrast=yellow] .submit-confirm-overlay .modal-content{background:#111!important;border-color:#3e3e3e!important;color:#ff0!important}[data-contrast=yellow] .submit-confirm-modal h3{color:#ff0!important}[data-contrast=yellow] .submit-confirm-modal p{color:#e6e600!important}[data-contrast=yellow] .submit-confirm-actions .btn-cancel{background:#2a2a2a!important;border-color:#3e3e3e!important;color:#ff0!important}[data-contrast=yellow] .exit-modal-overlay .exit-modal{background:#111!important;border-color:#3e3e3e!important;color:#ff0!important}[data-contrast=yellow] .exit-modal h2,[data-contrast=yellow] .exit-modal h3{color:#ff0!important}[data-contrast=yellow] .exit-modal p{color:#e6e600!important}[data-contrast=yellow] .listening-navigation-bar-oneielts{background:#000!important;border-top-color:#3e3e3e!important}[data-contrast=yellow] .nav-part-tab{color:#e6e600!important}[data-contrast=yellow] .nav-part-tab.is-active{background:#111!important;color:#ff0!important}[data-contrast=yellow] .nav-part-label{color:inherit!important}[data-contrast=yellow] .nav-q-btn{color:#ff0!important}[data-contrast=yellow] .nav-q-btn:before{background-color:#555!important}[data-contrast=yellow] .nav-q-btn.answered:before{background-color:#28a745!important}[data-contrast=yellow] .nav-q-btn.is-focused{background:#ffff000f!important;border-color:#ff0!important}[data-contrast=yellow] .nav-q-btn.is-focused:before{background-color:#ff0!important}[data-contrast=yellow] .nav-arrow-btn{border-color:#3e3e3e!important;color:#e6e600!important}[data-contrast=yellow] .nav-arrow-btn:hover:not(:disabled){background:#ffff0014!important;border-color:#ff0!important;color:#ff0!important}[data-contrast=yellow] ::-webkit-scrollbar-track{background:#111!important}[data-contrast=yellow] ::-webkit-scrollbar-thumb{background:#555!important}[data-contrast=yellow] ::-webkit-scrollbar-thumb:hover{background:#777!important}[data-contrast=inverse] .btn-primary,[data-contrast=yellow] .btn-primary{background-color:#06c!important;color:#fff!important}[data-contrast=inverse] .btn-danger,[data-contrast=yellow] .btn-danger{background-color:#dc3545!important;color:#fff!important}[data-contrast=inverse] .btn-next-oneielts,[data-contrast=yellow] .btn-next-oneielts{background:#dc3545!important;color:#fff!important}[data-contrast=inverse] .btn-submit,[data-contrast=yellow] .btn-submit{background:#06c!important;color:#fff!important}[data-contrast=inverse] .btn-next-submit,[data-contrast=yellow] .btn-next-submit{background:#dc2626!important;color:#fff!important}[data-contrast=inverse] .toggle-slider,[data-contrast=yellow] .toggle-slider{background:#555!important}.nb-container,.nb-trigger{align-items:center;display:flex;position:relative}.nb-trigger{background:#e91e630f;border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-spring);width:40px}.nb-trigger:hover{background:#e91e631f;transform:translateY(-1px)}.nb-icon{color:#475569;color:var(--text-secondary,#475569);font-size:1.15rem;transition:color .2s ease}.nb-trigger:hover .nb-icon{color:#e91e63;color:var(--brand-primary,#e91e63)}.nb-badge{animation:nb-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e91e63,#ad1457);border-radius:9px;box-shadow:0 2px 6px #e91e6366;color:#fff;font-size:.65rem;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:2px;text-align:center;top:2px}@keyframes nb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.nb-dropdown{animation:nb-slideIn .25s var(--transition-spring) both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff7;border:1px solid #0000000f;border-radius:16px;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f;max-height:480px;overflow:hidden;position:absolute;right:-8px;top:calc(100% + 8px);width:360px;z-index:1000}@keyframes nb-slideIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nb-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px 20px 12px}.nb-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:700}.nb-mark-all{background:none;border:none;border-radius:6px;color:#e91e63;color:var(--brand-primary,#e91e63);cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 8px;transition:background .2s ease}.nb-mark-all:hover{background:#e91e6314}.nb-mark-all:disabled{cursor:not-allowed;opacity:.5}.nb-list{max-height:360px;overflow-y:auto;overscroll-behavior:contain}.nb-list::-webkit-scrollbar{width:4px}.nb-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.nb-empty{align-items:center;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.nb-empty-icon{font-size:2rem;margin-bottom:8px;opacity:.5}.nb-empty p{font-size:.875rem;margin:0}.nb-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #00000008;cursor:pointer;display:flex;gap:12px;padding:14px 20px;text-align:left;transition:background .2s ease;width:100%}.nb-item:hover{background:#e91e630a}.nb-item.unread{background:#e91e6308}.nb-item.unread:hover{background:#e91e6312}.nb-item-icon{align-items:center;background:linear-gradient(135deg,#e91e631a,#9c27b01a);border-radius:10px;color:#e91e63;color:var(--brand-primary,#e91e63);display:flex;flex-shrink:0;font-size:.85rem;height:36px;justify-content:center;width:36px}.nb-item.unread .nb-item-icon{background:linear-gradient(135deg,#e91e63,#9c27b0);box-shadow:0 2px 8px #e91e6340;color:#fff}.nb-item-content{flex:1 1;min-width:0}.nb-item-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--text-primary,#1e293b);display:-webkit-box;font-size:.85rem;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.nb-item.unread .nb-item-message{font-weight:600}.nb-item-time{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:block;font-size:.75rem;margin-top:3px}.nb-item-dot{background:linear-gradient(135deg,#e91e63,#ad1457);border-radius:50%;box-shadow:0 0 6px #e91e6366;flex-shrink:0;height:8px;margin-top:6px;width:8px}.nb-footer{border-top:1px solid #0000000f;padding:10px 20px;text-align:center}.nb-view-all{background:none;border:none;border-radius:8px;color:#e91e63;color:var(--brand-primary,#e91e63);cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 12px;transition:background .2s ease}.nb-view-all:hover{background:#e91e6314}@media (max-width:480px){.nb-dropdown{border-radius:12px;right:-60px;width:calc(100vw - 24px)}}.mn-navbar{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffffd9;border-bottom:1px solid #0000000a;box-shadow:0 1px 8px #0000000f;height:64px;height:var(--navbar-height,64px);position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:1020;z-index:var(--z-sticky,1020)}.mn-navbar-inner{gap:1rem;gap:var(--space-4,1rem);height:100%;margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);padding:0 1.5rem;padding:0 var(--space-6,1.5rem)}.mn-logo,.mn-navbar-inner{align-items:center;display:flex}.mn-logo{flex-shrink:0;gap:.5rem;gap:var(--space-2,.5rem);text-decoration:none}.mn-logo-icon{align-items:center;background:linear-gradient(135deg,#e91e63,#1a237e);background:linear-gradient(135deg,var(--brand-primary,#e91e63),var(--brand-navy,#1a237e));border-radius:50%;border-radius:var(--border-radius-circle,50%);box-shadow:0 2px 8px #e91e634d;color:#fff;color:var(--color-white,#fff);display:flex;font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:700;font-weight:var(--font-weight-bold,700);height:36px;justify-content:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;width:36px}.mn-logo:hover .mn-logo-icon{box-shadow:0 4px 14px #e91e6366;transform:scale(1.1) rotate(-5deg)}.mn-logo-text{color:#212121;color:var(--text-primary,#212121);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:700;font-weight:var(--font-weight-bold,700);white-space:nowrap}.mn-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;margin-left:auto;padding:8px;z-index:1100}.mn-hamburger span{background:#212121;background:var(--text-primary,#212121);border-radius:2px;display:block;height:2px;transition:.25s ease-in-out;transition:var(--transition-normal,.25s ease-in-out);width:24px}.mn-hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mn-hamburger.active span:nth-child(2){opacity:0}.mn-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mn-nav-area{flex:1 1;min-width:0}.mn-nav-area,.mn-nav-list{align-items:center;display:flex}.mn-nav-list{gap:.25rem;gap:var(--space-1,.25rem);list-style:none;margin:0;padding:0}.mn-nav-item{position:relative}.mn-nav-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px;padding:8px 14px;text-decoration:none;transition:background .15s ease-in-out,color .15s ease-in-out;transition:background var(--transition-fast,.15s ease-in-out),color var(--transition-fast,.15s ease-in-out);white-space:nowrap}.mn-nav-item.open>.mn-nav-link,.mn-nav-link:hover{background:#e91e630f;color:#e91e63;color:var(--brand-primary,#e91e63)}.mn-chevron{font-size:10px;transition:transform .15s ease-in-out;transition:transform var(--transition-fast,.15s ease-in-out)}.mn-nav-item.open>.mn-nav-link .mn-chevron{transform:rotate(180deg)}.mn-pricing-link{gap:6px}.mn-pricing-link .mn-soon-badge{font-size:9px;padding:1px 5px}.mn-dropdown{animation:mnDropIn .2s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #0000000f;border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000a;left:0;min-width:210px;padding:.5rem 0;padding:var(--space-2,.5rem) 0;position:absolute;top:100%;z-index:1000;z-index:var(--z-dropdown,1000)}@keyframes mnDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mn-dropdown-item{align-items:center;background:none;border:none;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);justify-content:space-between;padding:10px 16px;text-align:left;transition:background .15s ease-in-out;transition:background var(--transition-fast,.15s ease-in-out);width:100%}.mn-dropdown-item:hover{background:#e91e630f;color:#e91e63;color:var(--brand-primary,#e91e63);padding-left:20px}.mn-dropdown-item.coming-soon{color:#bdbdbd;color:var(--text-disabled,#bdbdbd);cursor:default}.mn-dropdown-item.coming-soon:hover{background:#0000;color:#bdbdbd;color:var(--text-disabled,#bdbdbd)}.mn-soon-badge{background:#eee;background:var(--gray-200,#eee);border-radius:50px;border-radius:var(--border-radius-pill,50px);color:#757575;color:var(--text-secondary,#757575);display:inline-block;font-size:10px;font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1;padding:2px 6px}.mn-actions-desktop{align-items:center;display:flex;flex-shrink:0;gap:.75rem;gap:var(--space-3,.75rem);margin-left:auto}.mn-actions-mobile{display:none}.mn-btn-upgrade{align-items:center;background:linear-gradient(135deg,#e91e63,#9c27b0);background:linear-gradient(135deg,var(--brand-primary,#e91e63),#9c27b0);border-radius:50px;border-radius:var(--border-radius-pill,50px);box-shadow:0 2px 10px #e91e634d;color:#fff!important;color:var(--color-white,#fff)!important;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);overflow:hidden;padding:8px 22px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mn-btn-upgrade:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.mn-btn-upgrade:hover:before{left:100%}.mn-btn-upgrade:hover{box-shadow:0 6px 20px #e91e6366;transform:translateY(-2px) scale(1.02)}.mn-auth-buttons{align-items:center;display:flex;gap:.5rem;gap:var(--space-2,.5rem)}.mn-btn-signin{border-radius:8px;border-radius:var(--border-radius-md,8px);color:#212121;color:var(--text-primary,#212121);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);padding:8px 16px;text-decoration:none;transition:background .15s ease-in-out;transition:background var(--transition-fast,.15s ease-in-out)}.mn-btn-signin:hover{background:#0000000a;background:var(--bg-hover,#0000000a)}.mn-btn-register{background:linear-gradient(135deg,#e91e63,#9c27b0);background:linear-gradient(135deg,var(--brand-primary,#e91e63),#9c27b0);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 6px #e91e6333;color:#fff;color:var(--color-white,#fff);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:8px 16px;text-decoration:none;transition:background .15s ease-in-out,box-shadow .15s ease-in-out;transition:background var(--transition-fast,.15s ease-in-out),box-shadow var(--transition-fast,.15s ease-in-out)}.mn-btn-register:hover{background:linear-gradient(135deg,#c2185b,#7b1fa2);box-shadow:0 3px 10px #e91e634d}.mn-user-area{position:relative}.mn-user-trigger{align-items:center;background:none;border:none;border-radius:50px;border-radius:var(--border-radius-pill,50px);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:4px;transition:background .15s ease-in-out;transition:background var(--transition-fast,.15s ease-in-out)}.mn-user-trigger:hover{background:#0000000a;background:var(--bg-hover,#0000000a)}.mn-avatar{align-items:center;background:linear-gradient(135deg,#e91e63,#1a237e);background:linear-gradient(135deg,var(--brand-primary,#e91e63),var(--brand-navy,#1a237e));border-radius:50%;border-radius:var(--border-radius-circle,50%);box-shadow:0 2px 6px #e91e6333;color:#fff;color:var(--color-white,#fff);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);height:36px;justify-content:center;overflow:hidden;transition:box-shadow .2s ease;width:36px}.mn-user-trigger:hover .mn-avatar{box-shadow:0 3px 10px #e91e6359}.mn-avatar img{height:100%;object-fit:cover;width:100%}.mn-user-chevron{color:#757575;color:var(--text-secondary,#757575);font-size:10px}.mn-user-dropdown{animation:mnDropIn .25s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:0 16px 48px #00000024,0 2px 10px #0000000f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:300px;z-index:1000;z-index:var(--z-dropdown,1000)}.mn-ud-header{background:linear-gradient(135deg,#1a237e0a,#e91e630a);gap:.75rem;gap:var(--space-3,.75rem);padding:1rem 1.25rem;padding:var(--space-4,1rem) var(--space-5,1.25rem)}.mn-ud-avatar,.mn-ud-header{align-items:center;display:flex}.mn-ud-avatar{background:linear-gradient(135deg,#e91e63,#1a237e);background:linear-gradient(135deg,var(--brand-primary,#e91e63),var(--brand-navy,#1a237e));border-radius:50%;border-radius:var(--border-radius-circle,50%);box-shadow:0 2px 6px #e91e6333;color:#fff;color:var(--color-white,#fff);flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:700;font-weight:var(--font-weight-bold,700);height:44px;justify-content:center;overflow:hidden;width:44px}.mn-ud-avatar img{height:100%;object-fit:cover;width:100%}.mn-ud-info{flex:1 1;min-width:0}.mn-ud-name{color:#212121;color:var(--text-primary,#212121);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.mn-ud-email,.mn-ud-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-ud-email{color:#757575;color:var(--text-secondary,#757575);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.mn-ud-uid{color:#9e9e9e;color:var(--text-tertiary,#9e9e9e);font-family:monospace;font-size:10px;font-weight:500;margin-top:1px}.mn-ud-badge{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-radius:50px;border-radius:var(--border-radius-pill,50px);color:#4caf50;color:var(--color-success,#4caf50);flex-shrink:0;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:3px 10px}.mn-ud-divider{background:#e0e0e0;background:var(--border-color,#e0e0e0);height:1px;margin:0}.mn-ud-menu{padding:.5rem 0;padding:var(--space-2,.5rem) 0}.mn-ud-item{align-items:center;background:none;border:none;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.75rem;gap:var(--space-3,.75rem);padding:10px 1.25rem;padding:10px var(--space-5,1.25rem);text-align:left;text-decoration:none;transition:background .15s ease-in-out;transition:background var(--transition-fast,.15s ease-in-out);width:100%}.mn-ud-item i{color:#757575;color:var(--text-secondary,#757575);font-size:14px;text-align:center;width:18px}.mn-ud-item:hover{background:#e91e630a;padding-left:calc(1.25rem + 4px);padding-left:calc(var(--space-5, 1.25rem) + 4px)}.mn-ud-item .mn-soon-badge{margin-left:auto}.mn-ud-admin{font-weight:600;font-weight:var(--font-weight-semibold,600)}.mn-ud-admin,.mn-ud-admin i{color:#e91e63;color:var(--brand-primary,#e91e63)}.mn-ud-logout,.mn-ud-logout i{color:#f44336;color:var(--color-danger,#f44336)}.mn-ud-logout:hover{background:#ffebee;background:var(--color-danger-light,#ffebee)}.mn-overlay{background:#00000080;background:var(--bg-overlay,#00000080);display:none;inset:0;position:fixed;z-index:1010}@media (max-width:1199px){.mn-navbar-inner{padding:0 1rem;padding:0 var(--space-4,1rem)}.mn-nav-link{font-size:13px;padding:8px 10px}}@media (max-width:991px){.mn-hamburger{display:flex}.mn-nav-area{align-items:stretch;background:#fff;background:var(--color-white,#fff);box-shadow:var(--shadow-xl);flex-direction:column;height:100vh;overflow-y:auto;padding:70px 1rem 1rem;padding:70px var(--space-4,1rem) var(--space-4,1rem);position:fixed;right:-320px;top:0;transition:right .25s ease-in-out;transition:right var(--transition-normal,.25s ease-in-out);width:300px;z-index:1050}.mn-nav-area.open{right:0}.mn-nav-list{align-items:stretch;flex-direction:column;gap:0}.mn-nav-link{border-radius:0;font-size:1rem;font-size:var(--font-size-base,1rem);justify-content:space-between;padding:12px 16px}.mn-dropdown{animation:none;background:#fafafa;background:var(--gray-50,#fafafa);border:none;border-radius:0;box-shadow:none;padding:0;position:static}.mn-dropdown-item{padding:10px 16px 10px 32px}.mn-actions-desktop{display:none}.mn-actions-mobile{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem);margin-top:auto;padding:1rem 0;padding:var(--space-4,1rem) 0}.mn-btn-logout-mobile,.mn-btn-register-mobile,.mn-btn-signin-mobile{border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;display:block;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:12px;text-align:center;text-decoration:none;width:100%}.mn-btn-signin-mobile{background:#f5f5f5;background:var(--gray-100,#f5f5f5);color:#212121;color:var(--text-primary,#212121)}.mn-btn-register-mobile{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff;color:var(--color-white,#fff)}.mn-btn-logout-mobile{background:#ffebee;background:var(--color-danger-light,#ffebee);color:#f44336;color:var(--color-danger,#f44336)}.mn-overlay{display:block}.mn-user-area{display:flex;margin-left:auto;margin-right:.5rem;margin-right:var(--space-2,.5rem);position:static}.mn-user-dropdown{max-height:calc(100vh - 80px);overflow-y:auto;position:fixed;right:1rem;right:var(--space-4,1rem);top:64px;top:var(--navbar-height,64px)}}@media (max-width:767px){.mn-logo-text{display:none}.mn-navbar{height:56px}.mn-navbar-inner{padding:0 .75rem;padding:0 var(--space-3,.75rem)}.mn-user-dropdown{right:1rem;right:var(--space-4,1rem);width:calc(100vw - 2rem)}}.ef-footer{background:#212121;background:var(--gray-900,#212121);color:#e0e0e0;color:var(--gray-300,#e0e0e0);margin-top:auto}.ef-inner{margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);padding:0 1.5rem;padding:0 var(--space-6,1.5rem)}.ef-top{grid-gap:2rem;grid-gap:var(--space-8,2rem);display:grid;gap:2rem;gap:var(--space-8,2rem);grid-template-columns:2fr 1fr 1fr 1fr;padding:3rem 0 2rem;padding:var(--space-12,3rem) 0 var(--space-8,2rem)}.ef-brand{max-width:320px}.ef-logo{align-items:center;display:flex;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.ef-logo-icon{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:50%;border-radius:var(--border-radius-circle,50%);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);height:32px;justify-content:center;width:32px}.ef-logo-icon,.ef-logo-text{color:#fff;color:var(--color-white,#fff);font-weight:700;font-weight:var(--font-weight-bold,700)}.ef-logo-text{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.ef-tagline{color:#bdbdbd;color:var(--gray-400,#bdbdbd);line-height:1.625;line-height:var(--line-height-relaxed,1.625);margin:0}.ef-links-title,.ef-tagline{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.ef-links-title{color:#fff;color:var(--color-white,#fff);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 1rem;margin:0 0 var(--space-4,1rem)}.ef-links-group{display:flex;flex-direction:column}.ef-link{align-items:center;color:#bdbdbd;color:var(--gray-400,#bdbdbd);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.5rem;gap:var(--space-2,.5rem);padding:.25rem 0;padding:var(--space-1,.25rem) 0;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast,.15s ease-in-out)}.ef-link:hover{color:#fff;color:var(--color-white,#fff)}.ef-bottom{border-top:1px solid #424242;border-top:1px solid var(--gray-800,#424242);padding:1.25rem 0;padding:var(--space-5,1.25rem) 0;text-align:center}.ef-bottom p{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin:0}@media (max-width:991px){.ef-top{gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:1fr 1fr}.ef-brand{grid-column:1/-1}}@media (max-width:575px){.ef-top{grid-template-columns:1fr}.ef-inner{padding:0 1rem;padding:0 var(--space-4,1rem)}}.sb-sidebar{background:#f5f5f5;background:var(--bg-sidebar,#f5f5f5);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 64px);height:calc(100vh - var(--navbar-height, 64px));min-height:calc(100vh - 64px);min-height:calc(100vh - var(--navbar-height, 64px));overflow-y:auto;position:-webkit-sticky;position:sticky;top:64px;top:var(--navbar-height,64px);transition:width .25s ease-in-out;transition:width var(--transition-normal,.25s ease-in-out);width:260px;width:var(--sidebar-width,260px)}.sb-exam-type{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);padding:1.25rem 1rem;padding:var(--space-5,1.25rem) var(--space-4,1rem)}.sb-exam-type-label{color:#757575;color:var(--text-secondary,#757575);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);text-transform:uppercase}.sb-exam-type-toggle{background:#e0e0e0;background:var(--gray-300,#e0e0e0);border-radius:50px;border-radius:var(--border-radius-pill,50px);display:flex;padding:3px}.sb-toggle-btn{background:#0000;border:none;border-radius:50px;border-radius:var(--border-radius-pill,50px);color:#757575;color:var(--text-secondary,#757575);cursor:pointer;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);padding:8px 16px;transition:all .15s ease-in-out;transition:all var(--transition-fast,.15s ease-in-out)}.sb-toggle-btn.active{background:#fff;background:var(--color-white,#fff);box-shadow:var(--shadow-sm);color:#212121;color:var(--text-primary,#212121);font-weight:600;font-weight:var(--font-weight-semibold,600)}.sb-admin-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#e91e63;color:var(--brand-primary,#e91e63);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);gap:.5rem;gap:var(--space-2,.5rem);padding:1.25rem 1rem;padding:var(--space-5,1.25rem) var(--space-4,1rem)}.sb-admin-header i{font-size:14px}.sb-nav{flex:1 1;padding:.75rem;padding:var(--space-3,.75rem) var(--space-3,.75rem)}.sb-menu{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.sb-menu-item{border-radius:8px;border-radius:var(--border-radius-md,8px)}.sb-menu-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.75rem;gap:var(--space-3,.75rem);padding:12px 1rem;padding:12px var(--space-4,1rem);text-align:left;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast,.15s ease-in-out);width:100%}.sb-menu-link i{color:#757575;color:var(--text-secondary,#757575);flex-shrink:0;font-size:16px;text-align:center;width:20px}.sb-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-menu-link:hover{background:#0000000a;background:var(--bg-hover,#0000000a)}.sb-menu-item.active .sb-menu-link{background:#fff;background:var(--bg-active,#fff);box-shadow:var(--shadow-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.sb-menu-item.active .sb-menu-link i{color:#e91e63;color:var(--brand-primary,#e91e63)}.sb-menu-item.coming-soon .sb-menu-link.disabled{color:#bdbdbd;color:var(--text-disabled,#bdbdbd);cursor:default}.sb-menu-item.coming-soon .sb-menu-link.disabled i{color:#bdbdbd;color:var(--gray-400,#bdbdbd)}.sb-menu-item.coming-soon .sb-menu-link.disabled:hover{background:#0000}.sb-soon-tag{background:#eee;background:var(--gray-200,#eee);border-radius:50px;border-radius:var(--border-radius-pill,50px);color:#757575;color:var(--text-secondary,#757575);font-size:10px;font-weight:600;font-weight:var(--font-weight-semibold,600);margin-left:auto;padding:2px 6px}.sb-user-info{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);gap:.75rem;gap:var(--space-3,.75rem);margin-top:auto;padding:1rem;padding:var(--space-4,1rem) var(--space-4,1rem)}.sb-user-avatar,.sb-user-info{align-items:center;display:flex}.sb-user-avatar{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:50%;border-radius:var(--border-radius-circle,50%);color:var(--color-white);flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);height:36px;justify-content:center;overflow:hidden;width:36px}.sb-user-avatar img{height:100%;object-fit:cover;width:100%}.sb-user-details{min-width:0}.sb-user-name{color:#212121;color:var(--text-primary,#212121);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user-plan{color:#757575;color:var(--text-secondary,#757575);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}@media (max-width:991px){.sb-sidebar{display:none}}.sb-sidebar.sb-collapsed{width:68px}.sb-sidebar.sb-collapsed .sb-admin-header span,.sb-sidebar.sb-collapsed .sb-exam-type-label,.sb-sidebar.sb-collapsed .sb-menu-label,.sb-sidebar.sb-collapsed .sb-soon-tag,.sb-sidebar.sb-collapsed .sb-user-details{display:none}.sb-sidebar.sb-collapsed .sb-exam-type{padding:.75rem;padding:var(--space-3,.75rem)}.sb-sidebar.sb-collapsed .sb-exam-type-toggle{flex-direction:column;gap:2px}.sb-sidebar.sb-collapsed .sb-toggle-btn{font-size:11px;padding:6px}.sb-sidebar.sb-collapsed .sb-menu-link{justify-content:center;padding:12px}.sb-sidebar.sb-collapsed .sb-menu-link i{font-size:18px}.sb-sidebar.sb-collapsed .sb-admin-header,.sb-sidebar.sb-collapsed .sb-user-info{justify-content:center}.admin-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #0000000f;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 64px);height:calc(100vh - var(--navbar-height, 64px));min-height:calc(100vh - 64px);min-height:calc(100vh - var(--navbar-height, 64px));overflow-y:auto;position:-webkit-sticky;position:sticky;top:64px;top:var(--navbar-height,64px);width:280px;z-index:10}.as-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:20px 20px 16px}.as-brand{gap:12px}.as-brand,.as-brand-icon{align-items:center;display:flex}.as-brand-icon{background:linear-gradient(135deg,#1a237e,#e91e63);border-radius:12px;box-shadow:0 3px 10px #e91e6340;color:#fff;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:transform .3s ease;width:40px}.as-brand:hover .as-brand-icon{transform:scale(1.05) rotate(-3deg)}.as-brand-text{display:flex;flex-direction:column}.as-brand-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:700;line-height:1.2}.as-brand-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;letter-spacing:.3px}.as-nav{flex:1 1;overflow-y:auto;padding:12px}.as-group{margin-bottom:8px}.as-group-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:10px;font-weight:700;letter-spacing:1.2px;padding:8px 12px 6px;position:relative;text-transform:uppercase}.as-group-label:before{background:var(--gradient-primary);border-radius:1px;content:"";display:inline-block;height:2px;margin-right:6px;vertical-align:middle;width:12px}.as-menu{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.as-menu-item{border-radius:8px;position:relative}.as-menu-link{background:none;border:none;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;gap:12px;padding:10px 12px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.as-menu-icon,.as-menu-link{align-items:center;border-radius:10px;display:flex;font-size:14px}.as-menu-icon{background:#f1f5f9;background:var(--gray-100,#f1f5f9);color:#64748b;color:var(--text-secondary,#64748b);flex-shrink:0;height:32px;justify-content:center;transition:all .25s ease;width:32px}.as-menu-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.as-menu-label{font-size:13px;font-weight:500;line-height:1.3}.as-menu-desc,.as-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-menu-desc{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;line-height:1.2}.as-menu-badge{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.as-menu-link:hover{background:#e91e630a;padding-left:14px}.as-menu-link:hover .as-menu-icon{background:#e91e631a;color:#e91e63;color:var(--brand-primary,#e91e63);transform:scale(1.05)}.as-menu-item.active .as-menu-link{background:linear-gradient(135deg,#e91e6314,#9c27b00f)}.as-menu-item.active .as-menu-icon{background:linear-gradient(135deg,#e91e63,#9c27b0);box-shadow:0 2px 8px #e91e634d;color:#fff}.as-menu-item.active .as-menu-label{color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:600}.as-active-indicator{background:var(--gradient-primary);border-radius:3px 0 0 3px;height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.as-user-info{background:linear-gradient(135deg,#1a237e08,#e91e6308);border-top:1px solid #0000000f;gap:12px;margin-top:auto;padding:16px 20px}.as-user-avatar,.as-user-info{align-items:center;display:flex}.as-user-avatar{background:linear-gradient(135deg,#1a237e,#e91e63);border-radius:50%;box-shadow:0 2px 6px #e91e6333;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.as-user-avatar img{height:100%;object-fit:cover;width:100%}.as-user-details{min-width:0}.as-user-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-user-role{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px}@media (max-width:1200px){.admin-sidebar{width:250px}}@media (max-width:991px){.admin-sidebar{box-shadow:none;display:flex;height:100vh;left:-300px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1050}.admin-sidebar.as-mobile-open{box-shadow:4px 0 20px #00000026;left:0}.as-mobile-overlay{animation:as-fade-in .2s ease;background:#0006;inset:0;position:fixed;z-index:1040}@keyframes as-fade-in{0%{opacity:0}to{opacity:1}}}.as-mobile-toggle{display:none}@media (max-width:991px){.as-mobile-toggle{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 15px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:20px;position:fixed;transition:transform .2s ease,box-shadow .2s ease;width:50px;z-index:1030}.as-mobile-toggle:active{transform:scale(.92)}}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:#0000}.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300,#cbd5e1);border-radius:4px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400,#94a3b8)}.fab-container{bottom:1.5rem;bottom:var(--space-6,1.5rem);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);position:fixed;right:1.5rem;right:var(--space-6,1.5rem);z-index:1080;z-index:var(--z-fab,1080)}.fab-btn{align-items:center;border:none;border-radius:50%;border-radius:var(--border-radius-circle,50%);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px #0000001a);color:#fff;color:var(--color-white,#fff);cursor:pointer;display:flex;font-size:22px;height:56px;justify-content:center;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform var(--transition-fast,.15s ease-in-out),box-shadow var(--transition-fast,.15s ease-in-out);width:56px}.fab-btn:hover{box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl,0 20px 25px #0000001a);transform:translateY(-2px)}.fab-btn:active{transform:translateY(0)}.fab-support{background:#e91e63;background:var(--brand-primary,#e91e63)}.fab-support:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.fab-whatsapp{background:#25d366}.fab-whatsapp:hover{background:#20bd5a}@media (max-width:767px){.fab-container{bottom:1rem;bottom:var(--space-4,1rem);right:1rem;right:var(--space-4,1rem)}.fab-btn{font-size:20px;height:48px;width:48px}}.hp-page{background:#fff;background:var(--color-white,#fff);overflow-x:hidden}.hp-hero{background:linear-gradient(160deg,#fdf2f8,#ede9fe 25%,#e0f2fe 50%,#ecfdf5 75%,#fdf2f8);overflow:hidden;padding:5rem 0 4rem;position:relative}.hp-hero:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#e91e630f 0,#9c27b008 40%,#0000 70%);height:700px;right:-20%;top:-50%;width:700px}.hp-hero:after,.hp-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.hp-hero:after{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#6366f10d 0,#0000 60%);bottom:-30%;height:500px;left:-15%;width:500px}.hp-hero-inner{grid-gap:3rem;grid-gap:var(--space-12,3rem);align-items:center;display:grid;gap:3rem;gap:var(--space-12,3rem);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);padding:0 1.5rem;padding:0 var(--space-6,1.5rem)}.hp-hero-content{animation:fadeInUp .7s ease-out}.hp-hero-badge{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#e91e6314;border:1px solid #e91e631f;border-radius:50px;color:#e91e63;color:var(--brand-primary,#e91e63);display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.02em;margin-bottom:1.25rem;padding:6px 16px}.hp-hero-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:3.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 1.25rem;margin:0 0 var(--space-5,1.25rem)}.hp-hero-highlight{-webkit-text-fill-color:#0000;animation:gradient-shift 4s ease infinite;background:linear-gradient(135deg,#e91e63,#9c27b0 50%,#6366f1);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hp-hero-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:1.15rem;line-height:1.7;margin:0 0 2rem;max-width:520px}.hp-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);margin-bottom:2rem}.hp-btn-primary{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:50px;box-shadow:0 4px 15px #e91e6359;color:#fff!important;color:var(--color-white,#fff)!important;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;overflow:hidden;padding:14px 34px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hp-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hp-btn-primary:hover:before{left:100%}.hp-btn-primary:hover{box-shadow:0 8px 30px #e91e6373;transform:translateY(-3px) scale(1.02)}.hp-btn-secondary{align-items:center;background:#fff;background:var(--color-white,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:50px;color:#212121!important;color:var(--text-primary,#212121)!important;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.hp-btn-secondary:hover{background:#e91e630a;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63!important;color:var(--brand-primary,#e91e63)!important}.hp-hero-trust{align-items:center;display:flex;gap:12px}.hp-avatar,.hp-trust-avatars{display:flex}.hp-avatar{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;height:32px;justify-content:center;margin-left:-8px;width:32px}.hp-avatar:first-child{margin-left:0}.hp-trust-text{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem}.hp-hero-visual{animation:fadeInUp .8s ease-out .2s both;display:flex;justify-content:center;perspective:1000px}.hp-hero-card{background:#fff;background:var(--color-white,#fff);border:1px solid #fffc;border-radius:20px;box-shadow:0 25px 60px #0000001a,0 1px 3px #0000000d;overflow:hidden;transform:rotateY(-5deg) rotateX(3deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;width:360px}.hp-hero-card:hover{box-shadow:0 30px 80px #0000001f,0 0 0 1px #e91e6314;transform:rotateY(0) rotateX(0) translateY(-4px)}.hp-hero-card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:6px;padding:12px 16px}.hp-card-dot{border-radius:50%;height:10px;width:10px}.hp-card-dot.red{background:#ff5f57}.hp-card-dot.yellow{background:#febc2e}.hp-card-dot.green{background:#28c840}.hp-card-header-title{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-left:auto;text-transform:uppercase}.hp-hero-card-body{padding:1.75rem}.hp-score-circle{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.hp-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e91e63,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:3.25rem;font-weight:800;line-height:1}.hp-score-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;font-weight:500;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.hp-score-breakdown{display:flex;flex-direction:column;gap:12px}.hp-score-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:72px 1fr 36px}.hp-score-section{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:500}.hp-score-bar{background:#f1f5f9;background:var(--gray-200,#f1f5f9);height:8px}.hp-score-bar,.hp-score-fill{border-radius:4px;overflow:hidden}.hp-score-fill{height:100%;position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.hp-score-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hp-score-val{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;font-weight:700;text-align:right}.hp-stats{animation:gradient-shift 6s ease infinite;background:linear-gradient(135deg,#e91e63,#9c27b0 50%,#6366f1);background-size:200% 200%;padding:3rem 0;position:relative}.hp-stats:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.04' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:absolute}.hp-stats-inner{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);padding:0 1.5rem;padding:0 var(--space-6,1.5rem);text-align:center}.hp-stat,.hp-stats-inner{position:relative}.hp-stat-icon{color:#ffffffb3;font-size:1.5rem;margin-bottom:8px}.hp-stat-value{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 10px #00000026}.hp-stat-label{color:#ffffffd9;font-size:.85rem;font-weight:500;margin-top:4px}.hp-stat{transition:transform .3s ease}.hp-stat:hover{transform:translateY(-4px)}.hp-steps{background:#fff;background:var(--color-white,#fff);padding:5rem 0}.hp-steps-inner{margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);padding:0 1.5rem;padding:0 var(--space-6,1.5rem)}.hp-steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);position:relative}.hp-steps-grid:before{background:linear-gradient(90deg,#e91e63,#9c27b0,#1565c0,#00897b);content:"";height:2px;left:12.5%;opacity:.2;position:absolute;right:12.5%;top:48px;z-index:0}.hp-step-card{position:relative;text-align:center;z-index:1}.hp-step-number{align-items:center;background:linear-gradient(135deg,#e91e63,#9c27b0);border-radius:50%;box-shadow:0 4px 16px #e91e6359;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;margin:0 auto 16px;position:relative;width:40px}.hp-step-number:after{animation:spin 12s linear infinite;border:2px dashed #e91e6333;border-radius:50%;content:"";inset:-4px;position:absolute}.hp-step-icon{align-items:center;background:linear-gradient(135deg,#e91e6314,#9c27b00f);border:1px solid #e91e6314;border-radius:18px;color:#e91e63;color:var(--brand-primary,#e91e63);display:flex;font-size:1.5rem;height:68px;justify-content:center;margin:0 auto 16px;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:68px}.hp-step-card:hover .hp-step-icon{background:linear-gradient(135deg,#e91e631f,#9c27b01a);box-shadow:0 8px 20px #e91e6326;transform:translateY(-4px) scale(1.05)}.hp-step-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.05rem;font-weight:700;margin:0 0 8px}.hp-step-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.6;margin:0;margin-inline:auto;max-width:220px}.hp-features{background:linear-gradient(180deg,#f8fafc,#fff);padding:5rem 0}.hp-features-inner{margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);padding:0 1.5rem;padding:0 var(--space-6,1.5rem)}.hp-section-title{color:#1e293b;color:var(--text-primary,#1e293b);display:inline-block;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .75rem;position:relative;text-align:center;width:100%}.hp-section-title:after{background:var(--gradient-primary);border-radius:2px;content:"";display:block;height:4px;margin:12px auto 0;width:60px}.hp-section-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:1.1rem;line-height:1.7;margin:0 auto 3rem;max-width:620px;text-align:center}.hp-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.hp-feature-card{background:#fff;background:var(--color-white,#fff);border:1px solid #e2e8f0;border-radius:18px;display:flex;gap:1.25rem;overflow:hidden;padding:2rem;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.hp-feature-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hp-feature-card:hover{border-color:#0000;box-shadow:0 16px 48px #0000001a;transform:translateY(-6px)}.hp-feature-card:hover:before{opacity:1}.hp-feature-icon{align-items:center;border-radius:16px;display:flex;font-size:22px;height:56px;justify-content:center;min-width:56px;transition:transform .3s ease,box-shadow .3s ease;width:56px}.hp-feature-card:hover .hp-feature-icon{box-shadow:0 4px 12px #e91e6326;transform:scale(1.1)}.hp-feature-body{flex:1 1}.hp-feature-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.05rem;font-weight:700;margin:0 0 6px}.hp-feature-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.6;margin:0 0 10px}.hp-feature-tag{-webkit-background-clip:unset;background-clip:initial;font-size:.75rem;opacity:.12}.hp-feature-tag:after{align-items:center;content:attr(data-text);display:flex;inset:0;justify-content:center;position:absolute}.hp-feature-tag{-webkit-text-fill-color:currentColor;background:currentColor;border-radius:50px;display:inline-block;font-size:.72rem;font-weight:600;opacity:1;padding:3px 10px;position:relative}.hp-feature-card .hp-feature-tag{background:#0000;border:1.5px solid;opacity:.7;padding:2px 10px}.hp-cta{background:linear-gradient(160deg,#1a237e,#1e293b 40%,#0f172a);overflow:hidden;padding:5rem 0;position:relative;text-align:center}.hp-cta:before{animation:float 10s ease-in-out infinite;background:radial-gradient(circle,#e91e631a 0,#6366f10d 40%,#0000 60%);height:900px;left:50%;top:-50%;transform:translateX(-50%);width:900px}.hp-cta:after,.hp-cta:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.hp-cta:after{background:radial-gradient(circle,#6366f114 0,#0000 60%);bottom:-40%;height:500px;right:-10%;width:500px}.hp-cta-inner{margin:0 auto;max-width:660px;padding:0 1.5rem;padding:0 var(--space-6,1.5rem);position:relative}.hp-cta-icon{align-items:center;background:linear-gradient(135deg,#e91e6333,#9c27b026);border-radius:50%;color:#f48fb1;display:flex;font-size:1.75rem;height:72px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:72px}.hp-cta-icon:after{animation:pulse-ring 2.5s ease-out infinite;border:2px solid #e91e6326;border-radius:50%;content:"";inset:-6px;position:absolute}.hp-cta-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.hp-cta-subtitle{color:#94a3b8;font-size:1.05rem;line-height:1.7;margin:0 0 2rem}.hp-btn-cta{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:50px;box-shadow:0 4px 20px #e91e6366;color:#fff!important;display:inline-flex;font-size:1.05rem;font-weight:600;gap:10px;overflow:hidden;padding:16px 40px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hp-btn-cta:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hp-btn-cta:hover:before{left:100%}.hp-btn-cta:hover{box-shadow:0 8px 35px #e91e6380;transform:translateY(-3px) scale(1.03)}@media (max-width:991px){.hp-hero{padding:3.5rem 0 3rem}.hp-hero-inner{gap:2.5rem;grid-template-columns:1fr;text-align:center}.hp-hero-title{font-size:2.35rem}.hp-hero-subtitle{margin-left:auto;margin-right:auto}.hp-hero-actions,.hp-hero-trust{justify-content:center}.hp-features-grid,.hp-steps-grid{grid-template-columns:repeat(2,1fr)}.hp-steps-grid{gap:2.5rem}.hp-steps-grid:before{display:none}}@media (max-width:767px){.hp-hero{padding:2.5rem 0 2rem}.hp-hero-title{font-size:1.85rem}.hp-hero-visual{display:none}.hp-stats-inner{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.hp-stat-value{font-size:1.75rem}.hp-steps{padding:3rem 0}.hp-steps-grid{gap:2rem;grid-template-columns:1fr 1fr}.hp-features{padding:3rem 0}.hp-features-grid{grid-template-columns:1fr}.hp-feature-card{flex-direction:column;gap:1rem}.hp-section-title{font-size:1.5rem}.hp-cta{padding:3.5rem 0}.hp-cta-title{font-size:1.5rem}}.app-loader{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 20px}.app-loader--full{min-height:100vh;padding:0 20px}.app-loader__spinner{animation:appLoaderSpin .8s linear infinite;border-color:#eee;border-color:var(--gray-200,#eee);border-radius:50%;border-style:solid;border-top-color:#1a237e;border-top-color:var(--brand-navy,#1a237e)}.app-loader__spinner--sm{border-width:3px;height:24px;width:24px}.app-loader__spinner--md{border-width:4px;height:40px;width:40px}.app-loader__spinner--lg{border-width:5px;height:56px;width:56px}.app-loader__text{color:#757575;color:var(--text-secondary,#757575);font-size:15px;font-weight:500;letter-spacing:.2px;margin:0}@keyframes appLoaderSpin{to{transform:rotate(1turn)}}[data-contrast=inverse] .app-loader__spinner{border-color:#fff #3e3e3e #3e3e3e}[data-contrast=inverse] .app-loader__text{color:#ccc}[data-contrast=yellow] .app-loader__spinner{border-color:#ff0 #3e3e3e #3e3e3e}[data-contrast=yellow] .app-loader__text{color:#ff0}.pte-modal-overlay{align-items:center;animation:pteOverlayIn .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1050}.pte-modal-overlay.pte-closing{animation:pteOverlayOut .25s ease-in forwards}@keyframes pteOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes pteOverlayOut{0%{opacity:1}to{opacity:0}}.pte-modal{animation:pteModalIn .35s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 24px 80px #00000040,0 0 0 1px #ffffff14;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.pte-modal.pte-closing{animation:pteModalOut .25s ease-in forwards}@keyframes pteModalIn{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pteModalOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.97)}}.pte-modal::-webkit-scrollbar{width:4px}.pte-modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.pte-hero{border-radius:16px 16px 0 0;flex-shrink:0;overflow:hidden;padding:32px 24px 24px;position:relative;text-align:center}.pte-hero-bg{background:linear-gradient(135deg,#e91e63,#ad1457 60%,#880e4f);background:linear-gradient(135deg,var(--brand-primary,#e91e63) 0,#ad1457 60%,#880e4f 100%);inset:0;position:absolute;z-index:0}.pte-hero-bg:after{background:radial-gradient(circle at 20% 80%,#ffffff1f 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 50%);content:"";inset:0;position:absolute}.pte-hero-content{position:relative;z-index:1}.pte-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:2}.pte-close-btn:hover{background:#ffffff4d;color:#fff;transform:rotate(90deg)}.pte-hero-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:50%;color:#fff;display:flex;font-size:22px;height:56px;justify-content:center;margin:0 auto 14px;width:56px}.pte-hero-badge{background:#fff3;border-radius:20px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:1.2px;margin-bottom:10px;padding:4px 14px;text-transform:uppercase}.pte-hero-title{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.25;margin:0}.pte-hero-subtitle{color:#fffc;font-size:.95rem;font-weight:400;margin:6px 0 0}.pte-body{flex:1 1;padding:20px 24px}.pte-section-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pte-section-card{align-items:center;animation:pteSectionIn .4s ease-out backwards;background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;display:flex;gap:10px;padding:12px;transition:all .2s}.pte-section-card:hover{background:#fff;border-color:var(--accent);box-shadow:0 2px 12px #0000000f;transform:translateY(-1px)}@keyframes pteSectionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pte-section-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.pte-section-info{display:flex;flex-direction:column;min-width:0}.pte-section-label{color:#212121;color:var(--text-primary,#212121);font-size:.82rem;font-weight:600;line-height:1.2}.pte-section-meta{color:#757575;color:var(--text-secondary,#757575);font-size:.7rem;margin-top:2px}.pte-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.pte-feature-item{align-items:flex-start;display:flex;gap:12px}.pte-feature-icon{align-items:center;background:#e91e6314;background:var(--brand-primary-bg,#e91e6314);border-radius:8px;color:#e91e63;color:var(--brand-primary,#e91e63);display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;width:34px}.pte-feature-item strong{color:#212121;color:var(--text-primary,#212121);display:block;font-size:.82rem;font-weight:600;line-height:1.2}.pte-feature-item p{color:#757575;color:var(--text-secondary,#757575);font-size:.75rem;line-height:1.35;margin:2px 0 0}.pte-pricing-card{background:linear-gradient(135deg,#f3e5f5,#fce4ec);border:1px solid #e91e631f;border-radius:12px;margin-bottom:18px;padding:20px;text-align:center}.pte-pricing-top{margin-bottom:14px}.pte-pricing-label{color:#757575;color:var(--text-secondary,#757575);font-size:.72rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.pte-pricing-amount{align-items:baseline;display:flex;gap:10px;justify-content:center;margin:6px 0 4px}.pte-price-free{color:#4caf50;color:var(--color-success,#4caf50);font-size:2rem;font-weight:800;letter-spacing:-.5px}.pte-price-original{color:#757575;color:var(--text-secondary,#757575);font-size:1rem;opacity:.7;text-decoration:line-through}.pte-pricing-period{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:.72rem;font-weight:500}.pte-pricing-divider{background:#e91e631f;height:1px;margin:14px 0}.pte-pricing-includes{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.pte-pricing-includes span{align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-size:.75rem;gap:5px}.pte-pricing-includes .fa-check-circle{color:#4caf50;color:var(--color-success,#4caf50);font-size:12px}.pte-agreement{align-items:flex-start;background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s;-webkit-user-select:none;user-select:none}.pte-agreement:hover{background:#fff;border-color:#f48fb1;border-color:var(--brand-primary-light,#f48fb1)}.pte-checkbox{align-items:center;border:2px solid #bdbdbd;border:2px solid var(--gray-300,#bdbdbd);border-radius:5px;color:#fff;display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;margin-top:1px;transition:all .2s;width:20px}.pte-checkbox.checked{animation:pteCheckPop .3s ease-out;background:#e91e63;background:var(--brand-primary,#e91e63);border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}@keyframes pteCheckPop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.pte-agreement span{color:#757575;color:var(--text-secondary,#757575);font-size:.78rem;line-height:1.45}.pte-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;flex-shrink:0;gap:10px;padding:16px 24px 20px}.pte-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.pte-btn:disabled{cursor:not-allowed;opacity:.5}.pte-btn-ghost{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#757575;color:var(--text-secondary,#757575);flex:0 0 auto}.pte-btn-ghost:hover:not(:disabled){background:#fafafa;background:var(--gray-50,#fafafa);color:#212121;color:var(--text-primary,#212121)}.pte-btn-enroll{background:#e0e0e0;background:var(--gray-300,#e0e0e0);color:#757575;color:var(--text-secondary,#757575);flex:1 1;overflow:hidden;position:relative}.pte-btn-enroll.ready{background:#e91e63;background:var(--brand-primary,#e91e63);box-shadow:0 4px 16px #e91e634d;color:#fff}.pte-btn-enroll.ready:hover:not(:disabled){background:#c2185b;background:var(--brand-primary-dark,#c2185b);box-shadow:0 6px 20px #e91e6359;transform:translateY(-1px)}.pte-btn-enroll.ready:active:not(:disabled){transform:translateY(0)}@media (max-width:480px){.pte-modal{border-radius:14px;max-height:88vh;max-width:100%}.pte-hero{padding:28px 20px 20px}.pte-body{padding:18px}.pte-section-grid{grid-template-columns:1fr}.pte-hero-title{font-size:1.15rem}.pte-footer{padding:14px 18px 16px}.pte-pricing-includes{align-items:center;flex-direction:column;gap:6px}}.pte-price-paid{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:2rem;font-weight:800;letter-spacing:-.5px}.pte-payment-section{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;margin-top:18px;padding:18px}.pte-payment-title{align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:0 0 6px}.pte-payment-title i{color:#e91e63;color:var(--brand-primary,#e91e63)}.pte-payment-instruction{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem;line-height:1.5;margin:0 0 14px}.pte-payment-methods{display:flex;gap:10px;margin-bottom:14px}.pte-pm-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.pte-pm-btn:hover{background:#e91e630a}.pte-pm-btn.active,.pte-pm-btn:hover{border-color:#e91e63;border-color:var(--pm-color,#e91e63)}.pte-pm-btn.active{background:#e91e63;background:var(--pm-color,#e91e63);color:#fff}.pte-pm-btn.active i{color:#fff}.pte-payment-fields{display:flex;flex-direction:column;gap:12px}.pte-field label{align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-size:.78rem;font-weight:600;gap:6px;margin-bottom:5px}.pte-field label i{color:#757575;color:var(--text-secondary,#757575);font-size:.75rem}.pte-required{color:#e53935}.pte-field input{background:#fff;background:var(--bg-surface,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-size:.85rem;padding:10px 14px;transition:border-color .2s;width:100%}.pte-field input:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a;outline:none}.pte-payment-note{align-items:flex-start;background:#2196f314;border-radius:8px;color:#555;color:var(--text-secondary,#555);display:flex;font-size:.75rem;gap:8px;line-height:1.5;padding:10px 12px}.pte-payment-note i{color:#2196f3;margin-top:2px}.pte-payment-instructions{background:#6366f10f;border:1px solid #6366f126;border-radius:10px;margin-bottom:16px;padding:14px 16px}.pte-instr-heading{align-items:center;color:#4338ca;display:flex;font-size:.82rem;font-weight:700;gap:6px;margin:0 0 8px}.pte-instr-heading i{color:#6366f1}.pte-instr-steps{color:#374151;font-size:.78rem;line-height:1.8;margin:0;padding-left:20px}.pte-instr-steps li{margin-bottom:2px}.pte-instr-steps strong{color:#1e293b}.pte-account-info{background:#fff;border:1.5px dashed #d1d5db;border-radius:10px;margin-bottom:12px;padding:14px;text-align:center}.pte-account-label{color:#64748b;display:block;font-size:.78rem;margin-bottom:6px}.pte-account-number{align-items:center;background:#f1f5f9;border-radius:8px;color:#1e293b;display:inline-flex;font-size:1.15rem;font-weight:700;gap:6px;letter-spacing:1px;padding:6px 12px}.pte-account-number i{color:#22c55e;font-size:.9rem}.pte-account-hint{color:#94a3b8;display:block;font-size:.72rem;margin-top:6px}.test-start-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.test-start-modal-content{animation:slideUp .3s ease;background:#fff;background:var(--bg-surface,#fff);border-radius:.5rem;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}@media (min-width:640px){.test-start-modal-content{border-radius:.75rem;padding:2rem}}@media (min-width:1024px){.test-start-modal-content{border-radius:1rem;padding:2rem}}.test-start-modal-close{align-items:center;background-color:#f5f5f5;background-color:var(--gray-100,#f5f5f5);border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out);width:28px}.test-start-modal-close:hover{background-color:#e0e0e0;background-color:var(--border-color,#e0e0e0)}.test-start-modal-close svg{color:#424242;color:var(--gray-800,#424242);height:16px;width:16px}@media (min-width:1024px){.test-start-modal-close{height:32px;right:1.5rem;top:1.5rem;width:32px}.test-start-modal-close svg{height:20px;width:20px}}.test-start-modal-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.test-start-modal-header{gap:1.5rem;margin-bottom:2rem}}.test-start-modal-icon{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.test-start-modal-icon svg{height:100%;width:100%}.test-start-modal-title-wrapper{flex:1 1;min-width:0}.test-start-modal-title{color:#212121;color:var(--text-primary,#212121);font-size:1.125rem;font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.4;margin:0}@media (min-width:640px){.test-start-modal-title{font-size:1.25rem}}.test-start-modal-badge{align-items:center;background-color:#e91e63;background-color:var(--brand-primary,#e91e63);border-radius:9999px;color:#fff;color:var(--text-inverse,#fff);display:inline-flex;font-size:.75rem;font-weight:600;font-weight:var(--font-weight-semibold,600);justify-content:center;margin-left:.75rem;margin-top:.5rem;padding:.375rem .75rem}.test-start-modal-subtitle{color:#757575;color:var(--text-secondary,#757575);font-size:.875rem;margin:.5rem 0 0}.test-start-modal-divider{background-color:#e0e0e0;background-color:var(--border-color,#e0e0e0);height:1px;margin:1.5rem 0}@media (min-width:640px){.test-start-modal-divider{margin:2rem 0}}.test-start-modal-info-section{margin-bottom:1.5rem}@media (min-width:640px){.test-start-modal-info-section{margin-bottom:2rem}}.test-start-modal-info-title{color:#212121;color:var(--text-primary,#212121);font-size:.95rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 1rem}@media (min-width:640px){.test-start-modal-info-title{font-size:1rem}}.test-start-modal-info-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}@media (min-width:640px){.test-start-modal-info-list{gap:1rem}}.test-start-modal-info-item{align-items:flex-start;color:#424242;color:var(--gray-800,#424242);display:flex;font-size:.875rem;gap:.75rem;line-height:1.5}@media (min-width:640px){.test-start-modal-info-item{font-size:.95rem;gap:1rem}}.test-start-modal-info-item svg{flex-shrink:0;height:12px;margin-top:3px;width:12px}@media (min-width:640px){.test-start-modal-info-item svg{height:14px;margin-top:4px;width:14px}}.test-start-modal-start-btn{background:linear-gradient(135deg,#e91e63,#e91e63);background:linear-gradient(135deg,var(--brand-primary,#e91e63) 0,var(--brand-primary,#e91e63) 100%);border:none;border-radius:.375rem;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:.95rem;font-weight:600;font-weight:var(--font-weight-semibold,600);padding:.75rem 1.5rem;text-transform:capitalize;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out);width:100%}@media (min-width:640px){.test-start-modal-start-btn{border-radius:.5rem;font-size:1rem;padding:.875rem 1.5rem}}.test-start-modal-start-btn:hover:not(:disabled){background:linear-gradient(135deg,#e91e63,#c2185b);background:linear-gradient(135deg,var(--brand-primary,#e91e63) 0,var(--brand-primary-dark,#c2185b) 100%);box-shadow:0 8px 16px #2563eb4d;transform:translateY(-2px)}.test-start-modal-start-btn:disabled{cursor:not-allowed;opacity:.6}.test-start-modal-content::-webkit-scrollbar{width:6px}.test-start-modal-content::-webkit-scrollbar-track{background:#0000}.test-start-modal-content::-webkit-scrollbar-thumb{background-color:#e0e0e0;background-color:var(--gray-300,#e0e0e0);border-radius:3px}.test-start-modal-content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--gray-500,#9e9e9e)}.mocktest-page{background-color:#f8fafc;min-height:100vh}.mocktest-page .container{margin:0 auto;max-width:960px;padding:0 1rem}.mocktest-hero{animation:gradient-shift 10s ease infinite;background:linear-gradient(160deg,#0f172a,#1a237e 40%,#4a148c 80%,#ad1457);background-size:200% 200%;margin-bottom:2rem;overflow:hidden;padding:3rem 0 2.5rem;position:relative}.mocktest-hero:before{background:linear-gradient(90deg,#0000,#e91e634d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.mocktest-hero:after{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#e91e6326 0,#0000 65%);border-radius:50%;content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-40%;width:500px}.mocktest-hero-content{position:relative;text-align:center;z-index:1}.mocktest-hero-title{color:#fff;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem}.mocktest-hero-subtitle{color:#ffffffb3;font-size:1rem;line-height:1.5;margin:0 auto 1.5rem;max-width:480px}.mocktest-hero-stats{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;display:inline-flex;gap:1.25rem;padding:.75rem 1.5rem;transition:background .3s ease}.mocktest-hero-stats:hover{background:#ffffff1f}.hero-stat{align-items:center;display:flex;flex-direction:column;gap:.125rem}.hero-stat-value{color:#fff;font-size:1.375rem;font-weight:700}.hero-stat-label{color:#ffffff8c;font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.hero-stat-divider{background:#ffffff26;height:32px;width:1px}.auth-notice{background:linear-gradient(135deg,#1a237e,#e91e63);border-radius:12px;color:#fff;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.auth-notice-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.auth-notice-text h4{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .25rem}.auth-notice-text p{font-size:.875rem;margin:0;opacity:.9}.btn-login-prompt{background:#fff;border:none;border-radius:8px;color:#e91e63;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-login-prompt:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.tests-accordion{display:flex;flex-direction:column;gap:.75rem;padding-bottom:3rem}.accordion-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.accordion-item:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #00000012}.accordion-item.accordion-item--expanded{border-color:#0000;box-shadow:0 12px 40px #0000001a}.accordion-header{padding:0}.accordion-trigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;text-align:left;transition:background .2s ease;width:100%}.accordion-trigger:hover{background:#fafbfc}.test-set-header-content{align-items:center;display:flex;flex:1 1;gap:.875rem;min-width:0}.test-set-rank{display:none;flex-shrink:0}.rank-number{align-items:center;background:#f0f2f5;border-radius:8px;color:#6b7280;display:flex;font-size:.8125rem;font-weight:700;height:28px;justify-content:center;width:28px}.test-set-image-wrapper{flex-shrink:0}.test-set-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #0000001f;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.test-set-image-placeholder{color:#fff;font-size:1.375rem;font-weight:700;text-shadow:0 1px 4px #0003}.test-set-info{flex:1 1;min-width:0}.test-set-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.test-set-title{color:#1a1f36;font-size:.9375rem;font-weight:600;line-height:1.35;margin:0}.type-badge{border-radius:4px;display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.03em;line-height:1.5;padding:.125rem .5rem;text-transform:uppercase;white-space:nowrap}.type-badge--academic{background:#e8f0fe;color:#1967d2}.type-badge--general,.type-badge--general_training{background:#fef3e2;color:#d47600}.test-set-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.375rem}.meta-item{color:#6b7280;font-size:.75rem;font-weight:500;gap:.375rem;margin:0}.meta-icon-fa{font-size:.6875rem;opacity:.7}.enrollment-count{align-items:center;background:#ecfdf5;border-radius:4px;color:#059669;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}.enrollment-count i{font-size:.625rem}.chevron-icon{color:#9ca3af;flex-shrink:0;height:20px;margin-left:.5rem;transition:transform .3s ease;width:20px}.chevron-icon.expanded{transform:rotate(180deg)}.accordion-content{animation:accordionSlide .25s ease;padding:0 1.25rem 1.25rem}@keyframes accordionSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.test-card-wrapper,.tests-grid{display:flex;flex-direction:column;gap:.5rem}.test-card{align-items:center;background:#fafbfc;border:1px solid #eef0f3;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.test-card:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.test-card--enrolled{border-left:3px solid #059669}.test-card--pending{border-left:3px solid #d97706;cursor:default}.test-card--pending:hover{box-shadow:0 1px 3px #0000000f;transform:none}.test-card-number{align-items:center;background:#f0f2f5;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:700;height:32px;justify-content:center;width:32px}.test-card--enrolled .test-card-number{background:#ecfdf5;color:#059669}.test-card-content{flex:1 1;min-width:0}.test-card-title{color:#1a1f36;font-size:.875rem;font-weight:500;line-height:1.4;margin:0 0 .25rem}.test-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.meta-chip{align-items:center;color:#9ca3af;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem}.meta-chip i{font-size:.625rem}.enrolled-badge{background:#059669;border-radius:50%;color:#fff;font-size:.625rem;height:22px;justify-content:center;width:22px}.enrolled-badge,.test-card-action{align-items:center;display:flex;flex-shrink:0}.chevron-right{color:#d1d5db;height:18px;transition:transform .2s ease,color .2s ease;width:18px}.test-card:hover .chevron-right{color:#9ca3af;transform:translateX(3px)}.test-card-enroll-btn,.test-card-start-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;width:100%}.test-card-enroll-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.test-card-enroll-btn:hover{background:#e5e7eb;border-color:#d1d5db}.test-card-start-btn{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 2px 10px #e91e6340;color:#fff}.test-card-start-btn:hover{background:linear-gradient(135deg,#d81b60,#ad1457);box-shadow:0 8px 20px #e91e6359;transform:translateY(-2px)}.test-card-enroll-btn i,.test-card-start-btn i{font-size:.75rem}.test-card-pending-btn{background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;color:#b45309;cursor:not-allowed;font-size:.8125rem;font-weight:600;gap:.375rem;opacity:.9;padding:.5rem 1rem;width:100%}.pending-badge,.test-card-pending-btn{align-items:center;display:flex;justify-content:center}.pending-badge{background:#fbbf24;border-radius:50%;color:#fff;font-size:.7rem;height:26px;position:absolute;right:10px;top:10px;width:26px;z-index:2}.meta-chip--price{color:#e91e63!important;font-weight:600}.meta-chip--free{color:#4caf50!important;font-weight:600}.loading{color:#6b7280;font-size:1rem;padding:3rem}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;padding:1.5rem}.error-message h3{font-size:1.0625rem;margin:0 0 .5rem}.error-message p{margin:.5rem 0}.mocktest-error-state{margin:0 auto;max-width:480px;padding:60px 20px;text-align:center}.mocktest-error-icon{margin-bottom:24px;opacity:.8}.mocktest-error-title{color:#1a1f36;font-size:1.375rem;font-weight:600;margin:0 0 12px}.mocktest-error-text{color:#6b7280;font-size:.9375rem;line-height:1.6;margin:0 0 28px}.mocktest-error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.mocktest-error-actions .btn-outline{background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9375rem;font-weight:500;padding:10px 24px;text-decoration:none;transition:all .2s ease}.mocktest-error-actions .btn-outline:hover{background:#fafbfc;border-color:#d1d5db}.mocktest-error-help{color:#9ca3af;font-size:.8125rem;margin:0}.no-tests,.no-tests-in-set{color:#6b7280;padding:2rem;text-align:center}.no-tests p,.no-tests-in-set p{margin:.5rem 0}@media (max-width:640px){.mocktest-hero{margin-bottom:1.5rem;padding:2rem 0 1.5rem}.mocktest-hero-title{font-size:1.5rem}.mocktest-hero-subtitle{font-size:.875rem}.mocktest-hero-stats{gap:1rem;padding:.625rem 1.25rem}.hero-stat-value{font-size:1.125rem}.auth-notice-content{align-items:flex-start;flex-direction:column}.accordion-trigger{padding:.875rem 1rem}.test-set-image{border-radius:8px;height:44px;width:44px}.test-set-image-placeholder{font-size:1.125rem}.test-set-title{font-size:.875rem}.test-set-header-content{gap:.75rem}.accordion-content{padding:0 .75rem 1rem}}@media (min-width:768px){.test-set-rank{display:flex}.test-set-image{height:56px;width:56px}.test-set-title{font-size:1rem}.tests-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mocktest-hero-title{font-size:2.125rem}.test-set-image{height:60px;width:60px}.accordion-trigger{padding:1.25rem 1.5rem}.accordion-content{padding:0 1.5rem 1.5rem}}.test-instructions-page{background:linear-gradient(180deg,#f0f2f8,#fff 50%);display:flex;flex-direction:column;min-height:100vh}.instructions-main{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:24px 16px}@media (min-width:1024px){.instructions-main{padding:48px 24px}}.instructions-card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;display:flex;flex-direction:column;max-width:720px;overflow:hidden;width:100%}.instructions-title-section{background:linear-gradient(135deg,#1a1f36,#2d3561);color:#fff;overflow:hidden;padding:28px 24px 24px;position:relative;text-align:center}.instructions-title-section:after{background:radial-gradient(circle,#e91e631f 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-15%;top:-60%;width:200px}@media (min-width:768px){.instructions-title-section{padding:36px 32px 28px}}.instructions-title{color:#fff;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px;position:relative;z-index:1}@media (min-width:1024px){.instructions-title{font-size:1.625rem}}.instructions-subtitle{color:#ffffffa6;font-size:.8125rem;line-height:1.5;margin:0;position:relative;z-index:1}@media (max-width:768px){.instructions-subtitle{display:none}}.instructions-content{padding:24px 20px}@media (min-width:768px){.instructions-content{padding:32px}}.alert{background:linear-gradient(135deg,#eff6ff,#f0f5ff);border:1px solid #dbeafe;color:#1e40af;font-size:.8125rem;line-height:1.6;margin-bottom:16px;padding:14px 16px}@media (min-width:768px){.alert{font-size:14px;padding:16px}}.alert-content{display:flex;flex-direction:column;gap:12px}.alert-title{font-weight:600;line-height:1.4;margin:0}.alert-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.app-button{align-items:center;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.app-store{background:#e91e63;background:var(--brand-primary,#e91e63)}.app-store:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.google-play{background:#4caf50;background:var(--color-success,#4caf50)}.google-play:hover{background:#2e7d32;background:var(--color-success-dark,#2e7d32)}.alert-message{line-height:1.6;margin:0;text-align:center}.md-hidden{display:block}@media (min-width:768px){.md-hidden{display:none}}.alert-desktop{display:none}@media (min-width:768px){.alert-desktop{display:block;margin-top:12px}}.instructions-sections{display:flex;flex-direction:column;gap:20px;margin-top:20px}@media (min-width:768px){.instructions-sections{gap:28px;margin-top:28px}}.instruction-item{background:#fafbfc;border:1px solid #f0f2f5;border-radius:12px;display:flex;gap:14px;padding:16px;transition:border-color .2s ease}.instruction-item:hover{border-color:#dbeafe}@media (min-width:768px){.instruction-item{gap:18px;padding:20px}}.instruction-icon{flex-shrink:0;margin-top:0}.instruction-body{display:flex;flex:1 1;flex-direction:column;gap:6px}.instruction-title-text{color:#1a1f36;font-size:.875rem;font-weight:600;margin:0}@media (min-width:1024px){.instruction-title-text{font-size:.9375rem}}.instruction-description{color:#6b7280;font-size:.8125rem;line-height:1.6;margin:0}@media (min-width:768px){.instruction-description{font-size:.875rem}}.font-medium{color:#1a1f36;font-weight:600}.duration-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}@media (min-width:768px){.duration-grid{gap:10px;grid-template-columns:repeat(4,1fr)}}.duration-item{background:#fff;border:1px solid #eef0f3;border-radius:8px;color:#6b7280;display:flex;flex-direction:column;font-size:.8125rem;gap:2px;padding:10px 12px;text-align:center}.duration-time{color:#1a1f36;font-size:.875rem;font-weight:700}.instructions-footer{background:#fff;border-top:1px solid #f0f2f5;bottom:0;justify-content:center;padding:20px;position:-webkit-sticky;position:sticky}@media (min-width:768px){.instructions-footer{padding:24px 32px}}.continue-button{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.01em;outline:none;padding:12px 28px;transition:all .2s ease}.continue-button:hover{background:linear-gradient(135deg,#d81b60,#ad1457);box-shadow:0 6px 20px #e91e6340;transform:translateY(-1px)}.continue-button:active{transform:translateY(0)}.continue-button:focus-visible{outline:2px solid #e91e63;outline-offset:2px}@media (min-width:768px){.continue-button{border-radius:10px;font-size:.9375rem;padding:13px 36px}}@media (max-width:480px){.instructions-main{padding:70px 12px 16px}.instructions-card{border-radius:6px}.instructions-title-section{padding:16px 12px}.instructions-title{font-size:18px}.instructions-content{padding:16px 12px}.instruction-item{gap:12px}.duration-grid{gap:10px;grid-template-columns:1fr 1fr}.duration-item{font-size:12px;padding:10px}.continue-button{padding:12px 16px;width:100%}}.instructions-content::-webkit-scrollbar{width:6px}.instructions-content::-webkit-scrollbar-track{background:#eee;background:var(--gray-200,#eee);border-radius:3px}.instructions-content::-webkit-scrollbar-thumb{background:#bdbdbd;background:var(--gray-400,#bdbdbd);border-radius:3px}.instructions-content::-webkit-scrollbar-thumb:hover{background:#9e9e9e;background:var(--gray-500,#9e9e9e)}@media print{.instructions-footer{display:none}.instructions-main{min-height:auto;padding:0}.instructions-card{border:none;box-shadow:none}}.strict-pagination{align-items:center;background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;justify-content:center;margin:20px 0;padding:20px}.strict-pagination .page-indicator{text-align:center;width:100%}.strict-pagination .current-page{color:#212121;color:var(--text-primary,#212121);display:block;font-size:1.2rem;font-weight:600;margin-bottom:10px}.strict-pagination .progress-info{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-left:4px solid #2196f3;border-radius:6px;padding:12px}.strict-pagination .progress-info p{color:#1565c0;font-size:.9rem;margin:4px 0}.strict-pagination .progress-info p:first-child{font-weight:500}.normal-pagination{align-items:center;display:flex;justify-content:center;margin:20px 0;padding:20px}.normal-pagination .pagination-controls{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:12px 20px}.btn-pagination{background:#fff;background:var(--bg-surface,#fff);border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-pagination:hover:not(.disabled){background:#f3f4f6;border-color:#9ca3af}.btn-pagination.disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.page-info{color:#4b5563;font-weight:600;min-width:100px;text-align:center}@media (max-width:768px){.strict-pagination{margin:15px 0;padding:15px}.strict-pagination .current-page{font-size:1.1rem}.normal-pagination .pagination-controls{flex-direction:column;gap:10px;padding:15px}.page-info{order:-1}}.text-question{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.text-input{border-radius:6px;box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-family:inherit;font-size:16px;max-width:100%;padding:12px 14px;transition:all .2s ease;width:100%}.text-input::placeholder{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-weight:400}.text-input:focus{background-color:#e3f2fd;background-color:var(--color-info-light,#e3f2fd);box-shadow:0 0 0 3px #007bff14}.text-input:not(:placeholder-shown){color:#212121;color:var(--text-primary,#212121)}.text-input:not(:placeholder-shown),.text-input:not(:placeholder-shown):focus{background-color:#f0fff4;border-color:#4caf50;border-color:var(--color-success,#4caf50)}.text-input:not(:placeholder-shown):focus{box-shadow:0 0 0 3px #28a74514}.text-input:disabled{background-color:#f5f5f5;background-color:var(--gray-100,#f5f5f5);border-color:#e0e0e0;border-color:var(--gray-300,#e0e0e0);color:#9e9e9e;color:var(--gray-500,#9e9e9e);cursor:not-allowed;opacity:.6}@media (max-width:768px){.text-input{font-size:16px;padding:12px}}.word-limit{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:12px;margin-top:2px;text-align:right}.answer-status{align-items:center;background-color:#f0fff4;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#4caf50;color:var(--color-success,#4caf50);display:flex;font-size:13px;gap:6px;padding:6px 8px}.answer-status strong{color:#228f2a;font-weight:600}.text-question.listening-input{position:relative}.text-question.listening-input .text-input{padding-left:32px}.listening-input-number{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:50%;color:#fff;color:var(--text-inverse,#fff);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:1}.text-question.listening-input .text-input:focus~.listening-input-number,.text-question.listening-input .text-input:not(:placeholder-shown)~.listening-input-number{background:#4caf50;background:var(--color-success,#4caf50)}.speaking-player{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:20px}.prompt-audio-section,.speaking-player{margin-bottom:20px}.prompt-audio-section h4{color:#212121;color:var(--text-primary,#212121);margin-bottom:10px}.prompt-audio{margin-bottom:10px;width:100%}.speaking-prompt h4{margin-bottom:10px}.speaking-prompt h4,.speaking-prompt p{color:#212121;color:var(--text-primary,#212121)}.speaking-prompt p{background:#fff;background:var(--bg-surface,#fff);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:6px;line-height:1.6;padding:15px}.recording-controls{margin-top:20px;text-align:center}.listen-btn,.record-btn,.stop-btn{font-size:16px;margin:10px;min-width:200px;padding:12px 24px}.recording-active{align-items:center;display:flex;flex-direction:column;gap:15px}.recording-indicator{align-items:center;color:#f44336;color:var(--color-danger,#f44336);display:flex;font-weight:700;gap:10px}.pulse{animation:pulse 1.5s infinite;background:#f44336;background:var(--color-danger,#f44336);border-radius:50%;height:12px;width:12px}.playback-controls{align-items:center}.recording-duration{color:#757575;color:var(--text-secondary,#757575);font-size:14px}.login-prompt{color:#f44336;color:var(--color-danger,#f44336);font-style:italic;margin-top:15px;text-align:center}.answer-status{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);border-radius:6px;color:#1976d2;color:var(--color-info-dark,#1976d2);padding:8px 12px}.answer-status,.rerecord-btn{font-size:14px;margin-top:10px}.rerecord-btn{padding:6px 12px}.playback-controls{align-items:flex-start;display:flex;flex-direction:column;gap:10px}@media (max-width:768px){.speaking-player{padding:15px}.listen-btn,.record-btn,.stop-btn{font-size:14px;min-width:150px}}.fill-in-blank-question{margin:15px 0}.fill-content{font-size:16px;line-height:1.8;margin-bottom:15px}.fill-text{display:inline;white-space:pre-wrap}.fill-blank-input{background:#fafafa;background:var(--gray-50,#fafafa);border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);border-radius:4px;border-radius:var(--border-radius-sm,4px);display:inline-block;font-size:14px;margin:0 5px;min-width:120px;padding:8px 12px;text-align:center;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.fill-blank-input:focus{background:#fff;background:var(--bg-surface,#fff);border-color:#c2185b;border-color:var(--brand-primary-dark,#c2185b);box-shadow:0 0 5px #3498db4d;outline:none}.fill-blank-input:disabled{background:#e0e0e0;background:var(--border-color,#e0e0e0);border-color:#757575;border-color:var(--text-secondary,#757575);cursor:not-allowed}.fill-blank-input::placeholder{opacity:.7}.fill-blank-input::placeholder,.word-limit-info{color:#757575;color:var(--text-secondary,#757575)}.word-limit-info{font-size:12px;font-style:italic;margin-top:10px}.preview-notice{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #ffeaa7;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#f57f17;margin-top:10px;padding:8px 12px}@media (max-width:768px){.fill-blank-input{font-size:13px;min-width:100px;padding:6px 10px}.fill-content{font-size:15px;line-height:1.6}}.matching-headings-question{display:flex;flex-direction:column;gap:16px}.matching-instruction{color:#333;color:var(--color-text-primary,#333);font-size:.95rem;line-height:1.5}.headings-pool{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border-light,#e0e0e0);border-radius:8px;padding:12px}.pool-label{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border-light,#e0e0e0);color:#666;color:var(--color-text-secondary,#666);font-size:.85rem;font-weight:600;letter-spacing:.04em;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.headings-list{display:flex;flex-direction:column;gap:6px}.heading-chip{align-items:flex-start;background:#fff;border:1px solid #d0d0d0;border:1px solid var(--color-border,#d0d0d0);border-radius:6px;cursor:grab;display:flex;font-size:.9rem;gap:8px;line-height:1.4;padding:8px 12px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.heading-chip:hover:not(.is-assigned){border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 1px 4px #00000014}.heading-chip:active:not(.is-assigned){cursor:grabbing}.heading-chip.is-assigned{background:#f0f0f0;background:var(--color-bg-secondary,#f0f0f0);cursor:default;opacity:.4;text-decoration:line-through}.heading-chip.is-selected{background:#e91e630d;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 2px #e91e6333}.heading-chip.is-dragging{opacity:.5;transform:scale(.98)}.heading-numeral{color:#e91e63;color:var(--brand-primary,#e91e63);flex-shrink:0;font-weight:700;min-width:16px}.heading-text{flex:1 1}.assigned-badge{color:#28a745;color:var(--color-success,#28a745);flex-shrink:0;font-weight:700}.matching-targets{display:flex;flex-direction:column;gap:8px}.target-slot{align-items:stretch;border:2px dashed #ccc;border:2px dashed var(--color-border,#ccc);border-radius:8px;cursor:pointer;display:flex;min-height:44px;overflow:hidden;transition:all .15s ease}.target-slot:hover{border-color:#aaa;border-color:var(--color-border-dark,#aaa)}.target-slot.drag-over{background:#e91e630a;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);border-style:solid}.target-slot.can-drop{animation:pulseSlot 1.5s infinite;border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}@keyframes pulseSlot{0%,to{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}50%{border-color:#e91e634d}}.target-slot.has-answer{background:#28a74508;border-color:#28a745;border-color:var(--color-success,#28a745);border-style:solid}.target-label{align-items:center;background:#f0f0f0;background:var(--color-bg-secondary,#f0f0f0);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border-light,#e0e0e0);color:#333;color:var(--color-text-primary,#333);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;justify-content:center;min-width:44px;width:44px}.target-slot.has-answer .target-label{background:#28a74514;color:#28a745;color:var(--color-success,#28a745)}.target-drop-area{align-items:center;display:flex;flex:1 1;min-height:40px;padding:8px 12px}.assigned-heading{align-items:center;display:flex;gap:8px;width:100%}.assigned-heading-text{color:#333;color:var(--color-text-primary,#333);flex:1 1;font-size:.9rem;line-height:1.4}.remove-assignment-btn{background:none;border:none;color:#dc3545;color:var(--color-danger,#dc3545);cursor:pointer;flex-shrink:0;font-size:1.25rem;font-weight:700;line-height:1;opacity:.5;padding:0 4px;transition:opacity .15s}.remove-assignment-btn:hover{opacity:1}.empty-slot{color:#999;color:var(--color-text-secondary,#999);font-size:.85rem;font-style:italic}.matching-progress{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;padding-top:4px;text-align:right}[data-contrast=inverse] .heading-chip{background:#2a2a2a;border-color:#555;color:#e0e0e0}[data-contrast=inverse] .headings-pool{background:#1a1a1a;border-color:#444}[data-contrast=inverse] .target-slot{border-color:#555}[data-contrast=inverse] .target-label{background:#2a2a2a;color:#e0e0e0}[data-contrast=inverse] .assigned-heading-text{color:#e0e0e0}[data-contrast=yellow] .heading-chip{background:#1a1a1a;border-color:#555;color:#ff0}[data-contrast=yellow] .headings-pool{background:#0a0a0a;border-color:#444}[data-contrast=yellow] .pool-label{color:#ff0}@media (max-width:640px){.heading-chip{font-size:.85rem;padding:6px 10px}.target-label{font-size:.9rem;min-width:36px;width:36px}}.note-modal-sidebar{animation:slideInRight .3s ease;background:#fff;background:var(--bg-surface,#fff);box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:100%;overflow:hidden;position:fixed;right:-450px;top:0;width:450px;z-index:2200}.note-modal-sidebar.open{right:0}.note-modal-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200,#eee);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.note-modal-controls{align-items:center;display:flex;gap:8px}.note-mode-toggle{background:none;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);cursor:pointer;font-size:20px;padding:4px 8px;transition:background-color .2s}.note-mode-toggle:hover{background-color:#eee;background-color:var(--gray-200,#eee)}.note-modal-title{color:#212121;color:var(--text-primary,#212121);font-size:18px;font-weight:600;margin:0}.note-modal-close{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#9e9e9e;color:var(--gray-500,#9e9e9e);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.note-modal-close:hover{background-color:#f5f5f5;background-color:var(--gray-100,#f5f5f5);color:#212121;color:var(--text-primary,#212121)}.note-selected-text{background-color:#f9f9f9;border-bottom:1px solid #e8e8e8;flex-shrink:0;padding:16px 24px}.note-selected-label{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.note-selected-content{color:#212121;color:var(--text-primary,#212121);font-size:14px;font-style:italic;line-height:1.5;margin:0;max-height:60px;overflow-y:auto}.note-input-wrapper{flex:1 1;overflow-y:auto;padding:20px 24px}.note-textarea{border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-family:inherit;font-size:14px;line-height:1.5;padding:12px;resize:none;transition:all .2s ease;width:100%}.note-textarea:focus{background-color:#f9fbff;border-color:#1a237e;border-color:var(--brand-navy,#1a237e);box-shadow:0 0 0 3px #667eea1a;outline:none}.note-textarea::placeholder{color:#e0e0e0;color:var(--gray-300,#e0e0e0)}.notes-list-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notes-list{list-style:none;margin:0;padding:12px}.note-item{background-color:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;margin-bottom:12px;padding:12px;transition:all .2s ease}.note-item:hover{background-color:#eee;background-color:var(--gray-200,#eee);border-color:#d0d0d0;box-shadow:0 2px 4px #0000000d}.note-item-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.note-item-text{flex:1 1;min-width:0}.note-item-selected{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#616161;color:var(--gray-700,#616161);display:-webkit-box;font-size:13px;font-weight:500;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.note-item-timestamp{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:11px;margin:4px 0 0}.note-item-remove{background:none;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);cursor:pointer;flex-shrink:0;font-size:16px;padding:4px;transition:background-color .2s}.note-item-remove:hover{background-color:#e8e8e8}.note-item-content{background-color:#fff;background-color:var(--bg-surface,#fff);border-left:2px solid #f44336;border-left:2px solid var(--color-danger,#f44336);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#212121;color:var(--text-primary,#212121);font-size:13px;line-height:1.5;max-height:120px;overflow-y:auto;padding:8px}.notes-empty{align-items:center;color:#9e9e9e;color:var(--gray-500,#9e9e9e);display:flex;font-size:14px;height:100%;justify-content:center;padding:20px;text-align:center}.note-modal-footer{border-top:1px solid #eee;border-top:1px solid var(--gray-200,#eee);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.note-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s ease}.note-btn:disabled{cursor:not-allowed;opacity:.6}.note-btn-save{background:linear-gradient(135deg,#16a34a,#15803d);border:1px solid #15803d;color:#fff;color:var(--text-inverse,#fff)}.note-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #16a34a4d;transform:translateY(-2px)}.note-btn-save:active:not(:disabled){transform:translateY(0)}.note-btn-cancel{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);color:#212121;color:var(--text-primary,#212121)}.note-btn-cancel:hover:not(:disabled){background-color:#f5f5f5;background-color:var(--gray-100,#f5f5f5);border-color:#bdbdbd;border-color:var(--gray-400,#bdbdbd)}@media (max-width:768px){.note-modal-sidebar{max-width:100%;width:95%}.note-modal-header{padding:16px 20px}.note-modal-title{font-size:16px}.note-input-wrapper{padding:16px 20px}.note-modal-footer{gap:10px;padding:12px 20px}.note-btn{font-size:13px;min-width:80px;padding:8px 16px}}[data-contrast=inverse] .note-modal-sidebar{background:#1a1a1a;border:1px solid #444}[data-contrast=inverse] .note-modal-header{border-bottom-color:#333}[data-contrast=inverse] .note-modal-title{color:#fff}[data-contrast=inverse] .note-selected-text{background-color:#222;border-bottom-color:#333}[data-contrast=inverse] .note-selected-label{color:#999}[data-contrast=inverse] .note-selected-content{color:#ccc}[data-contrast=inverse] .note-textarea{background:#222;border-color:#444;color:#fff}[data-contrast=inverse] .note-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}[data-contrast=inverse] .note-modal-footer{border-top-color:#333}[data-contrast=yellow] .note-modal-sidebar{background:#1a1a1a;border:1px solid #ff0}[data-contrast=yellow] .note-modal-title,[data-contrast=yellow] .note-selected-content{color:#ff0}[data-contrast=yellow] .note-textarea{background:#111;border-color:#666;color:#ff0}[data-contrast=yellow] .note-textarea:focus{border-color:#ff0;box-shadow:0 0 0 3px #ff03}[data-contrast=yellow] .note-btn-cancel{background:#111;border-color:#666;color:#ff0}[data-contrast=yellow] .note-btn-cancel:hover:not(:disabled){background-color:#222;border-color:#ff0}.question{background:#0000;border:none;border-radius:0;margin-bottom:20px;padding:0}.question-example{background-color:#e0e0e0;background-color:var(--border-color,#e0e0e0);padding:15px}.question-example strong{display:block;font-weight:600;margin-bottom:8px}.question-content h4{font-size:1.1rem}.question-content{margin-bottom:15px}.checkbox-option,.radio-option{align-items:flex-start;border:1px solid #0000;border-radius:6px;display:flex;margin:6px 0;padding:10px 12px;transition:all .15s ease}.checkbox-option:hover,.radio-option:hover{background-color:#fafafa;background-color:var(--gray-50,#fafafa);border-color:#e0e0e0;border-color:var(--color-border-light,#e0e0e0)}.checkbox-option input,.radio-option input{accent-color:#e91e63;accent-color:var(--brand-primary,#e91e63);cursor:pointer;flex-shrink:0;height:16px;margin-right:12px;margin-top:3px;width:16px}.checkbox-option input:checked+label,.radio-option input:checked+label{color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:500}.checkbox-option:has(input:checked),.radio-option:has(input:checked){background:#e91e630a;border-color:#e91e6333}.checkbox-option label,.radio-option label{cursor:pointer;flex:1 1;font-size:.95rem;line-height:1.5}.dropdown-select{-webkit-appearance:auto;appearance:auto;background:#f5f5f5;border:none;border-bottom:1.5px solid #999;border-radius:0;color:#333;cursor:pointer;font-size:.9rem;max-width:320px;min-width:140px;padding:4px 24px 4px 8px;transition:border-color .2s,background .2s}.dropdown-select:focus{background:#fff;border-bottom-color:#e91e63;outline:none}.text-input{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--gray-300,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);padding:8px 12px;transition:border-color .2s,background .2s}.text-input:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #007bff26;outline:none}.text-input.filled,.text-input:not(:placeholder-shown){background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-color:#e0e0e0}.ielts-note{background-color:initial;border-bottom:2.5px solid #f44336;border-bottom:2.5px solid var(--color-danger,#f44336);text-decoration:underline;-webkit-text-decoration-color:#f44336;text-decoration-color:#f44336;-webkit-text-decoration-color:var(--color-danger,#f44336);text-decoration-color:var(--color-danger,#f44336);text-decoration-thickness:2px;text-underline-offset:2px}.ielts-note:hover{background-color:#ffebee;background-color:var(--color-danger-light,#ffebee);border-bottom-color:#d32f2f;-webkit-text-decoration-color:#d32f2f;text-decoration-color:#d32f2f}.word-limit{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem;margin-top:5px}.textarea-input{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--gray-300,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);font-family:inherit;font-size:.95rem;min-height:150px;padding:12px;resize:vertical;transition:border-color .2s,background .2s;width:100%}.textarea-input:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #007bff26;outline:none}.textarea-input.filled,.textarea-input:not(:placeholder-shown){background:#e8f5e9;background:var(--color-success-light,#e8f5e9)}.writing-info{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-top:10px}.word-count{color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:500}.submit-feedback-btn{background:#ffc107;background:var(--color-warning,#ffc107);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.submit-feedback-btn:hover{background:#f57f17}.selection-limit{color:#f44336;color:var(--color-danger,#f44336);font-size:.9rem;font-weight:500;margin-bottom:10px}.checkbox-option input:disabled+label{color:#bdbdbd;color:var(--gray-400,#bdbdbd);cursor:not-allowed}.answer-status{background:#28a74514;border-left:3px solid #28a745;border-left:3px solid var(--color-success,#28a745);border-radius:0 4px 4px 0;color:#28a745;color:var(--color-success,#28a745);display:inline-block;font-size:.8rem;margin-top:8px;padding:4px 10px}.checkbox-question .answer-status,.dropdown-question .answer-status,.radio-question .answer-status{margin-top:15px}.text-question .answer-status,.textarea-question .answer-status{margin-top:10px}[data-contrast=inverse] .question{background:#0000}[data-contrast=inverse] .question-example{background-color:#1a1a1a;color:#d0d0d0}[data-contrast=inverse] .question-content h4{color:#fff}[data-contrast=inverse] .checkbox-option:hover,[data-contrast=inverse] .radio-option:hover{background-color:#1a1a1a}[data-contrast=inverse] .checkbox-option label,[data-contrast=inverse] .radio-option label{color:#fff}[data-contrast=inverse] .dropdown-select{background:#1a1a1a;border-bottom-color:#3e3e3e;color:#fff}[data-contrast=inverse] .text-input{background:#1a1a1a;border-color:#3e3e3e;color:#fff}[data-contrast=inverse] .text-input:focus{border-color:#4d9de0;box-shadow:0 0 0 3px #4d9de040}[data-contrast=inverse] .text-input.filled,[data-contrast=inverse] .text-input:not(:placeholder-shown){background:#0d1a0d;border-color:#3e3e3e}[data-contrast=inverse] .textarea-input{background:#1a1a1a;border-color:#3e3e3e;color:#fff}[data-contrast=inverse] .textarea-input:focus{border-color:#4d9de0;box-shadow:0 0 0 3px #4d9de040}[data-contrast=inverse] .textarea-input.filled,[data-contrast=inverse] .textarea-input:not(:placeholder-shown){background:#0d1a0d}[data-contrast=inverse] .word-count,[data-contrast=inverse] .word-limit{color:#b7b7b7}[data-contrast=inverse] .selection-limit{color:#ff6b6b}[data-contrast=inverse] .answer-status{background:#0c2d3e;border-color:#1a4a5e;color:#6db3f2}[data-contrast=inverse] .marked-hover-menu,[data-contrast=inverse] .marked-remove-menu{background:#111;border-color:#3e3e3e;box-shadow:0 2px 10px #00000080}[data-contrast=inverse] .highlight-context-menu{background:#111;border-color:#3e3e3e;box-shadow:0 6px 18px #00000080}[data-contrast=inverse] .highlight-context-btn:hover{background:#1a1a1a}[data-contrast=yellow] .question{background:#0000}[data-contrast=yellow] .question-example{background-color:#1a1a1a;color:#e6e600}[data-contrast=yellow] .question-content h4{color:#ff0}[data-contrast=yellow] .checkbox-option:hover,[data-contrast=yellow] .radio-option:hover{background-color:#1a1a1a}[data-contrast=yellow] .checkbox-option label,[data-contrast=yellow] .radio-option label{color:#ff0}[data-contrast=yellow] .dropdown-select{background:#1a1a1a;border-bottom-color:#3e3e3e;color:#ff0}[data-contrast=yellow] .text-input{background:#1a1a1a;border-color:#3e3e3e;color:#ff0}[data-contrast=yellow] .text-input:focus{border-color:#ff0;box-shadow:0 0 0 3px #ff03}[data-contrast=yellow] .text-input.filled,[data-contrast=yellow] .text-input:not(:placeholder-shown){background:#1a1a00;border-color:#3e3e3e}[data-contrast=yellow] .textarea-input{background:#1a1a1a;border-color:#3e3e3e;color:#ff0}[data-contrast=yellow] .textarea-input:focus{border-color:#ff0;box-shadow:0 0 0 3px #ff03}[data-contrast=yellow] .textarea-input.filled,[data-contrast=yellow] .textarea-input:not(:placeholder-shown){background:#1a1a00}[data-contrast=yellow] .word-count,[data-contrast=yellow] .word-limit{color:#cc0}[data-contrast=yellow] .selection-limit{color:#ff6b6b}[data-contrast=yellow] .answer-status{background:#2a2a00;border-color:#3e3e00;color:#ff0}[data-contrast=yellow] .marked-hover-menu,[data-contrast=yellow] .marked-remove-menu{background:#111;border-color:#3e3e3e;box-shadow:0 2px 10px #00000080}[data-contrast=yellow] .highlight-context-menu{background:#111;border-color:#3e3e3e;box-shadow:0 6px 18px #00000080}[data-contrast=yellow] .highlight-context-btn:hover{background:#1a1a1a}@media (max-width:768px){.highlight-toolbar{font-size:.8rem;padding:10px}.highlight-toolbar-btn{font-size:.8rem;padding:6px 12px}.toolbar-hint{display:none}}.highlight-toolbar-btn:focus{outline:2px solid #1a237e;outline:2px solid var(--brand-navy,#1a237e);outline-offset:2px}.user-highlight:focus{outline:2px solid #1a237e;outline:2px solid var(--brand-navy,#1a237e);outline-offset:1px}.highlight-context-menu{box-shadow:0 6px 18px #0000001f;display:flex;gap:6px;padding:6px}.highlight-context-btn{background:#0000;border-radius:4px;border-radius:var(--border-radius-sm,4px);font-weight:600;padding:6px 8px}.highlight-context-btn:hover{background:#f1f5ff}.add-note-btn{display:inline-block;margin-left:10px}.audio-player{margin-bottom:20px}.audio-player h4{color:#212121;color:var(--text-primary,#212121);font-size:1.1rem;margin-bottom:15px}.audio-controls{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);gap:15px;padding:15px}.audio-controls,.play-btn{align-items:center;display:flex}.play-btn{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:50%;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:1.2rem;height:50px;justify-content:center;padding:10px 15px;width:50px}.play-btn:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.progress-container{display:flex;flex:1 1;flex-direction:column;gap:5px}.progress-bar{border-radius:3px;height:6px;overflow:hidden}.progress{background:#e91e63;background:var(--brand-primary,#e91e63);height:100%;transition:width .3s ease}.time-display{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem}.volume-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px}.audio-error{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #f5c6cb;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#721c24;margin-bottom:10px;padding:10px;text-align:center}.audio-error p{margin:0 0 8px}.audio-source-info{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem;margin-top:8px;text-align:center}.play-btn:disabled{cursor:not-allowed;opacity:.5}.progress-bar{cursor:pointer}.progress-bar:hover .progress{background-color:#c2185b;background-color:var(--brand-primary-dark,#c2185b)}.left-side-content{background:#fafafa;background:var(--gray-50,#fafafa);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);height:100%;overflow-y:auto;padding:20px}.left-content-dynamic{line-height:1.6}.left-content-dynamic h3{border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);color:#212121;color:var(--text-primary,#212121);margin-bottom:15px;padding-bottom:5px}.left-content-dynamic p{margin-bottom:15px}.listening-left-content{display:flex;flex-direction:column;gap:20px}.listening-instructions{line-height:1.6}.listening-instructions h3{border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);color:#212121;color:var(--text-primary,#212121);margin-bottom:10px;padding-bottom:5px}.audio-player-section{margin:15px 0}.audio-transcript-section{margin-top:15px}.ielts-highlight{cursor:pointer;padding:2px 4px;transition:background-color .2s,box-shadow .2s}.ielts-highlight:hover{background-color:#fdd835;box-shadow:inset 0 0 0 2px #f9a825}.ielts-note{border-radius:2px;cursor:pointer;padding:2px 4px;transition:background-color .2s,border-color .2s}.ielts-note:hover{background-color:#c8e6c9;border-bottom-color:#388e3c}.marked-hover-menu{border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);box-shadow:0 2px 10px #00000026;padding:8px 12px;position:fixed;z-index:10001}.marked-hover-menu,.marked-remove-menu{background:#fff;background:var(--bg-surface,#fff)}.marked-remove-menu{border:1px solid #9e9e9e;border:1px solid var(--gray-500,#9e9e9e);border-radius:4px;border-radius:var(--border-radius-sm,4px);box-shadow:0 2px 8px #00000026;z-index:10000}.marked-remove-menu button{background:none;border:none;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.marked-remove-menu button:hover{background-color:#eee;background-color:var(--gray-200,#eee)}.remove-marked-btn{color:#e91e63;color:var(--brand-primary,#e91e63);cursor:pointer;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.remove-marked-btn:hover{color:#c2185b;color:var(--brand-primary-dark,#c2185b);text-decoration:underline}.transcript-toggle{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 15px;text-align:left;transition:background .3s;width:100%}.transcript-toggle:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.transcript-content{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:5px;margin-top:10px;padding:15px}.transcript-content h4{color:#212121;color:var(--text-primary,#212121);font-size:16px;margin-bottom:10px}.transcript-text{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e3f2fd;border:1px solid var(--color-info-light,#e3f2fd);border-radius:3px;line-height:1.6;max-height:300px;overflow-y:auto;padding:15px;white-space:pre-wrap}.reading-left-content h3{color:#4caf50;color:var(--color-success,#4caf50)}.reading-passage{line-height:1.8}.fallback-passage{line-height:1.6}.writing-left-content h3{color:#f44336;color:var(--color-danger,#f44336)}.writing-instructions{line-height:1.6}.writing-task-image{margin-top:16px;text-align:center}.writing-task-image .task-image{border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%}.reading-passage-image{margin:12px 0;text-align:center}.reading-passage-image .task-image{border:1px solid #ddd;border-radius:4px;height:auto;max-width:100%}.fallback-writing{line-height:1.6}.speaking-left-content h3{color:#e91e63;color:var(--brand-primary,#e91e63)}.speaking-instructions{line-height:1.6}.fallback-speaking ul{margin-bottom:15px;margin-left:20px}.default-left-content{color:#757575;color:var(--text-secondary,#757575);padding:40px 20px;text-align:center}.highlight-toolbar{animation:slideDown .2s ease-out;box-shadow:0 4px 8px #00000026;gap:8px;position:fixed;z-index:1000}.highlight-toolbar-btn{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--text-inverse,#fff);font-size:13px;padding:10px 14px;white-space:nowrap}.highlight-toolbar-btn:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.highlight-toolbar-btn:active{transform:translateY(0)}.toolbar-divider{color:#bdbdbd;color:var(--gray-400,#bdbdbd);font-weight:700}.highlight-context-menu{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:120px;position:fixed;z-index:2000}.highlight-context-btn{background:none;border:none;cursor:pointer;display:block;font-size:13px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.highlight-context-btn:first-child{border-radius:6px 6px 0 0}.highlight-context-btn:last-child{border-radius:0 0 6px 6px}.highlight-context-btn:hover{background:#eee;background:var(--gray-200,#eee)}.user-highlight{background-color:#ff9!important;border-radius:2px;cursor:pointer;padding:2px 4px;transition:background-color .15s ease}.user-highlight:hover{background-color:#ffeb3b!important;box-shadow:0 0 3px #ffeb3b80}.highlight-toolbar{align-items:center;animation:slideUp .2s ease-out;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;gap:0;padding:8px}.highlight-toolbar,.highlight-toolbar-btn{background:#fff;background:var(--bg-surface,#fff)}.highlight-toolbar-btn{border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#212121;color:var(--text-primary,#212121);cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s ease}.highlight-toolbar .highlight-toolbar-btn:first-child{background:#e91e63;background:var(--brand-primary,#e91e63);border-color:#c2185b;border-color:var(--brand-primary-dark,#c2185b);color:#fff}.highlight-toolbar .highlight-toolbar-btn:first-child:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.highlight-toolbar .highlight-toolbar-btn:last-child{background:#ffc107;background:var(--color-warning,#ffc107);border-color:#d68910;color:#fff}.highlight-toolbar .highlight-toolbar-btn:last-child:hover{background:#d68910}.toolbar-divider{background-color:#e0e0e0;background-color:var(--gray-300,#e0e0e0);height:20px;margin:0 2px;width:1px}.add-note-btn{background-color:#e91e63;background-color:var(--brand-primary,#e91e63);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:block;font-size:14px;font-weight:500;margin-top:15px;padding:8px 16px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.add-note-btn:hover{background-color:#c2185b;background-color:var(--brand-primary-dark,#c2185b);box-shadow:0 2px 8px #3498db4d}.add-note-btn:active{transform:scale(.98)}.add-note-btn:disabled{background-color:#bdbdbd;background-color:var(--gray-400,#bdbdbd);cursor:not-allowed}.ielts-highlight{background-color:#ffeb3b;border-radius:2px;box-shadow:inset 0 0 0 1px #fbc02d;padding:0 2px}.ielts-note{background-color:#e8f5e9;border-bottom:2.5px solid #4caf50;padding:0 2px}[data-contrast=inverse] .left-side-content{background:#000;border-right-color:#3e3e3e;color:#fff}[data-contrast=inverse] .left-content-dynamic h3{border-bottom-color:#4d9de0;color:#fff}[data-contrast=inverse] .left-content-dynamic p{color:#d0d0d0}[data-contrast=inverse] .listening-instructions h3{border-bottom-color:#4d9de0;color:#fff}[data-contrast=inverse] .marked-hover-menu{background:#111;border-color:#3e3e3e;color:#fff}[data-contrast=inverse] .marked-remove-menu{background:#111;border-color:#3e3e3e}[data-contrast=inverse] .marked-remove-menu button{color:#fff}[data-contrast=inverse] .marked-remove-menu button:hover{background-color:#1a1a1a}[data-contrast=yellow] .left-side-content{background:#000;border-right-color:#3e3e3e;color:#ff0}[data-contrast=yellow] .left-content-dynamic h3{border-bottom-color:#ff0;color:#ff0}[data-contrast=yellow] .left-content-dynamic p{color:#e6e600}[data-contrast=yellow] .listening-instructions h3{border-bottom-color:#ff0;color:#ff0}[data-contrast=yellow] .marked-hover-menu{background:#111;border-color:#3e3e3e;color:#ff0}[data-contrast=yellow] .marked-remove-menu{background:#111;border-color:#3e3e3e}[data-contrast=yellow] .marked-remove-menu button{color:#ff0}[data-contrast=yellow] .marked-remove-menu button:hover{background-color:#1a1a1a}.modal-overlay{height:100%;width:100%;z-index:10000}.modal-box{background:#fff;background:var(--bg-surface,#fff);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 4px 12px #0000004d;max-width:400px;width:100%}.modal-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200,#eee);padding:20px;text-align:center}.modal-content{padding:20px}.modal-footer{border-top:1px solid #eee;border-top:1px solid var(--gray-200,#eee);padding:20px}.question-navigation-bar{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:15px}.nav-header{border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200,#eee);margin-bottom:15px;padding-bottom:12px}.nav-header h5{color:#212121;color:var(--text-primary,#212121);font-size:14px;font-weight:600;margin:0 0 8px}.progress-stats{color:#616161;color:var(--gray-700,#616161);display:flex;font-size:13px;gap:20px}.stat-item{gap:6px}.indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.indicator.answered-dot{background:#4caf50;background:var(--color-success,#4caf50)}.indicator.flagged-dot{background:#ffc107;background:var(--color-warning,#ffc107)}.indicator.unanswered-dot{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.nav-content{align-items:center;display:flex;gap:10px;margin-bottom:12px;overflow:hidden}.part-nav-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;gap:8px;justify-content:flex-end;margin-top:8px;width:100%}.nav-arrow-btn{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);flex-shrink:0;font-size:1.2rem;height:40px;transition:all .2s ease;width:40px}.nav-arrow-btn,.nav-arrow-btn:hover:not(.disabled){background:#212121;background:var(--text-primary,#212121);color:#fff;color:var(--text-inverse,#fff)}.nav-arrow-btn:hover:not(.disabled){border-color:#212121;border-color:var(--text-primary,#212121)}.nav-arrow-btn.disabled,.nav-arrow-btn:disabled{cursor:not-allowed;opacity:.5}.part-questions-grid{flex:1 1;min-width:0;padding-bottom:5px}.all-parts-grid{gap:12px;width:100%}.all-parts-grid,.part-section{display:flex;flex-direction:column}.part-section{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;gap:8px;padding:10px}.part-header-nav{align-items:center;display:flex;gap:10px;padding:0 5px}.part-title-nav{color:#212121;color:var(--text-primary,#212121);flex-shrink:0;font-size:14px;font-weight:600;margin:0}.part-progress-nav{color:#757575;color:var(--text-secondary,#757575);font-size:12px;margin-left:auto}.question-indicator.listening-q{align-items:center;flex-direction:column;gap:4px;min-width:42px;padding:8px 6px;position:relative;transition:all .2s ease}.question-indicator.listening-q:hover{background-color:#eee;background-color:var(--gray-200,#eee);border-color:#9e9e9e;border-color:var(--gray-500,#9e9e9e)}.question-bar{border-radius:2px;display:block;flex-shrink:0;height:4px;transition:background .3s ease;width:100%}.question-bar.answered{background:#4caf50!important;background:var(--color-success,#4caf50)!important}.question-bar.unanswered{background:#e0e0e0!important;background:var(--border-color,#e0e0e0)!important}.question-indicator.listening-q{background-color:#fff;background-color:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--gray-300,#e0e0e0);border-radius:6px}.question-indicator.listening-q.answered{background-color:#f0fff4;border-color:#4caf50;border-color:var(--color-success,#4caf50)}.question-indicator.listening-q.answered .question-number{color:#4caf50;color:var(--color-success,#4caf50);font-weight:700}.question-indicator.listening-q.active{background-color:#e3f2fd;background-color:var(--color-info-light,#e3f2fd);border-color:#e91e63;border-color:var(--brand-primary,#e91e63);border-width:2px;font-weight:600}.question-indicator.listening-q.flagged{background-color:#fff8f0;border-color:#ff9800}.question-indicator.listening-q.answered-flagged{background:linear-gradient(135deg,#f0fff4,#fff8f0);border-color:#ff9800}.question-number{color:#616161;color:var(--gray-700,#616161);transition:color .2s}.questions-container{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;flex:1 1;overflow:hidden;padding:8px}.questions-track{display:flex;gap:4px;padding:0;transition:transform .3s ease}.question-indicator{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#616161;color:var(--gray-700,#616161);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0;position:relative;transition:all .2s ease;width:32px}.question-indicator:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 8px #3498db33;transform:scale(1.05)}.question-indicator.answered{background:#4caf50;background:var(--color-success,#4caf50);border-color:#4caf50;border-color:var(--color-success,#4caf50);color:#fff;color:var(--text-inverse,#fff)}.question-indicator.answered:hover{background:#229954;border-color:#229954;box-shadow:0 2px 8px #27ae604d}.question-indicator.unanswered{background:#fff;background:var(--bg-surface,#fff);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0);color:#9e9e9e;color:var(--gray-500,#9e9e9e)}.question-indicator.unanswered:hover{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-color:#9e9e9e;border-color:var(--gray-500,#9e9e9e)}.question-indicator.flagged{color:#fff;color:var(--text-inverse,#fff)}.question-indicator.flagged,.question-indicator.flagged:hover{background:#ffc107;background:var(--color-warning,#ffc107);border-color:#ffc107;border-color:var(--color-warning,#ffc107)}.question-indicator.flagged:hover{box-shadow:0 2px 8px #f39c124d}.question-indicator.answered-flagged{background:linear-gradient(135deg,#4caf50,#ffc107);background:linear-gradient(135deg,var(--color-success,#4caf50) 0,var(--color-warning,#ffc107) 100%);border-color:#ffc107;border-color:var(--color-warning,#ffc107);color:#fff;color:var(--text-inverse,#fff)}.question-indicator.answered-flagged:hover{box-shadow:0 2px 8px #e67e2266}.flag-badge{font-size:14px;line-height:1;position:absolute;right:-6px;top:-6px}.question-number{font-size:12px;font-weight:600}.scroll-btn{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#616161;color:var(--gray-700,#616161);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;height:36px;padding:0;transition:all .2s ease;width:36px}.scroll-btn:hover{background:#eee;background:var(--gray-200,#eee);border-color:#9e9e9e;border-color:var(--gray-500,#9e9e9e);color:#212121;color:var(--text-primary,#212121)}.scroll-btn:active{background:#d0d0d0}.nav-legend{border-top:1px solid #eee;border-top:1px solid var(--gray-200,#eee);color:#616161;color:var(--gray-700,#616161);display:flex;font-size:12px;gap:20px;padding-top:10px}.legend-item{align-items:center;display:flex;gap:6px}.legend-square{border-radius:2px;height:14px;width:14px}.legend-square.answered{background:#4caf50;background:var(--color-success,#4caf50)}.legend-square.unanswered{background:#e0e0e0;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0)}.legend-square.flagged{background:#ffc107;background:var(--color-warning,#ffc107)}@media (max-width:768px){.progress-stats{flex-direction:column;gap:6px}.nav-legend{flex-wrap:wrap}.question-indicator{font-size:11px;height:28px;min-width:28px;width:28px}.scroll-btn{font-size:12px;height:32px;width:32px}}@media (max-width:480px){.question-navigation-bar{margin-bottom:15px;padding:10px}.nav-header h5{font-size:13px;margin-bottom:6px}.progress-stats{font-size:12px;gap:12px}.question-indicator{border-width:1px;font-size:10px;height:24px;min-width:24px;width:24px}.scroll-btn{font-size:11px;height:28px;width:28px}.nav-legend{font-size:11px;gap:12px}.legend-square{height:12px;width:12px}}.exam-instructions-overlay{animation:fadeIn .3s ease;background:#0009;padding:20px;z-index:1000}.exam-instructions-modal{animation:slideUp .3s ease;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.instructions-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:25px 30px}.instructions-header h2{color:#212121;color:var(--text-primary,#212121);font-size:24px;font-weight:700;margin:0}.close-btn{font-size:28px;height:40px;transition:all .2s ease;width:40px}.close-btn:hover{background:#f5f5f5;background:var(--gray-100,#f5f5f5)}.instructions-duration{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-left:4px solid #2196f3;color:#1565c0;flex-shrink:0;font-size:14px;font-weight:500;padding:12px 30px}.instructions-tabs{background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:0;padding:0}.tab-btn{background:#0000;border-bottom:3px solid #0000;color:#616161;color:var(--gray-700,#616161);flex:1 1;font-size:14px;font-weight:600;padding:16px 20px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.tab-btn:hover{background:#eee;background:var(--gray-200,#eee);color:#212121;color:var(--text-primary,#212121)}.tab-btn.active{border-bottom-color:#2196f3;color:#2196f3}.instructions-content{flex:1 1;overflow-y:auto;padding:30px}.tab-content{animation:fadeIn .3s ease}.overview-content .info-box{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-left:4px solid #2196f3;border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:20px;padding:18px}.overview-content h3{color:#212121;color:var(--text-primary,#212121);font-size:16px;font-weight:600;margin:0 0 12px}.overview-content p,.overview-content ul{color:#616161;color:var(--gray-700,#616161);font-size:14px;line-height:1.6;margin:0}.overview-content ul{padding-left:20px}.overview-content li{margin-bottom:8px}.section-card{border:1px solid #e0e0e0;padding:18px;transition:all .2s ease}.section-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f31a}.section-title{gap:15px;margin-bottom:12px}.section-number,.section-title{align-items:center;display:flex}.section-number{background:#2196f3;border-radius:50%;color:#fff;color:var(--text-inverse,#fff);flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.section-description{color:#212121;color:var(--text-primary,#212121);flex:1 1;font-size:15px;font-weight:600}.section-details{border-top:1px solid #eee;border-top:1px solid var(--gray-200,#eee);display:flex;flex-wrap:wrap;gap:15px;padding-top:12px}.section-details span{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:13px;gap:6px}.guidelines-list{display:flex;flex-direction:column;gap:12px}.guideline-item{background:#f9f9f9;border-left:4px solid #4caf50;border-left:4px solid var(--color-success,#4caf50);border-radius:6px;display:flex;gap:16px;padding:14px;transition:all .2s ease}.guideline-item:hover{background:#f0f8f5}.guideline-number{align-items:center;background:#4caf50;background:var(--color-success,#4caf50);border-radius:50%;color:#fff;color:var(--text-inverse,#fff);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.guideline-item p{color:#616161;color:var(--gray-700,#616161);font-size:14px;line-height:1.6;margin:0}.instructions-footer{align-items:center;background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:20px;justify-content:space-between;padding:20px 30px}.acknowledge-checkbox{align-items:center;color:#616161;color:var(--gray-700,#616161);cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.acknowledge-checkbox input{cursor:pointer;height:18px;width:18px}.instructions-footer .btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 30px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.instructions-footer .btn.btn-primary{background:#2196f3;color:#fff;color:var(--text-inverse,#fff)}.instructions-footer .btn.btn-primary:hover:not(.disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d}.instructions-footer .btn.disabled{background:#e0e0e0;background:var(--gray-300,#e0e0e0);color:#9e9e9e;color:var(--gray-500,#9e9e9e);cursor:not-allowed;opacity:.6}.instructions-content::-webkit-scrollbar{width:8px}.instructions-content::-webkit-scrollbar-track{background:#f1f1f1}.instructions-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.instructions-content::-webkit-scrollbar-thumb:hover{background:#616161;background:var(--gray-700,#616161)}@media (max-width:768px){.exam-instructions-modal{max-width:95%}.instructions-header{padding:18px 20px}.instructions-header h2{font-size:18px}.instructions-content{padding:20px}.instructions-tabs{gap:0}.tab-btn{font-size:13px;padding:12px 10px}.instructions-footer{flex-direction:column;gap:12px;padding:15px 20px}.acknowledge-checkbox{margin-bottom:10px;order:2}.instructions-footer .btn{order:1;width:100%}}@media (max-width:480px){.exam-instructions-modal{border-radius:8px;max-height:95vh;max-width:100%}.instructions-header{padding:15px}.instructions-header h2{font-size:16px}.close-btn{font-size:24px;height:36px;width:36px}.instructions-content{padding:15px}.tab-btn{font-size:12px;padding:10px 8px}.section-card{margin-bottom:12px;padding:14px}.section-details{gap:10px}.guideline-item{gap:12px;padding:12px}.instructions-footer{padding:12px 15px}}.exam-exit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.exam-exit-modal{animation:modalFadeIn .2s ease-out;background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 10px 25px #0003;max-width:450px;overflow:hidden;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.exam-exit-modal-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200,#eee);display:flex;justify-content:space-between;padding:20px 24px}.exam-exit-modal-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.close-btn{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:24px;line-height:1}.exam-exit-modal-body{padding:24px;text-align:center}.exam-exit-modal-body p{color:#4a4a4a;font-size:16px;line-height:1.5;margin:0 0 10px}.exit-question{color:#1a1a1a;font-weight:500;margin-top:15px!important}.exam-exit-modal-footer{background:#f9f9f9;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #d9d9d9;color:#212121;color:var(--text-primary,#212121);font-weight:500;transition:all .2s}.cancel-btn:hover{border-color:#40a9ff;color:#40a9ff}.confirm-exit-btn{background:#ff4d4f;border:1px solid #ff4d4f;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-exit-btn:hover{background:#ff7875;border-color:#ff7875}.custom-audio-player{background:linear-gradient(135deg,#e3f2fd,#e3f2fd);background:linear-gradient(135deg,var(--color-info-light,#e3f2fd) 0,var(--color-info-light,#e3f2fd) 100%);border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 4px 12px #007bff26;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:24px;width:100%}.player-controls{flex-wrap:wrap;gap:16px;width:100%}.mute-btn,.play-pause-btn,.player-controls{align-items:center;display:flex;justify-content:center}.mute-btn,.play-pause-btn{background:none;background:linear-gradient(135deg,#e91e63,#c2185b);background:linear-gradient(135deg,var(--brand-primary,#e91e63) 0,var(--brand-primary-dark,#c2185b) 100%);border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);border-radius:50%;box-shadow:0 2px 8px #007bff4d;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:24px;min-height:50px;min-width:50px;padding:12px;transition:all .2s ease}.mute-btn:hover,.play-pause-btn:hover:not(:disabled){background:linear-gradient(135deg,#c2185b,#003d7a);background:linear-gradient(135deg,var(--brand-primary-dark,#c2185b) 0,#003d7a 100%);box-shadow:0 4px 12px #007bff66;transform:scale(1.1)}.play-pause-btn:disabled{background:#9e9e9e;background:var(--gray-500,#9e9e9e);border-color:#9e9e9e;border-color:var(--gray-500,#9e9e9e);cursor:not-allowed;opacity:.5;transform:none}.time-display{background:#ffffffb3;border-radius:var(--border-radius-sm,4px);color:#212121;color:var(--text-primary,#212121);font-size:.95rem;font-weight:600;min-width:50px;padding:4px 8px;text-align:center}.progress-bar-wrapper{flex-grow:1;min-width:150px}.progress-bar{-webkit-appearance:none;appearance:none;background:#e0e0e0;background:var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:default;height:10px;outline:none;transition:all .2s;width:100%}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:radial-gradient(circle,#e91e63 0,#c2185b 100%);background:radial-gradient(circle,var(--brand-primary,#e91e63) 0,var(--brand-primary-dark,#c2185b) 100%);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #007bff66;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.progress-bar::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #007bff99;transform:scale(1.15)}.progress-bar::-moz-range-progress{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:8px;border-radius:var(--border-radius-md,8px);height:10px}.progress-bar::-moz-range-thumb{background:radial-gradient(circle,#e91e63 0,#c2185b 100%);background:radial-gradient(circle,var(--brand-primary,#e91e63) 0,var(--brand-primary-dark,#c2185b) 100%);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #007bff66;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.progress-bar::-moz-range-thumb:hover{box-shadow:0 2px 8px #007bff99;transform:scale(1.15)}.volume-control{align-items:center;display:flex;gap:10px}.mute-btn{font-size:18px;min-height:40px;min-width:40px;padding:8px}.volume-slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;background:var(--gray-300,#e0e0e0);border-radius:3px;height:6px;outline:none;transition:opacity .2s;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e91e63;background:var(--brand-primary,#e91e63);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #007bff4d;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #007bff4d;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-progress,.volume-slider::-moz-range-thumb{background:#e91e63;background:var(--brand-primary,#e91e63)}@media (max-width:768px){.custom-audio-player{gap:12px;max-width:100%;padding:16px}.player-controls{gap:12px}.mute-btn,.play-pause-btn{font-size:20px;min-height:44px;min-width:44px;padding:10px}.progress-bar-wrapper{min-width:120px}.volume-slider{width:70px}}@media (max-width:480px){.custom-audio-player{gap:10px;padding:12px}.volume-control{order:3;width:100%}.volume-slider{width:100%}}.qti-item-body{--qti-bg-color:#fff;--qti-text-color:#000;--qti-border-color:#d5d5d5;--qti-hover-bg-color:#efefef;--qti-selected-bg-color:#bbd8f0;--qti-input-bg-color:#f7f7f8;--qti-input-border-color:#535353;--qti-instruction-bg-color:#f1f2ec;--qti-instruction-border-color:#d5d5d5;--qti-checked-bg-color:#1866dc;--qti-font-size-base:16px;--qti-line-height-base:24px;--question-input-border-active:#418ec8;background-color:var(--qti-bg-color);color:var(--qti-text-color);font-family:Arial,sans-serif;font-size:var(--qti-font-size-base);line-height:var(--qti-line-height-base)}.qti-item-body .font-bold{font-size:var(--qti-font-size-base);font-weight:700;margin:12px 0 6px}.qti-instruction-box{background-color:var(--qti-instruction-bg-color);border:1px solid var(--qti-instruction-border-color);border-radius:4px;margin:8px;padding:11px 16px}@media (min-width:768px){.qti-instruction-box{margin:16px}}.qti-part-title{font-size:var(--qti-font-size-base);font-weight:700;margin:0 0 4px}.qti-part-desc{color:#333;font-size:14px;margin:0}.qti-content-area{flex:1 1;overflow-y:auto;padding:0 8px}@media (min-width:768px){.qti-content-area{padding:0 16px}}.qti-content-inner{margin:0 auto;max-width:1156px}.qti-item-body p{margin:4px 0}.qti-item-body ul{margin:4px 0 4px 20px;padding:0}.qti-item-body li{margin:2px 0}.qti-item-body h5{font-size:18px;font-weight:700;margin:12px 0 8px}.qti-item-body table{border-collapse:collapse;margin:8px 0;width:100%}.qti-item-body table td,.qti-item-body table th{border:1px solid var(--qti-border-color);padding:8px 12px;text-align:left;vertical-align:top}.qti-item-body table th{background-color:#f5f5f5;font-weight:700}.qti-text-entry-interaction{display:inline;vertical-align:initial}.qti-te-wrapper{align-items:center;display:inline-flex;position:relative;vertical-align:initial}.qti-te-sizer{display:inline-block;min-width:60px;visibility:hidden;white-space:pre}.qti-te-input,.qti-te-sizer{font-family:inherit;font-size:inherit;padding:2px 8px}.qti-te-input{background-color:var(--qti-input-bg-color);border:1px solid var(--qti-input-border-color);border-radius:3px;box-sizing:border-box;height:100%;left:0;outline:none;position:absolute;text-align:center;top:0;width:100%}.qti-te-input:focus{border-color:var(--question-input-border-active);box-shadow:0 0 0 2px #418ec840}.qti-te-input::placeholder{color:#999;font-weight:600}.qti-dropdown-mode .qti-te-dropdown{background-color:var(--qti-input-bg-color);border:1px solid var(--qti-input-border-color);border-radius:3px;cursor:pointer;font-family:inherit;font-size:inherit;min-width:80px;outline:none;padding:2px 20px 2px 8px}.qti-dropdown-mode .qti-te-dropdown:focus{border-color:var(--question-input-border-active);box-shadow:0 0 0 2px #418ec840}.qti-choice-interaction{margin:12px 0;padding:0}.qti-prompt{font-weight:400;line-height:var(--qti-line-height-base);margin-bottom:8px}.qti-order-num{font-weight:700;margin-right:6px}.qti-simple-choice{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:6px 8px;transition:background-color .15s}.qti-simple-choice:hover{background-color:var(--qti-hover-bg-color)}.radio-container{align-items:center;border:2px solid #c1c1c1;border-radius:50%;box-sizing:border-box;display:flex;height:20px;justify-content:center;min-width:20px;transition:border-color .15s;width:20px}.radio-container.selected{border-color:var(--qti-checked-bg-color)}.radio-inner{border-radius:50%;height:0;transition:all .15s;width:0}.radio-inner.selected{background-color:var(--qti-checked-bg-color);height:10px;width:10px}.qti-extended-match-interaction{margin:12px 0}.qti-extended-match-interaction>div:first-child{overflow-x:auto}.qti-extended-match-interaction table{border-collapse:collapse;min-width:100%;width:auto}.qti-extended-match-interaction thead th{background-color:initial;border:none;border-bottom:2px solid var(--qti-border-color);font-size:14px;font-weight:700;padding:8px 16px;text-align:center}.qti-extended-match-interaction tbody td{border:none;border-bottom:1px solid #e8e8e8;padding:10px 16px;text-align:center;vertical-align:middle}.qti-match-label{padding-right:24px!important;text-align:left!important;white-space:nowrap}.qti-match-question-number{font-weight:700;margin-right:6px}td[data-clickable=true]{cursor:pointer;transition:background-color .15s}td[data-clickable=true]:hover{background-color:var(--qti-hover-bg-color)}td[data-checked=true]{background-color:var(--qti-selected-bg-color)}td[data-clickable=true] input[type=radio]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #c1c1c1;border-radius:50%;cursor:pointer;height:18px;outline:none;position:relative;vertical-align:middle;width:18px}td[data-clickable=true] input[type=radio]:checked{border-color:var(--qti-checked-bg-color)}td[data-clickable=true] input[type=radio]:checked:after{background-color:var(--qti-checked-bg-color);border-radius:50%;content:"";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.qti-match-legend{margin-top:12px}.qti-match-legend table{border-collapse:collapse;width:auto}.qti-match-legend td{background:#0000!important;border:none!important;padding:4px 12px 4px 0;vertical-align:top}.qti-legend-key{font-weight:700;white-space:nowrap}.qti-legend-key p,.qti-legend-value p{margin:0}.qti-graphic-text-entry-interaction{display:inline-block;position:relative}.qti-graphic-text-entry-interaction img{display:block;height:auto;max-width:100%}.qti-content-area::-webkit-scrollbar{width:8px}.qti-content-area::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.qti-content-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.qti-content-area::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width:768px){.qti-item-body{font-size:14px;line-height:22px}.qti-te-sizer{min-width:50px}.qti-extended-match-interaction tbody td,.qti-extended-match-interaction thead th{padding:6px 10px}.qti-simple-choice{padding:4px 6px}}.notes-panel{align-items:center;display:flex;justify-content:flex-end;position:fixed;z-index:2100}.notes-overlay,.notes-panel{bottom:0;left:0;right:0;top:0}.notes-overlay{background:#00000080;cursor:pointer;position:absolute}.notes-content{animation:slideInRight .3s ease-out;background:#fff!important;box-shadow:-4px 0 24px #00000040;color:#2c3e50!important;display:flex;flex-direction:column;height:100vh;max-width:420px;position:relative;width:100%;z-index:1}.notes-header{align-items:center;background:#06c!important;border-bottom:none;color:#fff!important;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.notes-header h3{color:#fff!important;font-size:1.1rem;font-weight:600;margin:0}.close-notes-btn{align-items:center;background:#fff3!important;border:2px solid #ffffff80!important;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.close-notes-btn:hover{background:#fff6!important;border-color:#fff!important;transform:scale(1.1)}.notes-list{background:#fff!important;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.note-item{animation:noteSlideIn .3s ease;background:#f8f9fa!important;border-left:4px solid #06c;border-radius:8px;padding:15px;transition:all .2s}.note-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.note-text{margin-bottom:10px}.note-highlighted{background:#e8f4fd!important;border:1px solid #b8daff;border-radius:6px;color:#2c3e50!important;font-size:.9rem;font-weight:600;line-height:1.6;margin:0;padding:10px 12px}.note-body{margin-bottom:10px}.note-content{color:#555!important;font-size:.9rem;line-height:1.6;margin:0;padding:8px 0}.note-meta{margin-bottom:8px}.note-time{color:#999!important;font-size:.75rem}.delete-note-btn{align-items:center;background:#fff!important;border:1px solid #dc3545!important;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s}.delete-note-btn:hover{background:#dc3545!important;color:#fff!important}.no-notes{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.no-notes p{color:#7f8c8d!important;font-size:.95rem;line-height:1.6;max-width:80%}@media (max-width:768px){.notes-content{max-width:100%}}.exam-navbar{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--color-shadow,#00000014);display:flex;flex-shrink:0;height:60px;height:var(--navbar-height,60px);justify-content:space-between;padding:0 24px;padding:0 var(--spacing-lg,24px);z-index:100}.exam-navbar .navbar-left{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm,8px);min-width:150px}.exam-navbar .navbar-logo{border-radius:6px;height:32px;object-fit:contain;width:32px}.exam-navbar .navbar-brand-text,.exam-navbar .navbar-test-name{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:700;letter-spacing:-.3px;white-space:nowrap}.exam-navbar .navbar-test-name{max-width:220px;overflow:hidden;text-overflow:ellipsis}.exam-navbar .audio-playing-indicator{align-items:center;animation:audioPulse 1.5s ease-in-out infinite;background:#e8f5e9;border-radius:12px;color:#2e7d32;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:2px 10px;white-space:nowrap}.exam-navbar .audio-playing-indicator .audio-icon{color:#2e7d32}@keyframes audioPulse{0%,to{opacity:1}50%{opacity:.7}}.exam-navbar .navbar-center{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--spacing-sm,8px);justify-content:center}.exam-navbar .time-display{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #eee;border:1px solid var(--color-border-light,#eee);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#2c3e50;color:var(--color-text-primary,#2c3e50);display:inline-flex;font-family:Courier New,monospace;font-size:18px;font-size:var(--font-size-lg,18px);font-weight:700;gap:6px;min-width:80px;padding:4px 12px}.exam-navbar .time-display .timer-icon{flex-shrink:0;opacity:.6}.exam-navbar .time-display.time-warning{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-color:#ffe082;border-color:var(--color-warning-border,#ffe082);color:#ffc107;color:var(--color-warning,#ffc107)}.exam-navbar .time-display.time-critical{animation:pulse-timer 1s infinite;background:#ffebee;background:var(--color-danger-light,#ffebee);border-color:#ffcdd2;border-color:var(--color-danger-border,#ffcdd2);color:#dc3545;color:var(--color-danger,#dc3545)}.exam-navbar .time-display.time-review{animation:pulse-review 2s infinite;background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-color:#bbdefb;border-color:var(--color-info-border,#bbdefb);color:#e91e63;color:var(--brand-primary,#e91e63)}.exam-navbar .time-display .review-label{font-size:.8em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.exam-navbar .navbar-right{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end;min-width:200px}.exam-navbar .navbar-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#6c757d;color:var(--color-text-secondary,#6c757d);cursor:pointer;display:flex;font-size:0;height:40px;justify-content:center;padding:0;position:relative;transition:all .15s ease-in-out;width:40px}.exam-navbar .navbar-icon-btn svg{height:20px;width:20px}.exam-navbar .navbar-icon-btn:hover{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);color:#e91e63;color:var(--brand-primary,#e91e63)}.exam-navbar .navbar-icon-btn.active{background:#e91e631a;color:#e91e63;color:var(--brand-primary,#e91e63)}.exam-navbar .navbar-icon-btn.connection-status{color:#28a745;color:var(--color-success,#28a745)}.exam-navbar .navbar-icon-btn.connection-status.is-offline{animation:pulse-danger 2s infinite;color:#dc3545;color:var(--color-danger,#dc3545)}.exam-navbar .connection-dot{background:#28a745;background:var(--color-success,#28a745);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.exam-navbar .connection-dot.pulse{animation:pulse-dot 2s infinite}.exam-navbar .notes-badge-navbar{align-items:center;background:#dc3545;background:var(--color-danger,#dc3545);border-radius:9px;box-shadow:0 1px 3px #0000004d;color:#fff;color:var(--text-inverse,#fff);display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:2px;top:2px;z-index:10}.exam-navbar .btn-next-oneielts{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 6px #e91e6333;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;padding:8px 24px;padding:var(--spacing-sm,8px) var(--spacing-lg,24px);transition:all .15s ease-in-out}.exam-navbar .btn-next-oneielts:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b);box-shadow:0 4px 12px #e91e634d}.exam-navbar .btn-next-oneielts:active{transform:scale(.98)}.exam-navbar .settings-menu-container{position:relative}.exam-navbar .settings-dropdown{animation:slideDown .3s ease-out;background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 10px 40px #0000001a;max-width:400px;min-width:320px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.exam-navbar .settings-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.exam-navbar .settings-header h3{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:700;margin:0}.exam-navbar .close-btn{align-items:center;background:none;border:none;color:#6c757d;color:var(--color-text-secondary,#6c757d);cursor:pointer;display:flex;font-size:18px;font-size:var(--font-size-lg,18px);height:24px;justify-content:center;padding:0;transition:all .15s ease-in-out;width:24px}.exam-navbar .close-btn:hover{color:#2c3e50;color:var(--color-text-primary,#2c3e50);transform:scale(1.2)}.exam-navbar .settings-section{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light,#eee);padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.exam-navbar .settings-section:last-of-type{border-bottom:none}.exam-navbar .setting-group-label{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);text-transform:uppercase}.exam-navbar .contrast-options,.exam-navbar .text-size-options{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm,8px)}.exam-navbar .contrast-btn,.exam-navbar .text-size-btn{background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#2c3e50;color:var(--color-text-primary,#2c3e50);cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;min-width:80px;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);text-align:center;transition:all .15s ease-in-out}.exam-navbar .contrast-btn:hover,.exam-navbar .text-size-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.exam-navbar .contrast-btn.active,.exam-navbar .text-size-btn.active{background:#e91e63;background:var(--brand-primary,#e91e63);border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#fff;color:var(--text-inverse,#fff)}.exam-navbar .contrast-btn.contrast-inverse{background:#1a1a1a;border-color:#333;color:#fff}.exam-navbar .contrast-btn.contrast-inverse.active{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.exam-navbar .contrast-btn.contrast-yellow{background:#1a1a1a;border-color:#333;color:#ff0}.exam-navbar .contrast-btn.contrast-yellow.active{border-color:#ff0}.exam-navbar .save-exit-btn{background:#dc3545;background:var(--color-danger,#dc3545);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);transition:all .15s ease-in-out;width:100%}.exam-navbar .save-exit-btn:hover{background:#d32f2f;background:var(--color-danger-dark,#d32f2f)}.exam-navbar .settings-footer{background:#0066cc08;border-radius:0 0 12px 12px;border-radius:0 0 var(--border-radius-lg,12px) var(--border-radius-lg,12px);padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.exam-navbar .keyboard-hint{color:#6c757d;color:var(--color-text-secondary,#6c757d);display:block;font-size:12px;font-size:var(--font-size-xs,12px);line-height:1.6}@media (max-width:768px){.exam-navbar{flex-wrap:nowrap;height:48px;padding:0 8px;padding:0 var(--spacing-sm,8px)}.exam-navbar .navbar-brand-text{display:none}.exam-navbar .navbar-logo{height:28px;width:28px}.exam-navbar .navbar-left{min-width:auto}.exam-navbar .time-display{font-size:16px;font-size:var(--font-size-base,16px);padding:3px 8px}.exam-navbar .navbar-right{gap:4px;gap:var(--spacing-xs,4px);min-width:auto}.exam-navbar .navbar-icon-btn{height:32px;width:32px}.exam-navbar .btn-next-oneielts{font-size:14px;font-size:var(--font-size-sm,14px);padding:6px 12px}.exam-navbar .settings-dropdown{min-width:260px;right:-12px}}@media (max-width:480px){.exam-navbar{height:44px;padding:0 4px;padding:0 var(--spacing-xs,4px)}.exam-navbar .navbar-left{min-width:auto}.exam-navbar .settings-dropdown{left:8px;left:var(--spacing-sm,8px);max-width:none;min-width:auto;position:fixed;right:8px;right:var(--spacing-sm,8px);top:44px}}.exam-bottom-nav{align-items:stretch;background:#fff;background:var(--bg-surface,#fff);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);bottom:0;box-shadow:0 -2px 10px #00000014;display:flex;flex-shrink:0;height:auto;left:0;min-height:48px;padding:0;position:fixed;right:0;z-index:900}.exam-bottom-nav .nav-all-parts-container{align-items:stretch;display:flex;flex:1 1;min-width:0}.exam-bottom-nav .nav-part-tab{align-items:center;border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);cursor:pointer;display:flex;gap:0;padding:10px 16px;position:relative;transition:background .15s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.exam-bottom-nav .nav-part-tab:last-child{border-right:none}.exam-bottom-nav .nav-part-tab:hover{background:#fafafa;background:var(--gray-50,#fafafa)}.exam-bottom-nav .nav-part-tab.is-collapsed{flex:0 0 auto;gap:10px}.exam-bottom-nav .nav-part-tab.is-collapsed .nav-part-label{color:#616161;color:var(--gray-700,#616161);font-size:13px;font-weight:700}.exam-bottom-nav .nav-part-tab.is-collapsed .nav-part-count{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:12px;font-weight:400}.exam-bottom-nav .nav-part-tab.is-active{background:#fff;background:var(--bg-surface,#fff);flex:1 1 auto;gap:12px}.exam-bottom-nav .nav-part-tab.is-active:before{background:#e91e63;background:var(--brand-primary,#e91e63);content:"";height:3px;left:0;position:absolute;right:0;top:0}.exam-bottom-nav .nav-part-tab.is-active .nav-part-label{color:#e91e63;color:var(--brand-primary,#e91e63);flex-shrink:0;font-size:13px;font-weight:700}.exam-bottom-nav .nav-part-label{color:#616161;color:var(--gray-700,#616161);font-size:13px;font-weight:700;white-space:nowrap}.exam-bottom-nav .nav-part-count{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:12px;font-weight:400;white-space:nowrap}.exam-bottom-nav .nav-questions-inline{align-items:center;display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none}.exam-bottom-nav .nav-questions-inline::-webkit-scrollbar{display:none}.exam-bottom-nav .nav-q-btn{align-items:center;appearance:none;-webkit-appearance:none;background:#0000;border:2px solid #0000;border-radius:2px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:26px;justify-content:center;margin:0;min-width:28px;overflow:visible;padding:0 5px;position:relative;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.exam-bottom-nav .nav-q-btn:before{border-radius:1px;content:"";height:3px;left:2px;pointer-events:none;position:absolute;right:2px;top:-4px;transition:background-color .15s ease-in-out}.exam-bottom-nav .nav-q-btn.unanswered:before,.exam-bottom-nav .nav-q-btn:before{background-color:#bdbdbd;background-color:var(--gray-400,#bdbdbd)}.exam-bottom-nav .nav-q-btn.unanswered{border-color:#0000;color:#212121;color:var(--text-primary,#212121)}.exam-bottom-nav .nav-q-btn.answered:before{background-color:#4caf50!important;background-color:var(--color-success,#4caf50)!important}.exam-bottom-nav .nav-q-btn.answered{border-color:#0000;color:#212121;color:var(--text-primary,#212121)}.exam-bottom-nav .nav-q-btn.answered:hover:before{background-color:#4caf50!important;background-color:var(--color-success,#4caf50)!important}.exam-bottom-nav .nav-q-btn.is-focused{background:#e91e630f;border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.exam-bottom-nav .nav-q-btn.answered.is-focused:before,.exam-bottom-nav .nav-q-btn.is-focused:before,.exam-bottom-nav .nav-q-btn:not(.answered):hover:before{background-color:#e91e63;background-color:var(--brand-primary,#e91e63)}.exam-bottom-nav .nav-q-btn:focus-visible{outline:2px solid #e91e63;outline:2px solid var(--brand-primary,#e91e63);outline-offset:1px}.exam-bottom-nav .nav-q-btn:disabled{cursor:not-allowed;opacity:.5}.exam-bottom-nav .nav-arrows{align-items:center;background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-left:1px solid #e0e0e0;border-left:1px solid var(--border-color,#e0e0e0);display:flex;flex-direction:row;flex-shrink:0;gap:4px;justify-content:center;padding:8px 12px}.exam-bottom-nav .nav-arrow-btn{align-items:center;appearance:none;-webkit-appearance:none;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:4px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:18px;font-weight:600;height:36px;justify-content:center;margin:0;min-width:36px;padding:0;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:36px}.exam-bottom-nav .nav-arrow-btn:hover:not(:disabled){background:#e91e6314;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.exam-bottom-nav .nav-arrow-btn:disabled{background:#f5f5f5;background:var(--gray-100,#f5f5f5);cursor:not-allowed;opacity:.4}.exam-bottom-nav .nav-arrow-btn:focus-visible{outline:2px solid #e91e63;outline:2px solid var(--brand-primary,#e91e63);outline-offset:1px}@media (max-width:768px){.exam-bottom-nav .nav-part-tab{padding:8px 10px}.exam-bottom-nav .nav-part-label{font-size:12px}.exam-bottom-nav .nav-q-btn{font-size:11px;height:22px;min-width:24px;padding:0 3px}.exam-bottom-nav .nav-arrow-btn{font-size:16px;height:30px;min-width:30px;width:30px}.exam-bottom-nav .nav-arrows{padding:6px 8px}}@media (max-width:480px){.exam-bottom-nav{min-height:44px}.exam-bottom-nav .nav-part-tab{gap:6px;padding:6px 8px}.exam-bottom-nav .nav-part-tab.is-collapsed .nav-part-label{font-size:11px}.exam-bottom-nav .nav-part-tab.is-collapsed .nav-part-count{font-size:10px}.exam-bottom-nav .nav-q-btn{font-size:10px;height:20px;min-width:22px;padding:0 2px}.exam-bottom-nav .nav-arrows{padding:4px 6px}.exam-bottom-nav .nav-arrow-btn{font-size:14px;height:28px;min-width:28px;width:28px}}.listening-resume-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.listening-resume-box{align-items:center;animation:resumeBoxPop .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;gap:18px;max-width:420px;padding:28px 40px;width:90%}.listening-resume-icon{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:50%;box-shadow:0 4px 16px #e91e6359;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;transition:transform .2s;width:56px}.listening-resume-overlay:hover .listening-resume-icon{transform:scale(1.1)}.listening-resume-text{display:flex;flex-direction:column;gap:4px}.listening-resume-text strong{color:#1e293b;font-size:1.1rem}.listening-resume-text span{color:#64748b;font-size:.85rem}@keyframes resumeBoxPop{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.listening-play-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.listening-play-overlay-content{align-items:center;animation:overlayContentSlideUp .4s ease-out;display:flex;flex-direction:column;gap:16px;max-width:480px;padding:0 24px;text-align:center}@keyframes overlayContentSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.listening-play-overlay-icon{color:#fff;height:80px;margin-bottom:4px;opacity:.9;width:80px}@media (min-width:1024px){.listening-play-overlay-icon{height:104px;width:104px}}.listening-play-overlay-text{color:#fff;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;margin:0;opacity:.92}@media (min-width:768px){.listening-play-overlay-text{font-size:16px}}.listening-play-overlay-subtext{color:#ffffffb3;font-family:Arial,sans-serif;font-size:14px;margin:0}.listening-play-overlay-btn{align-items:center;background:#000;border:1px solid #ffffff26;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:10px 32px;transition:background .2s ease,border-color .2s ease}.listening-play-overlay-btn svg{height:22px;width:22px}.listening-play-overlay-btn:hover{background:#404040;border-color:#ffffff4d}.listening-play-overlay-btn:active{background:#212121;background:var(--text-primary,#212121)}:root{--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-xs:12px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--line-height-tight:1.4;--line-height-normal:1.6;--line-height-relaxed:1.8;--color-primary:#e91e63;--color-primary-dark:#c2185b;--color-primary-light:#f06292;--color-success:#28a745;--color-success-light:#d4edda;--color-warning:#ffc107;--color-danger:#dc3545;--color-info:#17a2b8;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f0f2f5;--color-text-primary:#2c3e50;--color-text-secondary:#6c757d;--color-text-tertiary:#999;--color-text-muted:#d0d0d0;--color-border:#e0e0e0;--color-border-light:#eee;--color-shadow:#00000014;--color-shadow-hover:#0000001f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--navbar-height:60px;--nav-bar-height:80px;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out}body,html{background:#fff;background:var(--color-bg-primary);color:#2c3e50;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);margin:0;padding:0}.listening-container-oneielts{flex-direction:column;height:100vh;overflow:hidden}.listening-container-oneielts,.listening-navbar{background:#fff;background:var(--color-bg-primary);display:flex}.listening-navbar{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--color-shadow);flex-shrink:0;height:60px;height:var(--navbar-height);justify-content:space-between;padding:0 24px;padding:0 var(--spacing-lg)}.navbar-left{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);min-width:150px}.navbar-logo{border-radius:6px;height:32px;object-fit:contain;width:32px}.navbar-brand-text{color:#2c3e50;color:var(--color-text-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:700;letter-spacing:-.3px;white-space:nowrap}.navbar-center{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--spacing-sm);justify-content:center}.time-display{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary);border:1px solid #eee;border:1px solid var(--color-border-light);border-radius:4px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--color-text-primary);display:inline-flex;font-family:Courier New,monospace;font-size:18px;font-size:var(--font-size-lg);font-weight:700;gap:6px;min-width:80px;padding:4px 12px}.time-display .timer-icon{flex-shrink:0;opacity:.6}.time-display.time-warning{background:#fff8f0;border-color:#fde3c8;color:#ffc107;color:var(--color-warning,#ffc107)}.time-display.time-critical{animation:pulse-timer 1s infinite;background:#fff5f5;border-color:#fdd;color:#dc3545;color:var(--color-danger)}.time-display.time-review{animation:pulse-review 2s infinite;background:#e8f0fe;border-color:#b6d4fe;color:#e91e63;color:var(--brand-primary,#e91e63)}.time-display .review-label{font-size:.8em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.7}}.navbar-right{gap:16px;gap:var(--spacing-md);justify-content:flex-end;min-width:200px}.navbar-icon-btn,.navbar-right{align-items:center;display:flex}.navbar-icon-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#6c757d;color:var(--color-text-secondary);cursor:pointer;font-size:0;height:40px;justify-content:center;padding:0;position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px}.navbar-icon-btn svg{height:20px;width:20px}.navbar-icon-btn:hover{background:#f8f9fa;background:var(--color-bg-secondary);color:#e91e63;color:var(--color-primary)}.navbar-icon-btn.active{background:#e91e631a;color:#e91e63;color:var(--color-primary)}.navbar-icon-btn.connection-status{color:#28a745;color:var(--color-success)}.navbar-icon-btn.connection-status.is-offline{animation:pulse-danger 2s infinite;color:#dc3545;color:var(--color-danger)}.connection-dot{background:#28a745;background:var(--color-success);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.connection-dot.pulse{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #28a745b3}70%{box-shadow:0 0 0 6px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.5}}.notes-badge-navbar{align-items:center;border-radius:9px;box-shadow:0 1px 3px #0000004d;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:2px;top:2px;z-index:10}.btn-next-oneielts,.notes-badge-navbar{background:#dc3545;background:var(--color-danger);color:#fff}.btn-next-oneielts{border:none;border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 2px 6px #dc354533;cursor:pointer;font-size:16px;font-size:var(--font-size-base);font-weight:600;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn-next-oneielts:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d}.btn-next-oneielts:active{transform:scale(.98)}.settings-menu-container{position:relative}.settings-dropdown{animation:slideDown ease-out .3s ease-in-out;animation:slideDown var(--transition-normal) ease-out;background:#fff;background:var(--color-bg-primary);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 40px #0000001a;max-width:400px;min-width:320px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.settings-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.settings-header h3{color:#2c3e50;color:var(--color-text-primary);font-weight:700;margin:0}.close-btn,.settings-header h3{font-size:18px;font-size:var(--font-size-lg)}.close-btn{align-items:center;color:#6c757d;color:var(--color-text-secondary);display:flex;height:24px;justify-content:center;padding:0;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:24px}.close-btn:hover{color:#2c3e50;color:var(--color-text-primary);transform:scale(1.2)}.settings-section{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.settings-section:last-of-type{border-bottom:none}.setting-item{align-items:center;cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;-webkit-user-select:none;user-select:none}.setting-label{color:#2c3e50;color:var(--color-text-primary);font-size:16px;font-size:var(--font-size-base);font-weight:500}.toggle-checkbox{display:none}.toggle-slider{background:#d0d0d0;background:var(--color-text-muted);border-radius:12px;border-radius:var(--border-radius-lg,12px);display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.toggle-slider,.toggle-slider:after{transition:all .15s ease-in-out;transition:all var(--transition-fast)}.toggle-slider:after{background:#fff;background:var(--bg-surface,#fff);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.toggle-checkbox:checked+.toggle-slider{background:#e91e63;background:var(--color-primary)}.toggle-checkbox:checked+.toggle-slider:after{left:26px}.toggle-checkbox:focus+.toggle-slider{box-shadow:0 0 0 3px #e91e631a}.language-select{background:#fff;background:var(--color-bg-primary);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:14px;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.language-select:focus,.language-select:hover{border-color:#e91e63;border-color:var(--color-primary);box-shadow:0 0 0 2px #e91e631a}.settings-footer{background:#e91e6308;border-radius:0 0 12px 12px;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.keyboard-hint{color:#6c757d;color:var(--color-text-secondary);display:block;font-size:12px;font-size:var(--font-size-xs);line-height:1.6;line-height:var(--line-height-normal)}.listening-content-wrapper{background:#fff;background:var(--color-bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:32px 0;padding:var(--spacing-xl) 0;padding-bottom:70px}.listening-questions-panel{margin:0 auto;max-width:1156px;padding:0;width:100%}.listening-part-section{margin-bottom:48px;margin-bottom:var(--spacing-2xl);scroll-margin-top:92px;scroll-margin-top:calc(var(--navbar-height) + var(--spacing-xl))}.listening-part-section:last-child{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.part-content{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.question-item{animation:fadeIn ease-in-out .3s ease-in-out;animation:fadeIn var(--transition-normal) ease-in-out}.question-item.is-active{background:#f8f9fa;background:var(--color-bg-secondary);border-left:4px solid #e91e63;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--border-radius-md);padding:16px;padding:var(--spacing-md)}.question-item.is-focused{animation:focusFlash .6s ease-out;background:#e91e6308;border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);box-shadow:0 0 0 2px #e91e6326}@keyframes focusFlash{0%{box-shadow:0 0 0 4px #e91e634d}to{box-shadow:0 0 0 2px #e91e6326}}.parts-navigation{gap:15px;width:100%}.part-1-section,.parts-navigation{display:flex;flex-direction:column}.part-1-section{gap:8px}.part-1-heading{border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);color:#212121;color:var(--text-primary,#212121);font-size:1rem;font-weight:700;margin:0;padding:0 0 6px}.part-questions-grid{gap:8px;overflow-x:auto;padding-bottom:8px}.part-questions-grid,.parts-tabs{align-items:center;display:flex;flex-wrap:wrap}.parts-tabs{gap:10px;margin-bottom:8px}.part-tab{align-items:center;background:#fafafa;background:var(--gray-50,#fafafa);border:2px solid #e0e0e0;border:2px solid var(--gray-300,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:90px;padding:8px 14px;transition:all .2s ease}.part-tab:hover{background:#e91e6314}.part-tab.active,.part-tab:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.part-tab.active{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff;font-weight:600}.part-label{font-size:1rem;font-weight:600}.part-progress{font-size:.75rem;font-weight:500;opacity:.8}.listening-part-container{border-bottom:2px solid #e0e0e0;margin:0 auto 40px;max-width:800px;padding-bottom:30px}.listening-part-container:last-child{border-bottom:none;margin-bottom:0}.part-header{background-color:#e0e0e0;background-color:var(--border-color,#e0e0e0);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:6px;margin-bottom:20px;padding:16px}.part-title{color:#212121;color:var(--text-primary,#212121);font-size:1.4rem;font-weight:700;margin:0 0 8px}.part-instruction{color:#616161;color:var(--gray-700,#616161);font-size:.95rem;font-style:italic;line-height:1.4;margin:0}.question-range-title{border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);color:#212121;color:var(--text-primary,#212121);font-size:1.1rem;margin-bottom:12px}.question-guidance{background-color:#f9f9f9;border-left:3px solid #ffc107;border-left:3px solid var(--color-warning,#ffc107);border-radius:var(--border-radius-sm,4px);color:#616161;color:var(--gray-700,#616161);font-size:.95rem;font-style:italic;margin-bottom:16px;padding:8px 12px}.question-section-title{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--gray-300,#e0e0e0);color:#212121;color:var(--text-primary,#212121);font-size:1.1rem;font-weight:700;margin:20px 0 12px;padding:12px 0;text-align:center}.question-example{background-color:#f5f5f5;background-color:var(--gray-100,#f5f5f5);border-left:3px solid #28a745;border-left:3px solid var(--color-success,#4caf50);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#757575;color:var(--text-secondary,#757575);font-size:.9rem;margin-bottom:20px;padding:10px 12px}.question-example strong{color:#212121;color:var(--text-primary,#212121);font-weight:700}.questions-list{gap:16px;margin-top:20px}.question-wrapper.listening-q-wrapper{align-items:flex-start;background-color:#fff;background-color:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.question-wrapper.listening-q-wrapper:hover{background-color:#f9f9f9;border-color:#9e9e9e;border-color:var(--gray-500,#9e9e9e)}.question-wrapper.listening-q-wrapper.active{background-color:#e91e630f;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);border-width:2px}.question-wrapper.listening-q-wrapper.active .question-number-badge{background-color:#e91e63;background-color:var(--brand-primary,#e91e63);color:#fff}.question-number-badge{background-color:#eee;background-color:var(--gray-200,#eee);border:2px solid #e0e0e0;border:2px solid var(--gray-300,#e0e0e0);font-size:14px;height:32px;min-width:32px;transition:all .2s ease;width:32px}.question-label,.question-number-badge{color:#212121;color:var(--text-primary,#212121)}.question-label{font-size:.95rem;font-weight:500;margin-bottom:4px;min-width:120px}.question-input-container{flex:1 1;min-width:200px}.question-input-container .text-question{margin-bottom:0}.listening-navigation-bar-oneielts{align-items:stretch;background:#fff;background:var(--bg-surface,#fff);border-top:1px solid #d9d9d9;bottom:0;box-shadow:0 -2px 10px #00000014;display:flex;flex-shrink:0;height:auto;left:0;min-height:48px;padding:0;position:fixed;right:0;z-index:900}.nav-all-parts-container{align-items:stretch;display:flex;flex:1 1;min-width:0}.nav-part-tab{align-items:center;border-right:1px solid #e5e5e5;cursor:pointer;display:flex;gap:0;padding:10px 16px;position:relative;transition:background .15s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.nav-part-tab:last-child{border-right:none}.nav-part-tab:hover{background:#f5f7fa}.nav-part-tab.is-collapsed{flex:0 0 auto;gap:10px}.nav-part-tab.is-collapsed .nav-part-label{color:#616161;color:var(--gray-700,#616161);font-size:13px;font-weight:700}.nav-part-tab.is-collapsed .nav-part-count{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:12px;font-weight:400}.nav-part-tab.is-active{background:#fff;background:var(--bg-surface,#fff);flex:1 1 auto;gap:12px}.nav-part-tab.is-active:before{background:#e91e63;background:var(--color-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.nav-part-tab.is-active .nav-part-label{color:#e91e63;color:var(--color-primary);flex-shrink:0;font-size:13px;font-weight:700}.nav-part-label{color:#616161;color:var(--gray-700,#616161);font-size:13px;font-weight:700;white-space:nowrap}.nav-part-count{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:12px;font-weight:400;white-space:nowrap}.nav-questions-inline{align-items:center;display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none}.nav-questions-inline::-webkit-scrollbar{display:none}.nav-q-btn{align-items:center;appearance:none;-webkit-appearance:none;background:#0000;border:2px solid #0000;border-radius:2px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:26px;justify-content:center;margin:0;min-width:28px;overflow:visible;padding:0 5px;position:relative;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.nav-q-btn:before{border-radius:1px;content:"";height:3px;left:2px;pointer-events:none;position:absolute;right:2px;top:-4px;transition:background-color .15s ease-in-out}.nav-q-btn.unanswered:before,.nav-q-btn:before{background-color:#d7d7d7}.nav-q-btn.unanswered{border-color:#0000;color:#212121;color:var(--text-primary,#212121)}.nav-q-btn.answered:before{background-color:#28a745!important;background-color:var(--color-success,#4caf50)!important}.nav-q-btn.answered{border-color:#0000;color:#212121;color:var(--text-primary,#212121)}.nav-q-btn.answered:hover:before{background-color:#28a745!important;background-color:var(--color-success,#4caf50)!important}.nav-q-btn.is-focused{background:#e91e630f;border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.nav-q-btn.answered.is-focused:before,.nav-q-btn.is-focused:before,.nav-q-btn:not(.answered):hover:before{background-color:#e91e63;background-color:var(--brand-primary,#e91e63)}.nav-q-btn:focus-visible{outline:2px solid #e91e63;outline:2px solid var(--brand-primary,#e91e63);outline-offset:1px}.nav-q-btn:disabled{cursor:not-allowed;opacity:.5}.nav-arrows{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-left:1px solid #e5e5e5;flex-direction:row;flex-shrink:0;gap:4px;padding:8px 12px}.nav-arrow-btn,.nav-arrows{align-items:center;display:flex;justify-content:center}.nav-arrow-btn{appearance:none;-webkit-appearance:none;background:#fff;background:var(--bg-surface,#fff);border:1px solid #d5d5d5;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#212121;color:var(--text-primary,#212121);cursor:pointer;font-size:18px;font-weight:600;height:36px;margin:0;min-width:36px;padding:0;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:36px}.nav-arrow-btn:hover:not(:disabled){background:#e91e6314;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.nav-arrow-btn:disabled{background:#f5f5f5;background:var(--gray-100,#f5f5f5);cursor:not-allowed;opacity:.4}.nav-arrow-btn:focus-visible{outline:2px solid #e91e63;outline:2px solid var(--brand-primary,#e91e63);outline-offset:1px}.setting-group-label{color:#6c757d;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.contrast-options,.text-size-options{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.contrast-btn,.text-size-btn{background:#fff;background:var(--color-bg-primary);border:2px solid #e0e0e0;border:2px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm);font-weight:500;min-width:80px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.contrast-btn.active,.contrast-btn:hover,.text-size-btn.active,.text-size-btn:hover{border-color:#e91e63;border-color:var(--color-primary)}.contrast-btn.active,.text-size-btn.active{background:#e91e63;background:var(--color-primary);color:#fff}.contrast-btn.contrast-inverse{background:#1a1a1a;border-color:#333;color:#fff}.contrast-btn.contrast-inverse.active{border-color:#e91e63;border-color:var(--color-primary)}.contrast-btn.contrast-yellow{background:#1a1a1a;border-color:#333;color:#ff0}.contrast-btn.contrast-yellow.active{border-color:#ff0}.save-exit-btn{background:#dc3545;background:var(--color-danger);border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:16px;font-size:var(--font-size-base);font-weight:600;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.save-exit-btn:hover{background:#c82333}.submit-confirm-overlay{animation:fadeIn ease-out .15s ease-in-out;animation:fadeIn var(--transition-fast) ease-out;background:#00000080}.submit-confirm-modal{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0003;padding:32px;padding:var(--spacing-xl);text-align:center}.submit-confirm-modal h3{color:#2c3e50;color:var(--color-text-primary);font-size:20px;font-size:var(--font-size-xl);margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.submit-confirm-modal p{color:#6c757d;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base);line-height:1.6;line-height:var(--line-height-normal);margin:0 0 24px;margin:0 0 var(--spacing-lg) 0}.submit-confirm-actions{gap:16px;gap:var(--spacing-md);justify-content:center}.submit-confirm-actions .btn-cancel{background:#f8f9fa;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--color-text-primary);cursor:pointer;font-size:16px;font-size:var(--font-size-base);font-weight:500;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.submit-confirm-actions .btn-cancel:hover{background:#f0f2f5;background:var(--color-bg-tertiary)}.submit-confirm-actions .btn-submit{background:#e91e63;background:var(--color-primary);border-radius:4px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:16px;font-size:var(--font-size-base);font-weight:600;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.submit-confirm-actions .btn-submit:hover{background:#c2185b;background:var(--color-primary-dark)}.question-range-title{color:#2c3e50;color:var(--color-text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:8px 0;padding:var(--spacing-sm) 0}.question-guidance{background:#f8f9fa;background:var(--color-bg-secondary);border-left:3px solid #e91e63;border-left:3px solid var(--color-primary);border-radius:4px;border-radius:var(--border-radius-sm);color:#6c757d;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base);line-height:1.6;line-height:var(--line-height-normal);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}@media (max-width:768px){.listening-navbar{flex-wrap:nowrap;height:48px;padding:0 8px;padding:0 var(--spacing-sm)}.navbar-brand-text{display:none}.navbar-logo{height:28px;width:28px}.navbar-left{min-width:auto}.time-display{font-size:16px;font-size:var(--font-size-base);padding:3px 8px}.navbar-right{gap:4px;gap:var(--spacing-xs);min-width:auto}.navbar-icon-btn{height:32px;width:32px}.btn-next-oneielts{font-size:14px;font-size:var(--font-size-sm);padding:6px 12px}.settings-dropdown{min-width:260px;right:-12px}.listening-questions-panel{padding:0 8px;padding:0 var(--spacing-sm)}.listening-content-wrapper{padding:16px 0;padding:var(--spacing-md) 0;padding-bottom:60px}.nav-part-tab{padding:8px 10px}.nav-part-label{font-size:12px}.nav-q-btn{font-size:11px;height:22px;min-width:24px;padding:0 3px}.nav-arrow-btn{font-size:16px;height:30px;min-width:30px;width:30px}.nav-arrows{padding:6px 8px}}@media (max-width:480px){.listening-navbar{height:44px;padding:0 4px;padding:0 var(--spacing-xs)}.navbar-left{min-width:auto}.settings-dropdown{left:8px;left:var(--spacing-sm);max-width:none;min-width:auto;position:fixed;right:8px;right:var(--spacing-sm);top:44px}.submit-confirm-modal{padding:24px;padding:var(--spacing-lg);width:95%}.listening-navigation-bar-oneielts{min-height:44px}.nav-part-tab{gap:6px;padding:6px 8px}.nav-part-tab.is-collapsed .nav-part-label{font-size:11px}.nav-part-tab.is-collapsed .nav-part-count,.nav-q-btn{font-size:10px}.nav-q-btn{height:20px;min-width:22px;padding:0 2px}.nav-arrows{padding:4px 6px}.nav-arrow-btn{font-size:14px;height:28px;min-width:28px;width:28px}}.timeup-overlay{animation:fadeIn .3s ease-out}.timeup-title{color:#dc3545}.timeup-submit-btn{background:#dc3545}.review-time-banner{animation:slideDownBanner .4s ease-out;background:linear-gradient(135deg,#e8f0fe,#d0e2ff);border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);padding:8px 20px;position:relative;z-index:10}.review-time-content{align-items:center;color:#0a3d8f;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center}.review-time-content strong{font-feature-settings:"tnum";color:#e91e63;color:var(--brand-primary,#e91e63);font-size:15px;font-variant-numeric:tabular-nums;font-weight:700}.review-time-icon{stroke:#e91e63;stroke:var(--brand-primary,#e91e63);animation:pulse-review 2s infinite;flex-shrink:0}@keyframes slideDownBanner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-review{0%,to{opacity:1}50%{opacity:.6}}.reading-container-oneielts{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;height:100vh;overflow:hidden}.reading-content-wrapper{display:flex;flex:1 1;flex-direction:row;overflow:hidden;padding-bottom:48px}.reading-left-panel{background:#fff;background:var(--color-bg-primary,#fff);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border,#e0e0e0);display:flex;flex-direction:column;min-width:280px;overflow:hidden}.reading-passage-header{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.passage-label{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.passage-time-hint{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;font-weight:500}.reading-passage-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}.reading-left-panel .left-side-content{min-height:100%;padding:16px 20px}.reading-left-panel .reading-left-content h3{display:none}.reading-left-panel .reading-passage{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:15px;line-height:1.75}.reading-left-panel .reading-passage p{margin-bottom:12px}.reading-left-panel .reading-passage h4,.reading-left-panel .reading-passage h5{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-weight:700;margin-bottom:8px;margin-top:20px}.reading-divider{align-items:center;background:#f0f2f5;background:var(--color-bg-tertiary,#f0f2f5);border-left:1px solid #e0e0e0;border-left:1px solid var(--color-border,#e0e0e0);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border,#e0e0e0);cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background .15s ease-in-out;width:8px;z-index:10}.reading-divider:hover{background:#e91e63;background:var(--brand-primary,#e91e63);border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.reading-divider:hover .divider-dot{background:#fff;background:var(--bg-surface,#fff)}.reading-divider:active{background:#c2185b;background:var(--brand-primary-dark,#c2185b);border-color:#c2185b;border-color:var(--brand-primary-dark,#c2185b)}.divider-dot{background:#d0d0d0;background:var(--color-text-muted,#d0d0d0);border-radius:50%;height:4px;transition:background .15s ease-in-out;width:4px}.reading-right-panel{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;min-width:280px;overflow:hidden}.reading-questions-header{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.questions-range{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px;font-weight:700;letter-spacing:.3px}.reading-questions-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 20px}.reading-question-item{background:#0000;border:none;margin-bottom:4px;padding:6px 0}.reading-question-item:last-child{border-bottom:none}.reading-question-item:hover{background:#0000;box-shadow:none}.reading-question-item.is-answered{border-left:none}.reading-question-item.is-answered .question{position:relative}.reading-question-item.is-answered .question:after{color:#28a745;content:"\2713";font-size:13px;font-weight:700;position:absolute;right:0;top:0}.reading-question-item.is-focused{animation:focusFlashReading .6s ease-out;background:#4285f40d;border-color:#0000;border-radius:4px;box-shadow:none}@keyframes focusFlashReading{0%{box-shadow:0 0 0 3px #4285f440}to{box-shadow:none}}.reading-question-item .question{margin-bottom:0;padding:0}.reading-question-item .question-content{line-height:1.5;margin-bottom:4px}.reading-question-item .question-content h4{color:#333;display:inline;font-size:inherit;font-weight:700;margin:0 4px 0 0}.reading-question-item .question-content>div{display:inline}.reading-question-item .question-content>div p{display:inline;margin:0}.reading-question-group{margin-bottom:24px}.reading-question-group:last-child{margin-bottom:0}.reading-group-header{background:#f5f5f0;border:1px solid #d8d8d4;border-radius:2px;margin-bottom:10px;padding:10px 14px}.reading-group-range{color:#111;display:block;font-size:.88rem;font-weight:700;margin-bottom:2px}.reading-group-instruction{color:#333;font-size:.84rem;font-style:italic;line-height:1.5;margin:2px 0 0}.reading-question-item .checkbox-option,.reading-question-item .radio-option{border:1px solid #0000;border-radius:3px;gap:.5rem;margin:2px 0;padding:6px 10px;transition:background-color .15s}.reading-question-item .checkbox-option:hover,.reading-question-item .radio-option:hover{background-color:#efefef;background-color:var(--qti-hover-bg-color,#efefef);border-color:#0000}.reading-question-item .radio-option input[type=radio]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #c1c1c1;border-radius:50%;cursor:pointer;flex-shrink:0;height:20px;margin:0 8px 0 0;min-width:20px;padding:0;position:relative;transition:border-color .15s,box-shadow .15s;width:20px}.reading-question-item .radio-option input[type=radio]:checked{border-color:#1866dc;border-color:var(--qti-checked-bg-color,#1866dc)}.reading-question-item .radio-option input[type=radio]:checked:after{background-color:#1866dc;background-color:var(--qti-checked-bg-color,#1866dc);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.reading-question-item .radio-option:has(input:checked){background:#bbd8f0;background:var(--qti-selected-bg-color,#bbd8f0);border-color:#0000}.reading-question-item .radio-option input:checked+label{color:#212121;color:var(--color-text-primary,#212121);font-weight:500}.reading-question-item .checkbox-option input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #c1c1c1;border-radius:3px;cursor:pointer;flex-shrink:0;height:18px;margin:0 8px 0 0;min-width:18px;padding:0;position:relative;transition:border-color .15s,background .15s;width:18px}.reading-question-item .checkbox-option input[type=checkbox]:checked{background:#1866dc;background:var(--qti-checked-bg-color,#1866dc);border-color:#1866dc;border-color:var(--qti-checked-bg-color,#1866dc)}.reading-question-item .checkbox-option input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.reading-question-item .checkbox-option:has(input:checked){background:#bbd8f0;background:var(--qti-selected-bg-color,#bbd8f0);border-color:#0000}.reading-question-item .text-input{background-color:#f7f7f8;background-color:var(--qti-input-bg-color,#f7f7f8);border:1px solid #535353;border:1px solid var(--qti-input-border-color,#535353);border-radius:3px;font-family:inherit;font-size:inherit;padding:6px 10px;transition:border-color .15s,box-shadow .15s}.reading-question-item .text-input:focus{border-color:#418ec8;border-color:var(--question-input-border-active,#418ec8);box-shadow:0 0 0 2px #418ec840}.reading-question-item .text-input.filled,.reading-question-item .text-input:not(:placeholder-shown){background:#f7f7f8;background:var(--qti-input-bg-color,#f7f7f8);border-color:#1866dc;border-color:var(--qti-checked-bg-color,#1866dc)}.reading-question-item .dropdown-select{background-color:#fff;border:1px solid #999;border-radius:3px;cursor:pointer;font-size:inherit;min-width:120px;padding:5px 8px}.reading-question-item .dropdown-select:focus{border-color:#418ec8;border-color:var(--question-input-border-active,#418ec8);box-shadow:0 0 0 2px #418ec840}.reading-question-item .question-example{background-color:#f1f2ec;border:1px solid #d5d5d5;border-radius:3px;margin-bottom:10px;padding:10px 14px}.reading-question-item .answer-status{background:#0000;border:none;border-radius:0;color:#28a745;font-size:.82rem;margin-top:4px;padding:2px 6px}.no-questions-reading{color:#6c757d;color:var(--color-text-secondary,#6c757d);padding:40px 20px;text-align:center}.reading-container-oneielts .submit-confirm-overlay{align-items:center;animation:fadeIn .15s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.reading-container-oneielts .submit-confirm-modal{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 20px 60px #0003;max-width:440px;padding:32px;padding:var(--spacing-xl,32px);text-align:center;width:90%}.reading-container-oneielts .submit-confirm-modal h3{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:20px;font-size:var(--font-size-xl,20px);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.reading-container-oneielts .submit-confirm-modal p{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:16px;font-size:var(--font-size-base,16px);line-height:1.6;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0}.reading-container-oneielts .submit-confirm-actions{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:center}.reading-container-oneielts .submit-confirm-actions .btn-cancel{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#2c3e50;color:var(--color-text-primary,#2c3e50);cursor:pointer;font-size:16px;font-size:var(--font-size-base,16px);font-weight:500;padding:8px 24px;padding:var(--spacing-sm,8px) var(--spacing-lg,24px);transition:all .15s ease-in-out}.reading-container-oneielts .submit-confirm-actions .btn-cancel:hover{background:#f0f2f5;background:var(--color-bg-tertiary,#f0f2f5)}.reading-container-oneielts .submit-confirm-actions .btn-submit{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;padding:8px 24px;padding:var(--spacing-sm,8px) var(--spacing-lg,24px);transition:all .15s ease-in-out}.reading-container-oneielts .submit-confirm-actions .btn-submit:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.reading-container-oneielts .timeup-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;pointer-events:all;position:fixed;right:0;top:0;z-index:9999}.reading-container-oneielts .timeup-modal{animation:timeupSlideIn .4s ease-out;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 24px 80px #00000059;max-width:420px;padding:40px 36px 32px;text-align:center;width:90%}.reading-container-oneielts .timeup-icon{margin-bottom:16px}.reading-container-oneielts .timeup-title{color:#f44336;color:var(--color-danger,#f44336);font-size:24px;font-weight:700;margin:0 0 12px}.reading-container-oneielts .timeup-message{color:#616161;color:var(--gray-700,#616161);font-size:15px;line-height:1.6;margin:0 0 28px}.reading-container-oneielts .timeup-submit-btn{background:#f44336;background:var(--color-danger,#f44336);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.3px;padding:14px 48px;transition:background .2s,transform .15s}.reading-container-oneielts .timeup-submit-btn:hover{background:#d32f2f;background:var(--color-danger-dark,#d32f2f);transform:translateY(-1px)}.reading-left-panel .highlight-toolbar{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #bdbdbd;border:1px solid var(--gray-400,#bdbdbd);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 4px 16px #00000026;display:flex;gap:4px;padding:6px 10px}.reading-left-panel .highlight-toolbar-btn{background:none;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);cursor:pointer;font-size:14px;padding:4px 8px;transition:background .15s}.reading-left-panel .highlight-toolbar-btn:hover{background:#eee;background:var(--gray-200,#eee)}.reading-left-panel .toolbar-divider{color:#bdbdbd;color:var(--gray-400,#bdbdbd);margin:0 2px}[data-contrast=inverse] .reading-container-oneielts{background:#000}[data-contrast=inverse] .reading-left-panel,[data-contrast=inverse] .reading-right-panel{background:#000;color:#fff}[data-contrast=inverse] .reading-passage-header,[data-contrast=inverse] .reading-questions-header{background:#111;border-color:#333}[data-contrast=inverse] .reading-divider{background:#222;border-color:#333}[data-contrast=inverse] .reading-question-item{background:#111;border-color:#333;color:#fff}[data-contrast=yellow] .reading-container-oneielts{background:#000}[data-contrast=yellow] .reading-left-panel,[data-contrast=yellow] .reading-right-panel{background:#000;color:#ff0}[data-contrast=yellow] .reading-passage-header,[data-contrast=yellow] .reading-questions-header{background:#111;border-color:#333}[data-contrast=yellow] .reading-divider{background:#222;border-color:#333}[data-contrast=yellow] .reading-question-item{background:#111;border-color:#333;color:#ff0}[data-text-size=large] .reading-left-panel .reading-passage{font-size:18px;line-height:1.8}[data-text-size=large] .reading-right-panel{font-size:17px}[data-text-size=extra-large] .reading-left-panel .reading-passage{font-size:20px;line-height:1.9}[data-text-size=extra-large] .reading-right-panel{font-size:19px}.reading-passage-scroll::-webkit-scrollbar,.reading-questions-scroll::-webkit-scrollbar{width:8px}.reading-passage-scroll::-webkit-scrollbar-track,.reading-questions-scroll::-webkit-scrollbar-track{background:#0000}.reading-passage-scroll::-webkit-scrollbar-thumb,.reading-questions-scroll::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px;border-radius:var(--border-radius-sm,4px)}.reading-passage-scroll::-webkit-scrollbar-thumb:hover,.reading-questions-scroll::-webkit-scrollbar-thumb:hover{background:#bdbdbd;background:var(--gray-400,#bdbdbd)}@media (max-width:768px){.reading-content-wrapper{flex-direction:column}.reading-left-panel{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);border-right:none;max-height:45vh}.reading-left-panel,.reading-right-panel{min-width:0;min-width:auto;width:100%!important}.reading-right-panel{flex:1 1}.reading-divider{display:none}.reading-passage-header,.reading-questions-header{padding:8px 14px}.reading-passage-scroll,.reading-questions-scroll{padding:12px 14px}}@media (max-width:480px){.reading-left-panel{max-height:40vh}.passage-label,.questions-range{font-size:12px}.passage-time-hint{display:none}.reading-question-item{margin-bottom:10px;padding:8px}}.writing-container-oneielts{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;height:100vh;overflow:hidden}.writing-content-wrapper{display:flex;flex:1 1;flex-direction:row;overflow:hidden;padding-bottom:48px}.writing-left-panel{background:#fff;background:var(--color-bg-primary,#fff);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border,#e0e0e0);display:flex;flex-direction:column;min-width:280px;overflow:hidden}.writing-task-header{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.task-label{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.task-time-hint{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;font-style:italic;font-weight:500}.writing-prompt-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}.writing-left-panel .left-side-content{min-height:100%;padding:16px 20px}.writing-left-panel .writing-left-content h3{display:none}.writing-left-panel .writing-instructions{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:15px;line-height:1.75}.writing-left-panel .writing-instructions p{margin-bottom:12px}.writing-left-panel .writing-instructions img{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;height:auto;margin:12px 0;max-width:100%}.writing-left-panel .writing-instructions table{border-collapse:collapse;margin:12px 0;width:100%}.writing-left-panel .writing-instructions table td,.writing-left-panel .writing-instructions table th{border:1px solid #d0d0d0;border:1px solid var(--color-border,#d0d0d0);font-size:13px;padding:8px 12px}.writing-left-panel .writing-instructions table th{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);font-weight:600}.writing-divider{align-items:center;background:#f0f2f5;background:var(--color-bg-tertiary,#f0f2f5);border-left:1px solid #e0e0e0;border-left:1px solid var(--color-border,#e0e0e0);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border,#e0e0e0);cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;transition:background .2s;width:8px;z-index:5}.writing-divider:active,.writing-divider:hover{background:#d0d4d8}.divider-handle{align-items:center;display:flex;flex-direction:column;gap:3px}.writing-divider .divider-dot{background:#adb5bd;border-radius:50%;height:4px;transition:background .2s;width:4px}.writing-divider:hover .divider-dot{background:#212121;background:var(--text-primary,#212121)}.writing-right-panel{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;min-width:320px;overflow:hidden}.writing-editor-header{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.editor-label{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.editor-word-info{align-items:center;display:flex;gap:6px}.word-count-badge{border-radius:12px;border-radius:var(--border-radius-lg,12px);font-size:13px;font-weight:600;padding:3px 10px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.word-count-badge.meets-minimum{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.word-count-badge.below-minimum{background:#fff3e0;border:1px solid #ffcc80;color:#e65100}.word-count-check{color:#2e7d32;font-size:16px;font-weight:700}.writing-question-prompt{background:#fce4ec;border-bottom:1px solid #f8bbd0;color:#333;color:var(--color-text-primary,#333);flex-shrink:0;font-size:14px;line-height:1.6;padding:10px 20px}.writing-question-prompt p{margin:0}.writing-editor-body{display:flex;flex:1 1;overflow:hidden;padding:0}.writing-textarea{background:#fff;background:var(--color-bg-primary,#fff);border:none;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-family:Georgia,Times New Roman,serif;font-size:16px;height:100%;line-height:1.8;outline:none;overflow-y:auto;padding:20px;resize:none;width:100%}.writing-textarea::placeholder{color:#b0b8c1;font-size:15px;font-style:italic}.writing-textarea:focus{background:#fafcff}.writing-textarea:disabled{background:#f5f5f5;background:var(--gray-100,#f5f5f5);color:#9e9e9e;color:var(--gray-500,#9e9e9e);cursor:not-allowed}.writing-editor-footer{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;min-height:36px;padding:8px 20px}.editor-stats{gap:16px}.editor-stats,.stat-item{align-items:center;display:flex}.stat-item{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;font-weight:500;gap:4px}.stat-item svg{flex-shrink:0}.stat-item.word-stat.stat-met{color:#2e7d32;font-weight:600}.stat-item.word-stat.stat-below{color:#e65100;font-weight:600}.stat-item.min-stat{color:#9e9e9e;font-style:italic}.editor-save-status,.save-indicator{align-items:center;display:flex}.save-indicator{font-size:12px;font-weight:500;gap:4px}.save-indicator.saving{color:#c2185b;color:var(--brand-primary-dark,#c2185b)}.save-indicator.saved{color:#2e7d32}.save-indicator.error{color:#c62828}.save-dot{animation:savePulse 1s infinite;background:#c2185b;background:var(--brand-primary-dark,#c2185b);border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes savePulse{0%,to{opacity:1}50%{opacity:.3}}.writing-submit-summary{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:12px}.submit-task-info{align-items:center;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.submit-task-info.meets{background:#e8f5e9;border:1px solid #c8e6c9}.submit-task-info.below{background:#fff3e0;border:1px solid #ffe0b2}.submit-task-label{color:#212121;color:var(--text-primary,#212121);font-weight:600}.submit-task-words{color:#616161;color:var(--gray-700,#616161);font-weight:500}.submit-task-status{font-size:13px;font-weight:600}.submit-task-status.status-ok{color:#2e7d32}.submit-task-status.status-warn{color:#e65100}.word-warning-modal .word-warning-icon{font-size:48px;margin-bottom:8px;text-align:center}.btn-submit-anyway{background:#ff9800!important;border-color:#f57c00!important}.btn-submit-anyway:hover{background:#f57c00!important}.writing-container-oneielts .timeup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.writing-container-oneielts .timeup-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:32px 40px;text-align:center}.writing-container-oneielts .timeup-icon{margin-bottom:16px}.writing-container-oneielts .timeup-title{color:#f44336;color:var(--color-danger,#f44336);font-size:22px;font-weight:700;margin-bottom:8px}.writing-container-oneielts .timeup-message{color:#616161;color:var(--gray-700,#616161);font-size:14px;line-height:1.5;margin-bottom:24px}.writing-container-oneielts .timeup-submit-btn{background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--color-danger,#f44336),#d32f2f);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:transform .15s,box-shadow .15s}.writing-container-oneielts .timeup-submit-btn:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.writing-container-oneielts .submit-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.writing-container-oneielts .submit-confirm-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:28px 36px;width:90%}.writing-container-oneielts .submit-confirm-modal h3{color:#212121;color:var(--text-primary,#212121);font-size:20px;font-weight:700;margin-bottom:8px}.writing-container-oneielts .submit-confirm-modal p{color:#757575;color:var(--text-secondary,#757575);font-size:14px;line-height:1.5;margin-bottom:16px}.writing-container-oneielts .submit-confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.writing-container-oneielts .btn-cancel{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#616161;color:var(--gray-700,#616161);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.writing-container-oneielts .btn-cancel:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.writing-container-oneielts .btn-submit{background:linear-gradient(135deg,#e91e63,#c2185b);background:linear-gradient(135deg,var(--brand-primary,#e91e63),var(--brand-primary-dark,#c2185b));border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:transform .15s,box-shadow .15s}.writing-container-oneielts .btn-submit:hover{box-shadow:0 4px 12px #e91e634d;transform:translateY(-1px)}@media (max-width:768px){.writing-content-wrapper{flex-direction:column}.writing-left-panel{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);border-right:none;max-height:35vh;width:100%!important}.writing-divider{display:none}.writing-right-panel{flex:1 1;width:100%!important}.writing-textarea{font-size:15px;padding:14px}.editor-stats{flex-wrap:wrap;gap:8px}.stat-item{font-size:11px}.writing-editor-header,.writing-task-header{padding:8px 14px}}@media (max-width:480px){.writing-left-panel{max-height:30vh}.writing-editor-footer{flex-direction:column;gap:6px;padding:6px 14px}.editor-stats{justify-content:center;width:100%}}.high-contrast .writing-textarea{background:#000;border:2px solid #fff;color:#fff}.high-contrast .writing-editor-footer,.high-contrast .writing-editor-header,.high-contrast .writing-task-header{background:#111;border-color:#fff;color:#fff}.high-contrast .editor-label,.high-contrast .task-label{color:#fff}.high-contrast .stat-item{color:#ccc}.text-size-small .writing-textarea{font-size:14px;line-height:1.6}.text-size-regular .writing-textarea{font-size:16px;line-height:1.8}.text-size-large .writing-textarea{font-size:18px;line-height:1.9}.text-size-xlarge .writing-textarea{font-size:20px;line-height:2}.speaking-container-oneielts{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;height:100vh;overflow:hidden}.speaking-content-wrapper{display:flex;flex:1 1;flex-direction:row;overflow:hidden;padding-bottom:48px}.speaking-left-panel{background:#fff;background:var(--color-bg-primary,#fff);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border,#e0e0e0);display:flex;flex-direction:column;max-width:420px;min-width:260px;overflow:hidden;width:35%}.speaking-part-header{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:2px solid #4caf50;border-bottom:2px solid var(--color-success,#4caf50);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.part-label{color:#4caf50;color:var(--color-success,#4caf50);font-size:13px;font-weight:700;letter-spacing:.3px;line-height:1.3;text-transform:uppercase}.part-time-hint{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;font-style:italic;font-weight:500;margin-left:8px;white-space:nowrap}.speaking-instructions-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}.speaking-left-panel .left-side-content{min-height:100%;padding:16px 20px}.speaking-left-panel .speaking-left-content h3{display:none}.speaking-right-panel{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex:1 1;flex-direction:column;min-width:400px;overflow:hidden}.speaking-right-header{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:2px solid #4caf50;border-bottom:2px solid var(--color-success,#4caf50);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.recording-area-label{color:#4caf50;color:var(--color-success,#4caf50);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mic-status{border-radius:12px;border-radius:var(--border-radius-lg,12px);font-size:12px;font-weight:600;padding:3px 10px}.mic-status.mic-ok{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.mic-status.mic-denied{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.mic-status.mic-prompt{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #ffe082;border:1px solid var(--color-warning-border,#ffe082);color:#f57f17;color:var(--color-warning-dark,#f57f17)}.speaking-right-scroll{flex:1 1;overflow-y:auto;padding:20px}.speaking-part-header-content{margin-bottom:24px}.speaking-part-title{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:20px;font-weight:700;margin-bottom:8px}.speaking-part-instructions{color:#555;color:var(--color-text-secondary,#555);font-size:14px;line-height:1.6;margin-bottom:12px}.speaking-part-description{background:#fce4ec;border-left:3px solid #e91e63;border-left:3px solid var(--brand-primary,#e91e63);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:14px;font-style:italic;line-height:1.6;padding:10px 14px}.speaking-questions-list{display:flex;flex-direction:column;gap:16px}.speaking-question-card{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;display:flex;gap:14px;padding:16px;transition:border-color .2s,box-shadow .2s}.speaking-question-card:hover{border-color:#4caf50;border-color:var(--color-success,#4caf50);box-shadow:0 2px 8px #4caf501a}.question-number-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--color-success,#4caf50),var(--color-success-dark,#2e7d32));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.question-content-area{flex:1 1;min-width:0}.question-text{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:15px;line-height:1.6;margin-bottom:12px}.question-text p{margin:0}.question-recorder{margin-top:4px}.question-recorder .speaking-player{border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:0;padding:12px}.question-recorder .speaking-prompt{display:none}.no-questions-speaking{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-style:italic;padding:40px;text-align:center}.speaking-part2-area{display:flex;flex-direction:column;gap:20px}.cue-card-container{display:flex;justify-content:center}.cue-card{background:#fffbf0;border:2px solid #ffc107;border:2px solid var(--color-warning,#ffc107);border-radius:14px;box-shadow:0 4px 16px #ffc10726;max-width:560px;overflow:hidden;width:100%}.cue-card-header{align-items:center;background:linear-gradient(135deg,#ffc107,#f57f17);background:linear-gradient(135deg,var(--color-warning,#ffc107),var(--color-warning-dark,#f57f17));color:#fff;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 20px}.cue-card-icon{font-size:20px}.cue-card-title{font-size:15px;font-weight:700;letter-spacing:.3px}.cue-card-body{padding:20px}.cue-card-content{color:#212121;color:var(--text-primary,#212121);font-size:15px;line-height:1.7}.cue-card-content p{margin-bottom:10px}.cue-card-content ol,.cue-card-content ul{margin-bottom:10px;padding-left:20px}.cue-card-content li{line-height:1.6;margin-bottom:6px}.cue-card-topic{color:#212121;color:var(--text-primary,#212121);font-size:16px;font-weight:600}.cue-card-fallback{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-style:italic}.prep-phase-area{display:flex;flex-direction:column;gap:16px}.prep-timer-display{align-items:center;background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #ffe082;border:1px solid var(--color-warning-border,#ffe082);border-radius:10px;display:flex;gap:14px;padding:14px 20px}.prep-timer-icon{font-size:32px}.prep-timer-info{display:flex;flex-direction:column}.prep-timer-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.prep-timer-countdown,.prep-timer-label{color:#f57f17;color:var(--color-warning-dark,#f57f17)}.prep-timer-countdown{font-feature-settings:"tnum";font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;transition:color .3s}.prep-timer-countdown.prep-critical{animation:prepPulse .8s infinite;color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}@keyframes prepPulse{0%,to{opacity:1}50%{opacity:.5}}.prep-notepad{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;overflow:hidden}.prep-notepad-header{align-items:center;background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;gap:8px;padding:10px 16px}.notepad-icon{font-size:16px}.notepad-label{color:#616161;color:var(--gray-700,#616161);font-size:13px;font-weight:600}.notepad-hint{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:11px;font-style:italic;margin-left:auto}.prep-notepad-textarea{background:#fff;background:var(--bg-surface,#fff);border:none;color:#212121;color:var(--text-primary,#212121);font-family:Segoe UI,sans-serif;font-size:14px;line-height:1.6;min-height:120px;outline:none;padding:14px 16px;resize:vertical;width:100%}.prep-notepad-textarea::placeholder{color:#bdbdbd;color:var(--gray-400,#bdbdbd);font-style:italic}.prep-complete-area{margin-top:4px}.prep-complete-message{align-items:center;background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#2e7d32;color:var(--color-success-dark,#2e7d32);display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 18px}.complete-icon{font-size:18px}.speaking-phase-timer{align-items:center;background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);border-radius:10px;display:flex;gap:14px;padding:12px 20px}.speaking-timer-icon{font-size:28px}.speaking-timer-info{display:flex;flex-direction:column}.speaking-timer-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.speaking-timer-label,.speaking-timer-value{color:#1976d2;color:var(--color-info-dark,#1976d2)}.speaking-timer-value{font-feature-settings:"tnum";font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.speaking-timer-value.speaking-target-reached{color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.speaking-target-hint{color:#90a4ae;font-size:13px;font-weight:400;margin-left:6px}.part2-recording-area{margin-top:4px}.start-speaking-hint{color:#757575;color:var(--text-secondary,#757575);font-size:13px;margin-top:8px;text-align:center}.part2-extra-questions{display:flex;flex-direction:column;gap:16px;margin-top:16px}.mic-permission-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.mic-permission-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:460px;padding:32px 40px;text-align:center;width:90%}.mic-icon-large{font-size:56px;margin-bottom:12px}.mic-permission-modal h3{color:#212121;color:var(--text-primary,#212121);font-size:20px;font-weight:700;margin-bottom:10px}.mic-permission-modal p{color:#757575;color:var(--text-secondary,#757575);font-size:14px;line-height:1.5;margin-bottom:16px}.mic-help-steps{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:20px;padding:14px 18px;text-align:left}.mic-help-steps p{margin-bottom:8px}.mic-help-steps ol{margin:0;padding-left:20px}.mic-help-steps li{color:#616161;color:var(--gray-700,#616161);font-size:13px;line-height:1.5;margin-bottom:4px}.mic-modal-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--color-success,#4caf50),var(--color-success-dark,#2e7d32));border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:transform .15s,box-shadow .15s}.mic-modal-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.speaking-container-oneielts .submit-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.speaking-container-oneielts .submit-confirm-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:28px 36px;width:90%}.speaking-container-oneielts .submit-confirm-modal h3{color:#212121;color:var(--text-primary,#212121);font-size:20px;font-weight:700;margin-bottom:8px}.speaking-container-oneielts .submit-confirm-modal p{color:#757575;color:var(--text-secondary,#757575);font-size:14px;line-height:1.5;margin-bottom:16px}.speaking-submit-summary{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:12px}.submit-part-info{align-items:center;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.submit-part-info.complete{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9)}.submit-part-info.incomplete{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #ffe082;border:1px solid var(--color-warning-border,#ffe082)}.submit-part-label{color:#212121;color:var(--text-primary,#212121);font-weight:600}.submit-part-progress{color:#616161;color:var(--gray-700,#616161);font-weight:500}.submit-part-status{font-size:13px;font-weight:600}.submit-part-status.status-ok{color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.submit-part-status.status-warn{color:#f57f17;color:var(--color-warning-dark,#f57f17)}.speaking-container-oneielts .submit-confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.speaking-container-oneielts .btn-cancel{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#616161;color:var(--gray-700,#616161);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.speaking-container-oneielts .btn-cancel:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.speaking-container-oneielts .btn-submit{background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--color-success,#4caf50),var(--color-success-dark,#2e7d32));border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:transform .15s,box-shadow .15s}.speaking-container-oneielts .btn-submit:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}@media (max-width:900px){.speaking-content-wrapper{flex-direction:column}.speaking-left-panel{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);border-right:none;max-height:30vh;max-width:none;width:100%!important}.speaking-right-panel{flex:1 1;min-width:0}.cue-card{max-width:100%}}@media (max-width:480px){.speaking-right-scroll{padding:14px}.speaking-part-title{font-size:17px}.speaking-question-card{gap:10px;padding:12px}.question-number-badge{font-size:11px;height:30px;width:30px}.prep-timer-countdown{font-size:22px}.speaking-timer-value{font-size:20px}.cue-card-body{padding:14px}}.high-contrast .speaking-container-oneielts,.high-contrast .speaking-left-panel,.high-contrast .speaking-right-panel{background:#000}.high-contrast .speaking-part-header,.high-contrast .speaking-right-header{background:#111;border-color:#fff;color:#fff}.high-contrast .part-label,.high-contrast .recording-area-label{color:#fff}.high-contrast .speaking-question-card{background:#111;border-color:#555;color:#fff}.high-contrast .question-text{color:#fff}.high-contrast .cue-card{background:#111;border-color:#f0c040}.high-contrast .cue-card-body{color:#fff}.high-contrast .cue-card-content{color:#eee}.high-contrast .prep-notepad-textarea{background:#111;border:1px solid #555;color:#fff}.text-size-small .question-text{font-size:13px}.text-size-regular .question-text{font-size:15px}.text-size-large .question-text{font-size:17px}.text-size-xlarge .question-text{font-size:19px}.text-size-small .cue-card-content{font-size:13px}.text-size-regular .cue-card-content{font-size:15px}.text-size-large .cue-card-content{font-size:17px}.text-size-xlarge .cue-card-content{font-size:19px}:root{--qti-navbar-height:64px;--qti-navbar-bg-color:var(--bg-surface,#fff);--qti-option-border-color:var(--border-color,#e0e0e0);--qti-primary-color:var(--text-primary,#212121)}.new-exam-header{align-items:center;background-color:#fff;background-color:var(--qti-navbar-bg-color);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--qti-option-border-color);box-sizing:border-box;display:flex;height:64px;height:var(--qti-navbar-height);justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}@media (min-width:1024px){.new-exam-header{padding:0 32px}}.header-logo{height:auto;max-height:32px;max-width:96px}@media (min-width:768px){.header-logo{max-width:112px}}@media (min-width:1024px){.header-logo{max-width:180px}}.header-center{align-items:center;display:flex;gap:8px}.time-label{color:#64748b;display:none;font-size:18px;font-weight:500}@media (min-width:768px){.time-label{display:inline}}.time-value{color:#212121;color:var(--qti-primary-color);font-size:16px;font-weight:600}@media (min-width:768px){.time-value{font-size:20px}}.header-right{gap:4px}.header-icon-btn,.header-right{align-items:center;display:flex;height:100%}.header-icon-btn{background:#0000;border:none;color:#64748b;cursor:pointer;justify-content:center;padding:0 14px;transition:background-color .2s}.header-icon-btn:hover{background-color:#0000000d;color:#0f172a}.header-icon-btn svg{height:24px;width:24px}@media (min-width:768px){.header-icon-btn svg{height:28px;width:28px}}.mobile-hidden{display:none}@media (min-width:640px){.mobile-hidden{display:flex}}.header-left{gap:10px}.header-logo-icon{align-items:center;background:#dc2626;border-radius:50%;color:#fff;color:var(--text-inverse,#fff);display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;width:32px}.header-logo-text{color:#212121;color:var(--qti-primary-color);font-size:1.1rem;font-weight:700}.timer-display-wrapper{align-items:center;display:flex;gap:6px}.timer-label{color:#dc2626;font-size:.9rem;font-weight:500}.timer-display-wrapper .time-value{color:#dc2626;font-weight:600}.btn-next-submit{background:#dc2626;border:none;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:.95rem;font-weight:600;margin-left:8px;padding:8px 20px;transition:background .2s,transform .1s}.btn-next-submit:hover{background:#b91c1c}.btn-next-submit:active{transform:scale(.98)}.section-page{margin:0 auto;max-width:1400px;padding:20px}.section-header{background:#fff;background:var(--bg-surface,#fff);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 5px #0000001a;justify-content:space-between;margin-bottom:20px;padding:15px}.header-left,.section-header{align-items:center;display:flex}.header-left{gap:20px}.exit-test-btn{align-items:center;background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#757575;color:var(--text-secondary,#757575);cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.exit-test-btn:hover{background-color:#f5f5f5;background-color:var(--gray-100,#f5f5f5);border-color:#d32f2f;color:#d32f2f}.section-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.left-column,.right-column{background:#fff;background:var(--bg-surface,#fff);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 10px #0000001a;padding:20px}.audio-player{width:100%}.reading-passage,.speaking-part,.writing-task{height:100%}.reading-passage h3,.speaking-part h3,.writing-task h3{border-bottom:2px solid #e91e63;border-bottom:2px solid var(--brand-primary,#e91e63);color:#212121;color:var(--text-primary,#212121);margin-bottom:15px;padding-bottom:10px}.passage-content,.speaking-instructions,.task-instructions{color:#212121;color:var(--text-primary,#212121);line-height:1.6}.questions-container{display:flex;flex-direction:column;gap:20px}.question{background:#fafbfc;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;padding:15px}.question-content h4{color:#212121;color:var(--text-primary,#212121);margin-bottom:10px}.transition-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transition-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 10px 30px #0000004d;max-width:500px;padding:2rem;text-align:center;width:90%}.transition-modal .modal-content h3{color:#4caf50;color:var(--color-success,#4caf50);font-size:1.5rem;margin-bottom:1rem}.transition-modal .modal-content p{font-size:1.1rem;margin-bottom:1rem}.modal-actions{margin-top:1.5rem}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.loading-content{color:#212121;color:var(--text-primary,#212121);font-size:1.2rem;text-align:center}.auto-save-status{border-radius:6px;font-size:12px;font-weight:700;padding:8px 12px;position:fixed;right:20px;top:80px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out);z-index:1000}.auto-save-status.saving{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #fff8e1;border:1px solid var(--color-warning-light,#fff8e1);color:#f57f17}.auto-save-status.saved{background:#d1edff;border:1px solid #bee5eb;color:#0c5460}.auto-save-status.error{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #f5c6cb;color:#721c24}.autosave-indicator{align-items:center;display:flex;font-size:14px;gap:8px}.autosave-indicator.saving{color:orange}.autosave-indicator.saved{color:#4caf50;color:var(--color-success,#4caf50)}.autosave-indicator.error{color:#f44336;color:var(--color-danger,#f44336)}.exam-instructions-overlay{z-index:2000}.exam-instructions-modal{box-shadow:0 10px 30px #0000004d}.instructions-header h3{margin-bottom:1rem;text-align:center}.instructions-body li{margin-bottom:.5rem}.instructions-body p{font-style:italic;margin-top:1rem;text-align:center}.btn-understood{background:#d4af37;border-radius:6px;display:block;margin:0 auto;padding:12px 24px;transition:background-color .3s ease}.btn-understood:hover{background:#b8941f}.exam-instructions-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.exam-instructions-modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--bg-surface,#fff);border:2px solid #d4af37;border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 20px 40px #0000004d;max-width:500px;padding:2rem;text-align:left;width:90%}.instructions-header{border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200,#eee);margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.instructions-header h3{color:#d4af37;font-size:1.5rem;margin:0}.instructions-body{margin-bottom:1.5rem}.instructions-body p{line-height:1.5;margin-bottom:1rem}.instructions-body ul{margin:1rem 0;padding-left:1.5rem}.instructions-body li{color:#212121;color:var(--text-primary,#212121);line-height:1.4;margin-bottom:.75rem}.instructions-body strong{color:#d4af37}.instructions-footer{border-top:1px solid #eee;border-top:1px solid var(--gray-200,#eee);padding-top:1rem;text-align:center}.btn-understood{background:linear-gradient(135deg,#d4af37,#b8941f);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 4px 15px #d4af374d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.btn-understood:hover{background:linear-gradient(135deg,#b8941f,#9a7c18);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.btn-understood:active{transform:translateY(0)}.proctor-fab{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;left:30px;position:fixed;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out);width:56px;z-index:90}.proctor-fab:hover{box-shadow:0 6px 20px #ff6b6b66;transform:scale(1.1)}.proctor-fab:active{transform:scale(.95)}@media (max-width:1024px){.section-content{grid-template-columns:1fr}.proctor-fab{bottom:20px;font-size:20px;height:48px;left:20px;width:48px}}@media (max-width:480px){.proctor-fab{bottom:15px;font-size:18px;height:44px;left:15px;width:44px}}.menu-container{align-items:center;display:flex;position:relative}.options-dropdown{animation:optionsSlideIn .2s ease-out;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;box-shadow:0 10px 40px #00000026;margin-top:6px;max-width:340px;min-width:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1100}@keyframes optionsSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.options-dropdown .dropdown-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#0f172a;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;padding:14px 18px}.options-dropdown .close-menu-btn{align-items:center;background:#e0e0e0;background:var(--border-color,#e0e0e0);border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.4rem;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s,color .2s;width:32px}.options-dropdown .close-menu-btn:hover{background:#cbd5e1;color:#0f172a}.options-dropdown .dropdown-section{border-bottom:1px solid #f1f5f9;padding:14px 18px}.options-dropdown .dropdown-section:last-of-type{border-bottom:none}.options-dropdown .dropdown-section label{color:#334155;display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.options-dropdown .option-group{display:flex;flex-wrap:wrap;gap:8px}.options-dropdown .option-btn{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;min-width:0;padding:10px 12px;transition:all .2s}.options-dropdown .option-btn:hover{background:#f8fafc;border-color:#0f172a;color:#0f172a}.options-dropdown .option-btn.active{background:#0f172a;border-color:#0f172a;color:#fff}.options-dropdown .menu-action-btn{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:6px;color:#475569;cursor:pointer;display:block;font-size:.95rem;font-weight:600;padding:12px 16px;transition:all .2s;width:100%}.options-dropdown .menu-action-btn.exit:hover,.options-dropdown .menu-action-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.submit-confirm-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.submit-confirm-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 20px 50px #00000040;max-width:440px;padding:24px;width:90%}.submit-confirm-modal h3{color:#0f172a;font-size:1.25rem;margin:0 0 12px}.submit-confirm-modal p{color:#475569;font-size:.95rem;line-height:1.5;margin:0 0 20px}.submit-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.submit-confirm-actions button{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.submit-confirm-actions .btn-cancel{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#475569}.submit-confirm-actions .btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.submit-confirm-actions .btn-submit{background:#dc2626;border:none;color:#fff}.submit-confirm-actions .btn-submit:hover{background:#b91c1c}[data-contrast=inverse] .section-page{background:#000}[data-contrast=inverse] .section-header{background:#111;border-color:#3e3e3e;box-shadow:0 2px 5px #00000080}[data-contrast=inverse] .left-column,[data-contrast=inverse] .right-column{background:#000;box-shadow:0 2px 10px #00000080;color:#fff}[data-contrast=inverse] .exit-test-btn{border-color:#3e3e3e;color:#d0d0d0}[data-contrast=inverse] .exit-test-btn:hover{background-color:#1a1a1a;border-color:#ff6b6b;color:#ff6b6b}[data-contrast=inverse] .submit-confirm-overlay{background:#000000d9}[data-contrast=inverse] .submit-confirm-modal{background:#111;border-color:#3e3e3e;color:#fff}[data-contrast=yellow] .section-page{background:#000}[data-contrast=yellow] .section-header{background:#111;border-color:#3e3e3e;box-shadow:0 2px 5px #00000080}[data-contrast=yellow] .left-column,[data-contrast=yellow] .right-column{background:#000;box-shadow:0 2px 10px #00000080;color:#ff0}[data-contrast=yellow] .exit-test-btn{border-color:#3e3e3e;color:#e6e600}[data-contrast=yellow] .exit-test-btn:hover{background-color:#1a1a1a;border-color:#ff6b6b;color:#ff6b6b}[data-contrast=yellow] .submit-confirm-overlay{background:#000000d9}[data-contrast=yellow] .submit-confirm-modal{background:#111;border-color:#3e3e3e;color:#ff0}.section-timer-bar{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;justify-content:space-between;margin-bottom:12px;padding:10px 20px}.section-timer-info{align-items:center;display:flex;gap:8px}.section-timer-label{color:#757575;color:var(--text-secondary,#757575);font-size:13px;font-weight:600;letter-spacing:1px}.section-timer-clock{font-feature-settings:"tnum";align-items:center;background:#f3f4f6;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#212121;color:var(--text-primary,#212121);display:flex;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;gap:6px;padding:4px 14px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.section-timer-clock .timer-icon{flex-shrink:0}.section-timer-clock.timer-warning{background:#fef3c7;color:#d97706}.section-timer-clock.timer-critical{animation:timer-pulse 1s infinite;background:#fef2f2;color:#dc2626}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.section-timer-time{min-width:60px;text-align:center}.timeup-overlay{align-items:center;animation:timeupFadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;pointer-events:all;position:fixed;right:0;top:0;z-index:9999}@keyframes timeupFadeIn{0%{opacity:0}to{opacity:1}}.timeup-modal{animation:timeupSlideIn .4s ease-out;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 24px 80px #00000059;max-width:420px;padding:40px 36px 32px;text-align:center;width:90%}@keyframes timeupSlideIn{0%{opacity:0;transform:scale(.85) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.timeup-icon{margin-bottom:16px}.timeup-title{color:#f44336;color:var(--color-danger,#f44336);font-size:24px;font-weight:700;margin:0 0 12px}.timeup-message{color:#616161;color:var(--gray-700,#616161);font-size:15px;line-height:1.6;margin:0 0 28px}.timeup-submit-btn{background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.3px;padding:14px 48px;transition:background .2s,transform .15s}.timeup-submit-btn:hover{background:#c82333;transform:translateY(-1px)}.timeup-submit-btn:active{background:#b21f2d;transform:translateY(0)}@media (max-width:640px){.section-timer-bar{padding:8px 14px}.section-timer-clock{font-size:16px;padding:3px 10px}.section-timer-label{font-size:11px}}.score-page{background:#f5f5f5;background:var(--bg-body,#f5f5f5);min-height:calc(100vh - 200px);padding:40px 0}.score-page h1{color:#212121;color:var(--text-primary,#212121);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:30px;text-align:center}.score-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.score-card{border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:var(--shadow-sm);padding:20px;text-align:center}.score-card h3{color:#212121;color:var(--text-primary,#212121);margin-bottom:15px}.score-value{font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:15px}.score-card.listening .score-value{color:#2196f3;color:var(--color-info,#2196f3)}.score-card.reading .score-value{color:#4caf50;color:var(--color-success,#4caf50)}.score-card.writing .score-value{color:#ffc107;color:var(--color-warning,#ffc107)}.score-card.speaking .score-value{color:#e91e63;color:var(--brand-primary,#e91e63)}.test-info{color:#757575;color:var(--text-secondary,#757575);font-size:1.1rem;margin-bottom:30px;text-align:center}.overall-score-card{background:linear-gradient(135deg,#1a237e,#e91e63);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,var(--brand-primary,#e91e63) 100%);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:var(--shadow-xl);color:#fff;color:var(--text-inverse,#fff);margin-bottom:35px;padding:35px}.overall-band{margin-bottom:20px;text-align:center}.band-label{display:block;font-size:1.1rem;margin-bottom:10px;opacity:.9}.band-score{display:block;font-size:4rem;font-weight:800;margin:10px 0;text-shadow:0 4px 8px #0000004d}.band-breakdown{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.band-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:18px;text-align:center;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.band-item:hover{background:#ffffff40;transform:translateY(-2px)}.band-item.optional{opacity:.7}.band-value{display:block;font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold,700);margin-top:5px}.exam-progress-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.exam-progress-item{align-items:center;background:#fafafa;background:var(--gray-50,#fafafa);border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius-lg,12px);display:flex;padding:15px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.exam-progress-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.exam-progress-item.pending{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:2px solid #ffc107;border:2px solid var(--color-warning,#ffc107)}.exam-progress-item.completed{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:2px solid #4caf50;border:2px solid var(--color-success,#4caf50)}.exam-progress-item.optional{background:#6c757d1a;border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);opacity:.8}.status-icon{flex-shrink:0;font-size:1.5rem;margin-right:12px}.section-name{color:#212121;color:var(--text-primary,#212121);flex:1 1;font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold,600)}.exam-progress-item.pending .status-badge{background:#ffc107;background:var(--color-warning,#ffc107);color:#000;color:var(--color-black,#000)}.exam-progress-item.completed .status-badge{background:#4caf50;background:var(--color-success,#4caf50);color:#fff;color:var(--text-inverse,#fff)}.exam-progress-item.optional .status-badge{background:#757575;background:var(--gray-600,#757575);color:#fff;color:var(--text-inverse,#fff)}.section-guidance{background:#fafafa;background:var(--gray-50,#fafafa);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:8px;border-radius:var(--border-radius-md,8px);margin:20px 0;padding:20px}.section-guidance h5{color:#212121;color:var(--text-primary,#212121);font-size:1.1rem;margin-bottom:15px}.guidance-list{display:flex;flex-direction:column;gap:15px}.guidance-item{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);padding:15px}.guidance-item strong{color:#212121;color:var(--text-primary,#212121);display:block;margin-bottom:10px}.guidance-item ul{color:#757575;color:var(--text-secondary,#757575);margin:0;padding-left:20px}.guidance-item li{font-size:.9rem;line-height:1.4;margin-bottom:5px}.quick-action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.btn-sm{font-size:.9rem;padding:8px 16px}.exam-instructions{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-left:4px solid #4caf50;border-left:4px solid var(--color-success,#4caf50);border-radius:8px;border-radius:var(--border-radius-md,8px);margin:20px 0;padding:20px}.exam-instructions h5{font-size:1.1rem;margin-bottom:15px}.exam-instructions h5,.exam-instructions ul{color:#212121;color:var(--text-primary,#212121)}.exam-instructions ul{margin:0;padding-left:20px}.exam-instructions li{font-size:.95rem;line-height:1.4;margin-bottom:8px}.exam-countdown{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-left:4px solid #ffc107;border-left:4px solid var(--color-warning,#ffc107);border-radius:8px;border-radius:var(--border-radius-md,8px);margin:20px 0;padding:20px}.exam-countdown p{color:#f57f17;color:var(--color-warning-dark,#f57f17);font-size:1rem;line-height:1.5;margin:0 0 15px}.exam-countdown strong{color:#212121;color:var(--text-primary,#212121)}.detailed-scores{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.score-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #f0f0f0;border:1px solid var(--border-light,#f0f0f0);border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:var(--shadow-lg);padding:30px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.score-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:#212121;color:var(--text-primary,#212121);flex:1 1;font-size:1.4rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.band-badge{background:linear-gradient(135deg,#1a237e,#e91e63);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,var(--brand-primary,#e91e63) 100%);border-radius:50px;border-radius:var(--border-radius-pill,50px);box-shadow:0 4px 15px #e91e634d;color:#fff;color:var(--text-inverse,#fff);font-size:1rem;font-weight:700;font-weight:var(--font-weight-bold,700);min-width:100px;padding:8px 16px;text-align:center}.score-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.score-metric{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:4px;border-radius:var(--border-radius-sm,4px);padding:10px;text-align:center}.score-metric.total{background:#f48fb1;background:var(--brand-primary-light,#f48fb1);background:#e91e6314;grid-column:span 2}.metric-value{color:#212121;color:var(--text-primary,#212121);display:block;font-size:1.3rem}.metric-label{color:#757575;color:var(--text-secondary,#757575);display:block;font-size:.8rem;margin-top:2px}.score-analysis{margin-bottom:20px}.analysis-row{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);display:flex;justify-content:space-between;padding:8px 0}.analysis-row:last-child{border-bottom:none}.analysis-label{color:#757575;color:var(--text-secondary,#757575);font-weight:500;font-weight:var(--font-weight-medium,500)}.analysis-value{font-weight:700;font-weight:var(--font-weight-bold,700)}.analysis-value,.score-breakdown h4{color:#212121;color:var(--text-primary,#212121)}.score-breakdown h4{font-size:1.1rem;margin-bottom:15px}.breakdown-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.breakdown-item{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:15px;text-align:center}.breakdown-item.correct{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9)}.breakdown-item.incorrect{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2)}.breakdown-item.unanswered{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0)}.breakdown-item .count{display:block;font-size:1.5rem;font-weight:700;margin-bottom:5px}.breakdown-item.correct .count{color:#4caf50;color:var(--color-success,#4caf50)}.breakdown-item.incorrect .count{color:#f44336;color:var(--color-danger,#f44336)}.breakdown-item .label,.breakdown-item.unanswered .count{color:#757575;color:var(--text-secondary,#757575)}.breakdown-item .label{display:block;font-size:.85rem}.score-progress{margin-top:20px}.progress-header{align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-weight:500;font-weight:var(--font-weight-medium,500);justify-content:space-between;margin-bottom:10px}.score-progress-bar-container{background:#eee;background:var(--gray-200,#eee);border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;height:8px;overflow:hidden;position:relative}.score-progress-bar{height:100%;transition:width .25s ease-in-out;transition:width var(--transition-normal,.25s ease-in-out)}.score-progress-bar.correct{background:#4caf50;background:var(--color-success,#4caf50)}.score-progress-bar.incorrect{background:#f44336;background:var(--color-danger,#f44336)}.optional-sections{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-md);margin-bottom:30px;padding:25px}.optional-sections h3{color:#212121;color:var(--text-primary,#212121);margin-bottom:20px}.optional-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.optional-card{border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:20px;text-align:center}.optional-card.writing{border-color:#ffc107;border-color:var(--color-warning,#ffc107)}.optional-card.speaking{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.optional-card h4{color:#212121;color:var(--text-primary,#212121);margin:0 0 10px}.optional-card p{color:#757575;color:var(--text-secondary,#757575);font-size:.9rem;margin:0 0 10px}.status-badge{background:#757575;background:var(--gray-600,#757575);border-radius:var(--border-radius-lg,12px);color:#fff;color:var(--text-inverse,#fff);font-size:.8rem;font-weight:700;font-weight:var(--font-weight-bold,700);padding:4px 10px}.action-section{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-md);padding:25px}.performance-feedback{margin-bottom:20px}.performance-feedback h3{color:#212121;color:var(--text-primary,#212121);margin-bottom:10px}.performance-feedback p{color:#757575;color:var(--text-secondary,#757575);line-height:1.5;margin:0}.action-buttons{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;flex-wrap:wrap;gap:15px;margin-top:25px;padding-top:20px}.btn{font-size:1rem;min-height:44px;min-width:120px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#1a237e,#e91e63);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,var(--brand-primary,#e91e63) 100%);box-shadow:0 4px 15px #e91e634d}.btn-primary:hover{background:linear-gradient(135deg,#283593,#c2185b);background:linear-gradient(135deg,var(--brand-navy-light,#283593) 0,var(--brand-primary-dark,#c2185b) 100%);box-shadow:0 6px 20px #e91e6366;transform:translateY(-2px)}.btn-secondary{background:#fafafa;background:var(--gray-50,#fafafa);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);color:#757575;color:var(--text-secondary,#757575)}.btn-secondary:hover{border-color:#e0e0e0;border-color:var(--gray-300,#e0e0e0);color:#212121;color:var(--text-primary,#212121);transform:translateY(-2px)}.score-breakdown{color:#757575;color:var(--text-secondary,#757575);display:flex;flex-direction:column;font-size:.9rem;gap:5px}.detailed-results{background:#fff;background:var(--bg-surface,#fff);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:var(--shadow-sm);padding:25px}.detailed-results h2{color:#212121;color:var(--text-primary,#212121);margin-bottom:20px}.section-results{margin-bottom:30px}.section-results h3{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);margin-bottom:15px;padding-bottom:10px}.results-table{border-collapse:collapse;width:100%}.results-table td,.results-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);padding:12px;text-align:left}.results-table th{color:#212121;color:var(--text-primary,#212121);font-weight:600;font-weight:var(--font-weight-semibold,600)}.results-table th,.results-table tr:hover{background:#fafafa;background:var(--gray-50,#fafafa)}.correct{color:#4caf50;color:var(--color-success,#4caf50)}.correct,.incorrect{font-weight:700;font-weight:var(--font-weight-bold,700)}.incorrect{color:#f44336;color:var(--color-danger,#f44336)}.analytics-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.analytics-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:20px;box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;overflow:auto;padding:30px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.analytics-card{background:linear-gradient(135deg,#1a237e,#e91e63);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,var(--brand-primary,#e91e63) 100%);border-radius:15px;color:#fff;color:var(--text-inverse,#fff);padding:25px;text-align:center}.metric-value{font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold,700);margin:10px 0}.metric-value.highlight{color:#4caf50;color:var(--color-success,#4caf50)}.metric-value.focus{color:#f44336;color:var(--color-danger,#f44336)}.band-score-info{background:#fafafa;background:var(--gray-50,#fafafa);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:12px;border-radius:var(--border-radius-lg,12px);margin:20px 0;padding:20px}.interpretation{font-size:1.1rem;line-height:1.5;margin-bottom:15px}.band-scale{margin-top:15px}.scale-bar{background:#eee;background:var(--gray-200,#eee);border-radius:4px;border-radius:var(--border-radius-sm,4px);height:8px;margin:10px 0;overflow:hidden}.scale-fill{background:linear-gradient(90deg,#1a237e,#e91e63);background:linear-gradient(90deg,var(--brand-navy,#1a237e),var(--brand-primary,#e91e63));height:100%;transition:width .5s ease}.scale-labels{color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:.8rem;justify-content:space-between}.enhanced-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.action-card{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-md);padding:20px;text-align:center;transition:transform .25s ease-in-out;transition:transform var(--transition-normal,.25s ease-in-out)}.action-card:hover{transform:translateY(-5px)}.action-card h4{color:#212121;color:var(--text-primary,#212121);margin:0 0 10px}.action-card p{color:#757575;color:var(--text-secondary,#757575);font-size:.9rem;margin:0 0 15px}.review-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:20px;box-shadow:var(--shadow-xl);max-height:80vh;max-width:600px;overflow:auto;padding:30px}.review-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.review-modal-header h2{color:#212121;color:var(--text-primary,#212121);font-size:1.8rem;margin:0}.close-button{background:none;border:none;border-radius:50%;border-radius:var(--border-radius-circle,50%);color:#757575;color:var(--text-secondary,#757575);cursor:pointer;font-size:1.5rem;padding:5px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.close-button:hover{background:#fafafa;background:var(--gray-50,#fafafa)}.close-button:hover,.review-content{color:#212121;color:var(--text-primary,#212121)}.review-content{line-height:1.6}.review-content h3{color:#212121;color:var(--text-primary,#212121);font-size:1.2rem;margin:20px 0 10px}.review-content ul{margin:10px 0 20px 20px}.review-content li{margin-bottom:8px}.review-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.review-button{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.review-button.primary{background:linear-gradient(135deg,#1a237e,#e91e63);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,var(--brand-primary,#e91e63) 100%);color:#fff;color:var(--text-inverse,#fff)}.review-button.primary:hover{box-shadow:0 6px 20px #e91e6366;transform:translateY(-2px)}.review-button.secondary{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121)}.review-button.secondary:hover{background:#eee;background:var(--gray-200,#eee);transform:translateY(-2px)}@media (max-width:768px){.analytics-grid,.enhanced-actions{grid-template-columns:1fr}.analytics-modal,.review-modal{margin:20px;padding:20px}.review-modal{max-height:85vh}.review-actions{flex-direction:column}}.test-page{background:#fafafa;background:var(--gray-50,#fafafa);min-height:calc(100vh - 200px)}.preview-banner{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-bottom:1px solid #fff8e1;border-bottom:1px solid var(--color-warning-light,#fff8e1);color:#f57f17;padding:12px 0}.preview-banner .container{display:flex;justify-content:center}.preview-banner p{align-items:center;display:flex;gap:10px;margin:0}.login-prompt{background:none;border:1px solid #f57f17;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#f57f17;cursor:pointer;padding:4px 8px;text-decoration:underline}.login-prompt:hover{background:#f57f17;color:#fff;color:var(--text-inverse,#fff)}.error-container,.loading{align-items:center;display:flex;justify-content:center;min-height:400px;padding:20px}.error-message{background:#fff;background:var(--bg-surface,#fff);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 10px #0000001a;max-width:500px;padding:30px;text-align:center;width:100%}.error-message h3{color:#f44336;color:var(--color-danger,#f44336);margin-bottom:15px}.error-message p{color:#757575;color:var(--text-secondary,#757575);margin-bottom:20px}.error-message .btn{margin:0 5px}.exam-overview-page-redesigned{background:linear-gradient(180deg,#f0f2f8,#fff 40%);color:#1a1f36;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:0}.overview-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:680px;padding:32px 16px 48px}@media (min-width:768px){.overview-container{padding:40px 20px 60px}}.test-header-card{align-items:center;background:linear-gradient(135deg,#1a1f36,#2d3561);border-radius:12px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:16px 24px;position:relative}.test-header-card:after{background:radial-gradient(circle,#e91e6326 0,#0000 70%);border-radius:50%;content:"";height:160px;pointer-events:none;position:absolute;right:-15%;top:-60%;width:160px}.test-name-text{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin:0;position:relative;z-index:1}.sections-list{gap:16px}.section-wrapper,.sections-list{display:flex;flex-direction:column}.section-wrapper{background:#fff;border:1px solid #eef0f3;border-radius:12px;gap:0;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.section-wrapper:hover{border-color:#dfe2e8;box-shadow:0 4px 16px #0000000f}.section-info-box{border:none;border-radius:0;padding:18px 20px}.section-header-row{align-items:flex-start;display:flex;justify-content:space-between}.section-title-text{color:#1a1f36;font-size:1.0625rem;font-weight:600;margin:0 0 8px}.section-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-text{color:#9ca3af;font-size:.8125rem;font-weight:500;margin:0}.meta-answered{color:#059669;font-weight:600}.status-text{color:#9ca3af;font-size:.75rem;font-weight:500;margin:0;white-space:nowrap}.instructions-accordion{border:none;border-radius:0;border-top:1px solid #f0f2f5;overflow:hidden}.exam-overview-page-redesigned .accordion-trigger{align-items:center;background:#fafbfc;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;text-align:left;-webkit-user-select:none;user-select:none;width:100%}.exam-overview-page-redesigned .accordion-trigger:hover{background:#f5f6f8}.sub-title{color:#6b7280;font-size:.8125rem;font-weight:500;margin:0}.accordion-icon-wrapper{align-items:center;display:flex}.icon-btn{background:#0000;border:none;cursor:pointer;padding:2px}.icon-btn,.icon-circle{align-items:center;display:flex;justify-content:center}.icon-circle{border:1.5px solid #9ca3af;border-radius:50%;color:#9ca3af;height:22px;transition:transform .3s ease;width:22px}.icon-circle svg{height:14px;width:14px}.icon-circle.rotate-180{transform:rotate(180deg)}.exam-overview-page-redesigned .accordion-content{animation:none;border-top:none;padding:0 20px 16px}.instructions-list-simple{list-style:none;margin:0;padding:0}.instructions-list-simple li{color:#6b7280;font-size:.8125rem;line-height:1.6;margin-bottom:6px;padding-left:14px;position:relative}.instructions-list-simple li:before{color:#d1d5db;content:"•";left:0;position:absolute}.start-btn{align-items:center;border:none;border-radius:0 0 12px 12px;border-top:1px solid #f0f2f5;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.01em;padding:12px;transition:all .2s ease;width:100%}.start-btn.active{background:linear-gradient(135deg,#e91e63,#c2185b);border-top-color:#0000;color:#fff}.start-btn.active:hover{background:linear-gradient(135deg,#d81b60,#ad1457);box-shadow:0 4px 12px #e91e6333}.start-btn.locked{background:#f3f4f6;border-top-color:#f0f2f5;color:#9ca3af;cursor:not-allowed}.start-btn.locked svg{height:14px;width:14px}.start-btn.completed-btn{background:linear-gradient(135deg,#059669,#047857);border-top-color:#0000;color:#fff;cursor:default}.start-btn.completed-btn svg{height:16px;width:16px}@media (min-width:768px){.test-name-text{font-size:1.5rem}.section-title-text{font-size:1.1875rem}.section-info-box{padding:20px 24px}.meta-text,.start-btn{font-size:.875rem}.start-btn{padding:13px}}.incomplete-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.incomplete-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:10px;box-shadow:0 10px 30px #00000040;max-width:480px;padding:24px;position:relative;text-align:center;width:90%}.incomplete-modal-close{background:none;border:none;border-radius:4px;color:#bdbdbd;color:var(--text-disabled,#bdbdbd);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;position:absolute;right:14px;top:12px;transition:color .2s,background .2s}.incomplete-modal-close:hover{background:#f5f5f5;background:var(--gray-100,#f5f5f5);color:#212121;color:var(--text-primary,#212121)}.incomplete-modal h3{font-size:20px;margin:0 0 12px}.incomplete-modal p{color:#757575;color:var(--text-secondary,#757575);margin-bottom:16px}.incomplete-actions{display:flex;gap:10px;justify-content:flex-end}.resume-btn{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;padding:10px 18px;transition:background .2s}.resume-btn:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.restart-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;padding:10px 18px}.section-complete-banner{animation:bannerSlideDown .4s ease-out,bannerFadeOut .5s ease-in 3.5s forwards;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:3000}.section-complete-banner .banner-content{align-items:center;background:#4caf50;background:var(--color-success,#4caf50);border-radius:10px;box-shadow:0 8px 30px #05966959;color:#fff;color:var(--text-inverse,#fff);display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;white-space:nowrap}@keyframes bannerSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes bannerFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.section-guidelines-page{background:linear-gradient(180deg,#f0f2f8,#fff 40%);display:flex;justify-content:center;min-height:100vh;padding:40px 16px}@media (min-width:768px){.section-guidelines-page{padding:48px 24px}}.guidelines-container{max-width:800px;width:100%}.guidelines-content h1{color:#1a1f36;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}@media (min-width:768px){.guidelines-content h1{font-size:1.75rem}}.subtitle{color:#9ca3af;font-size:.875rem;margin-bottom:28px}.steps-box{background:#fff;border:1px solid #eef0f3;border-radius:12px;margin-bottom:32px;padding:20px 24px}.steps-box h3{color:#1a1f36;font-size:1rem;font-weight:600;margin-bottom:14px}.steps-box ul{list-style:none;margin:0;padding:0}.steps-box li{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:10px;padding-left:24px;position:relative}.steps-box li:before{align-items:center;color:#e91e63;content:counter(step-counter);counter-increment:step-counter;display:flex;font-size:.8125rem;font-weight:700;height:18px;justify-content:center;left:0;position:absolute;top:2px;width:18px}.steps-box ul{counter-reset:step-counter}.parts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:32px}@media (min-width:640px){.parts-grid{gap:14px;grid-template-columns:1fr 1fr}}.part-card{background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:18px 20px;transition:border-color .2s ease,box-shadow .2s ease}.part-card:hover{border-color:#dbeafe;box-shadow:0 2px 12px #0000000a}.part-card h4{color:#1a1f36;font-size:.875rem;font-weight:600;margin:0 0 6px}.part-card p{color:#6b7280;font-size:.8125rem;line-height:1.55;margin:0}.actions{border-top:1px solid #f0f2f5;display:flex;justify-content:flex-end;padding-top:20px}.continue-btn{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.01em;padding:12px 28px;transition:all .2s ease}.continue-btn:hover{background:linear-gradient(135deg,#d81b60,#ad1457);box-shadow:0 6px 20px #e91e6333;transform:translateY(-1px)}.tr-page{background:#f1f5f9;color:#1e293b;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1280px;min-height:100vh;padding:24px 20px}.tr-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.tr-error{padding:80px 20px;text-align:center}.tr-error-icon{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:48px;margin-bottom:16px}.tr-error h2{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:12px}.tr-error p{color:#64748b;font-size:15px;margin-bottom:24px}.tr-error-actions{display:flex;gap:12px;justify-content:center}.tr-error-actions .btn{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.tr-error-actions .btn-primary{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;color:#fff}.tr-error-actions .btn-outline{background:#0000;border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.tr-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:20px}.tr-breadcrumb .fas{color:#94a3b8;font-size:10px}.tr-bc-link{color:#e91e63;color:var(--brand-primary,#e91e63);cursor:pointer;text-decoration:none;transition:color .2s}.tr-bc-link:hover{text-decoration:underline}.tr-bc-current{color:#1e293b;font-weight:600}.tr-header{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;box-shadow:0 4px 24px #0000001f;color:#fff;justify-content:space-between;margin-bottom:24px;padding:28px 32px}.tr-header,.tr-header-left{align-items:center;display:flex}.tr-header-left{gap:24px}.tr-overall-score{align-items:center;background:#ffffff14;border:4px solid;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:96px;justify-content:center;width:96px}.tr-overall-value{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1}.tr-overall-label{font-size:11px;letter-spacing:1.2px;margin-top:2px;opacity:.8;text-transform:uppercase}.tr-header-info{display:flex;flex-direction:column;gap:4px}.tr-level-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.tr-user-name{font-size:20px;font-weight:700;margin:4px 0 0}.tr-test-name{font-size:13px;margin:2px 0 0;opacity:.75}.tr-meta-row{display:flex;gap:16px;margin-top:6px}.tr-meta-item{font-size:12px;gap:6px;opacity:.7}.tr-header-right,.tr-meta-item,.tr-share-btn{align-items:center;display:flex}.tr-share-btn{background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.tr-share-btn:hover{background:#fff3}.tr-main{align-items:flex-start;display:flex;gap:20px}.tr-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;flex-shrink:0;padding:16px;position:-webkit-sticky;position:sticky;top:24px;width:220px}.tr-sidebar-title{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:12px;padding:0 4px;text-transform:uppercase}.tr-section-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;margin-bottom:4px;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.tr-section-tab:hover{background:#f8fafc}.tr-section-tab.active{background:#fce4ec;color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:600}.tr-section-tab.active.listening{background:#e3f2fd;color:#1565c0}.tr-section-tab.active.reading{background:#e8f5e9;color:#2e7d32}.tr-section-tab.active.writing{background:#fff3e0;color:#e65100}.tr-section-tab.active.speaking{background:#fce4ec;color:#c62828}.tr-section-tab i{font-size:14px;margin-right:10px;text-align:center;width:20px}.tr-tab-label{flex:1 1}.tr-tab-score{font-size:15px;font-weight:700}.tr-content{flex:1 1;min-width:0}.tr-section-header{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px;padding:24px 28px}.tr-score-display{align-items:flex-start;display:flex;gap:32px}.tr-score-left{min-width:200px}.tr-score-label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.tr-score-value{color:#1e293b;display:block;font-size:48px;font-weight:800;line-height:1.1;margin-bottom:12px}.tr-band-scale{display:flex;gap:0}.tr-band-marker{background:#f1f5f9;border:1px solid #e2e8f0;border-right:none;color:#94a3b8;font-size:12px;font-weight:600;min-width:36px;padding:5px 12px;text-align:center;transition:all .2s}.tr-band-marker:first-child{border-radius:6px 0 0 6px}.tr-band-marker:last-child{border-radius:0 6px 6px 0;border-right:1px solid #e2e8f0}.tr-band-marker.active{background:#e91e63;background:var(--brand-primary,#e91e63);border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#fff}.tr-score-right{flex:1 1}.tr-score-right h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 10px}.tr-tips{list-style:disc;margin:0;padding-left:18px}.tr-tips li{color:#475569;font-size:13px;line-height:1.7}.tr-part-tabs{display:flex;gap:10px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.tr-part-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:10px;min-width:150px;padding:12px 18px;transition:all .2s;white-space:nowrap}.tr-part-tab:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.tr-part-tab.active{background:#fce4ec;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 8px #e91e631a}.tr-part-tab i{color:#94a3b8;font-size:16px}.tr-part-tab.active i{color:#e91e63;color:var(--brand-primary,#e91e63)}.tr-part-tab-text{display:flex;flex-direction:column}.tr-part-num{color:#1e293b;font-size:13px;font-weight:700}.tr-part-desc{color:#64748b;font-size:11px}.tr-part-tab.active .tr-part-num{color:#e91e63;color:var(--brand-primary,#e91e63)}.tr-answer-sheet{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px;padding:24px 28px}.tr-as-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tr-as-header h4{color:#1e293b;font-size:16px;font-weight:700;margin:0}.tr-as-count{background:#fce4ec;border-radius:20px;color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px;font-weight:700;padding:4px 12px}.tr-as-grid{grid-gap:0 24px;display:grid;gap:0 24px;grid-template-columns:1fr 1fr}.tr-as-column{display:flex;flex-direction:column}.tr-answer-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:8px 12px;transition:background .15s}.tr-answer-row:hover{background:#f8fafc}.tr-answer-row:last-child{border-bottom:none}.tr-q-num{color:#1e293b;font-size:13px;font-weight:700;text-align:center;width:28px}.tr-user-ans{color:#475569;flex:1 1;font-size:13px;word-break:break-word}.tr-status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:24px;justify-content:center;width:24px}.tr-status-icon.correct{background:#dcfce7;color:#16a34a}.tr-status-icon.incorrect{background:#fee2e2;color:#dc2626}.tr-correct-ans{color:#16a34a;font-size:12px;white-space:nowrap}.tr-correct-ans strong{font-weight:700}.tr-review-icon{color:#94a3b8;cursor:pointer;font-size:13px;transition:color .2s}.tr-review-icon:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.tr-review{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px;padding:24px 28px}.tr-review-title{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.tr-review-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.tr-review-left{display:flex;flex-direction:column;gap:16px}.tr-audio-player{background:#1e293b;border-radius:10px;padding:12px 16px}.tr-audio-player audio{border-radius:6px;height:36px;width:100%}.tr-audio-player audio::-webkit-media-controls-panel{background:#334155}.tr-passage,.tr-transcript{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-height:500px;overflow-y:auto;padding:16px}.tr-passage h5,.tr-transcript h5{color:#1e293b;font-size:14px;font-weight:700;margin:0 0 12px}.tr-passage-content,.tr-transcript-content{color:#475569;font-size:13px;line-height:1.8}.tr-passage-content p,.tr-transcript-content p{margin-bottom:12px}.tr-no-content{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.tr-review-right{display:flex;flex-direction:column;gap:16px}.tr-question-review{border:1px solid #e2e8f0;border-radius:10px;padding:16px}.tr-qr-header{color:#1e293b;font-size:14px;margin-bottom:10px}.tr-qr-instruction{background:#f8fafc;border-radius:8px;color:#64748b;font-size:13px;line-height:1.6;margin-bottom:12px;padding:10px 14px}.tr-qr-questions{display:flex;flex-direction:column;gap:6px}.tr-qr-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:6px 10px}.tr-qr-num{color:#1e293b;font-size:13px;font-weight:700;text-align:center;width:24px}.tr-qr-answer{border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-size:13px;padding:3px 8px}.tr-qr-answer.correct{background:#dcfce7;border-color:#86efac;color:#166534}.tr-qr-answer.incorrect{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.tr-qr-status{color:#16a34a;font-size:14px;font-weight:700}.tr-qr-status.wrong{color:#dc2626}.tr-qr-correct{color:#16a34a;font-size:12px;font-weight:500}.tr-explanation{background:#fffbeb;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.tr-explanation h5{color:#92400e;font-size:14px;font-weight:700;margin:0 0 8px}.tr-explanation-text{color:#78716c;font-size:13px;margin:0}.tr-writing-section .tr-section-header{margin-bottom:16px}.tr-pending-badge{align-items:center;background:#fef3c7;border-radius:20px;color:#92400e;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px}.tr-writing-tasks{display:flex;gap:16px;margin-bottom:16px}.tr-writing-task-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1 1;padding:20px}.tr-writing-task-card h5{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 8px}.tr-wt-score{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:20px;font-weight:800;margin-bottom:8px}.tr-wt-feedback strong{color:#475569;font-size:13px}.tr-wt-feedback p{color:#64748b;font-size:13px;line-height:1.6;margin-top:4px}.tr-writing-responses{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:24px 28px}.tr-writing-responses h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.tr-wr-item{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:16px}.tr-wr-item h5{color:#1e293b;font-size:14px;font-weight:600;line-height:1.5;margin:0 0 10px}.tr-wr-text{background:#f8fafc;border-radius:8px;color:#475569;font-size:13px;line-height:1.8;padding:12px 16px;white-space:pre-wrap}.tr-speaking-section .tr-section-header{margin-bottom:16px}.tr-speaking-responses{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:24px 28px}.tr-speaking-responses h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.tr-sr-item{border:1px solid #e2e8f0;border-radius:10px;gap:16px;margin-bottom:10px;padding:12px 16px}.tr-sr-item,.tr-sr-question{align-items:center;display:flex}.tr-sr-question{flex:1 1;gap:10px}.tr-sr-num{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px;font-weight:700;white-space:nowrap}.tr-sr-item audio{height:32px;min-width:200px}.tr-sr-duration{color:#94a3b8;font-size:12px;white-space:nowrap}@media (max-width:1024px){.tr-main{flex-direction:column}.tr-sidebar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:12px;position:static;width:100%}.tr-sidebar-title{display:none}.tr-section-tab{flex:1 1;justify-content:center;margin-bottom:0;min-width:120px;padding:10px 12px}.tr-review-layout{grid-template-columns:1fr}}@media (max-width:768px){.tr-page{padding:16px 12px}.tr-header{padding:20px}.tr-header,.tr-header-left{align-items:flex-start;flex-direction:column;gap:16px}.tr-overall-score{height:76px;width:76px}.tr-overall-value{font-size:26px}.tr-header-right{width:100%}.tr-share-btn{justify-content:center;width:100%}.tr-section-tab{font-size:13px;min-width:100px;padding:8px 10px}.tr-part-tabs{gap:6px}.tr-part-tab{font-size:12px;min-width:120px;padding:10px 12px}.tr-score-display{flex-direction:column;gap:16px}.tr-answer-sheet,.tr-section-header{padding:16px}.tr-as-grid{grid-template-columns:1fr}.tr-review{padding:16px}.tr-review-layout{grid-template-columns:1fr}.tr-sr-item,.tr-writing-tasks{flex-direction:column}.tr-sr-item{align-items:flex-start;gap:10px}.tr-sr-item audio{width:100%}.tr-meta-row{flex-direction:column;gap:4px}}@media (max-width:480px){.tr-answer-row{font-size:12px;gap:6px;padding:6px 8px}.tr-score-value{font-size:36px}.tr-band-scale{flex-wrap:wrap}.tr-band-marker{font-size:11px;min-width:28px;padding:4px 8px}}.th-page{min-height:60vh;padding:0}.th-container{margin:0 auto;max-width:1200px;padding:24px 20px}.th-page-title{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin-bottom:20px}.th-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e9ecef;display:flex;gap:0;margin-bottom:20px;overflow-x:auto}.th-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.th-tab:hover{background:#e91e630a;color:#e91e63}.th-tab-active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.th-tab i{font-size:.85rem}.th-filters{margin-bottom:20px}.th-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.th-search-wrapper{flex:1 1;min-width:250px;position:relative}.th-search-icon{color:#9ca3af;font-size:.9rem;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.th-search-input{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;color:#1a1a2e;font-size:.9rem;height:44px;padding:0 38px 0 40px;transition:border-color .2s;width:100%}.th-search-input:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91f;outline:none}.th-search-input::placeholder{color:#9ca3af}.th-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.85rem;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.th-search-clear:hover{color:#e91e63}.th-filter-dropdowns{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.th-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1.5px solid #dee2e6;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;height:44px;padding:0 32px 0 12px;transition:border-color .2s}.th-select:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91f;outline:none}.th-advanced-filters{align-items:flex-end;animation:th-slideDown .2s ease;background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;padding:16px}@keyframes th-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.th-advanced-filter-item{display:flex;flex-direction:column;gap:5px}.th-advanced-filter-item label{color:#6c757d;font-size:.78rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.th-date-input{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;color:#374151;font-size:.85rem;height:40px;padding:0 12px}.th-date-input:focus{border-color:#4a90d9;outline:none}.th-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.th-btn-primary{background:#e91e63;color:#fff}.th-btn-primary:hover{background:#c2185b}.th-btn-outline{background:#fff;border:1.5px solid #dee2e6;color:#374151}.th-btn-outline.active,.th-btn-outline:hover{background:#4a90d90d;border-color:#4a90d9;color:#4a90d9}.th-btn-sm{font-size:.82rem;padding:6px 12px}.th-btn-text{background:none;border:none;color:#e91e63;font-size:.82rem;padding:6px 10px}.th-btn-text:hover{text-decoration:underline}.th-btn-danger{background:#dc3545;color:#fff}.th-btn-danger:hover{background:#c82333}.th-btn-warning{background:#f57c00;color:#fff}.th-btn-warning:hover{background:#e65100}.th-btn:disabled{cursor:not-allowed;opacity:.6}.th-table-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden}.th-table{border-collapse:collapse;width:100%}.th-table thead{background:#f1f5f9}.th-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.78rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.th-col-title{width:25%}.th-col-date{width:20%}.th-col-status{width:12%}.th-col-score{width:18%}.th-col-actions{width:25%}.th-row{transition:background-color .15s ease,box-shadow .15s ease}.th-row:hover{background:#f8fafc;box-shadow:inset 0 0 0 1px #00000008}.th-row td{border-bottom:1px solid #f1f5f9;font-size:.88rem;padding:14px 16px;vertical-align:middle}.th-row:last-child td{border-bottom:none}.th-test-info{display:flex;flex-direction:column;gap:3px}.th-test-name{color:#1a1a2e;font-size:.9rem;font-weight:600}.th-test-series{color:#9ca3af;font-size:.8rem}.th-progress-bar-wrapper{display:flex;flex-direction:column;gap:3px;margin-top:6px}.th-progress-bar{background:#e9ecef;border-radius:3px;height:5px;max-width:160px;overflow:hidden;width:100%}.th-progress-fill{background:linear-gradient(90deg,#4a90d9,#667eea);border-radius:3px;height:100%;transition:width .3s ease}.th-progress-fill.th-progress-active{animation:th-pulse 1.5s ease infinite;background:linear-gradient(90deg,#4caf50,#66bb6a)}@keyframes th-pulse{0%,to{opacity:1}50%{opacity:.7}}.th-progress-text{color:#9ca3af;font-size:.72rem}.th-date-text{color:#374151;font-size:.85rem}.th-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;white-space:nowrap}.th-badge-completed{background:#d4edda;color:#155724}.th-badge-incomplete{background:#fff3cd;color:#856404}.th-badge-in-progress{background:#cce5ff;color:#004085}.th-badge-expired{background:#f8d7da;color:#721c24}.th-score-display{display:flex;flex-direction:column;gap:4px}.th-score-main{font-size:1.25rem;font-weight:700}.th-score-excellent{color:#2e7d32}.th-score-very-good{color:#1565c0}.th-score-good{color:#ef6c00}.th-score-moderate{color:#f9a825}.th-score-needs-improvement{color:#c62828}.th-score-breakdown{display:flex;flex-wrap:wrap;gap:8px}.th-score-breakdown span{color:#6c757d;font-size:.72rem;font-weight:500}.th-score-pending-reason{color:#9ca3af;font-size:.72rem;font-style:italic}.th-text-muted{color:#9ca3af}.th-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.th-action-btn{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:5px;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.th-action-btn span{display:inline}.th-action-resume{border:1.5px solid #1976d2;color:#1976d2}.th-action-resume:hover{background:#1976d2;color:#fff}.th-action-result{border:1.5px solid #2e7d32;color:#2e7d32}.th-action-result:hover{background:#2e7d32;color:#fff}.th-action-review{border:1.5px solid #7b1fa2;color:#7b1fa2}.th-action-review:hover{background:#7b1fa2;color:#fff}.th-action-retake{border:1.5px solid #ef6c00;color:#ef6c00}.th-action-retake:hover{background:#ef6c00;color:#fff}.th-action-delete{border:1.5px solid #dee2e6;color:#9ca3af;padding:5px 8px}.th-action-delete:hover{background:#dc35450d;border-color:#dc3545;color:#dc3545}.th-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:12px;padding:16px 0}.th-pagination-info{color:#6c757d;font-size:.84rem}.th-pagination-controls{align-items:center;display:flex;gap:4px}.th-page-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.85rem;height:36px;justify-content:center;min-width:36px;transition:all .15s ease}.th-page-btn:hover:not(:disabled){border-color:#e91e63;color:#e91e63}.th-page-btn:disabled{cursor:not-allowed;opacity:.4}.th-page-active{background:#e91e63;border-color:#e91e63;color:#fff}.th-page-active:hover{background:#c2185b;color:#fff}.th-page-dots{color:#9ca3af;padding:0 4px}.th-pagination-per-page{align-items:center;color:#6c757d;display:flex;font-size:.84rem;gap:6px}.th-pagination-per-page select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:10px;border:1px solid #dee2e6;border-radius:6px;font-size:.84rem;height:34px;padding:0 24px 0 8px}.th-empty-state{padding:60px 20px;text-align:center}.th-empty-icon{color:#d1d5db;font-size:3.5rem;margin-bottom:16px}.th-empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:8px}.th-empty-state p{color:#9ca3af;font-size:.9rem;margin-bottom:20px}.th-error{padding:60px 20px;text-align:center}.th-error i{color:#ffc107;font-size:2.5rem;margin-bottom:12px}.th-error p{color:#6c757d;margin-bottom:16px}.th-modal-overlay{align-items:center;animation:th-fadeIn .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1050}@keyframes th-fadeIn{0%{opacity:0}to{opacity:1}}.th-modal{animation:th-scaleIn .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-width:420px;width:90%}@keyframes th-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.th-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.th-modal-header h3{font-size:1.05rem;font-weight:600;margin:0}.th-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:4px}.th-modal-close:hover{color:#374151}.th-modal-body{padding:24px 20px;text-align:center}.th-modal-warn-icon{color:#ffc107;font-size:2.5rem;margin-bottom:12px}.th-modal-info-icon{color:#f57c00;font-size:2.5rem;margin-bottom:12px}.th-modal-body p{color:#374151;font-size:.92rem;margin:0 0 8px}.th-modal-subtext{color:#6c757d!important;font-size:.85rem!important}.th-modal-danger-text{color:#dc3545!important;font-size:.82rem!important;font-weight:500}.th-modal-info-text{color:#1976d2!important;font-size:.82rem!important}.th-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.th-context-menu{animation:th-fadeIn .1s ease;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 8px 30px #00000026;min-width:180px;padding:6px 0;position:fixed;z-index:1100}.th-context-menu button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 16px;transition:background .1s;width:100%}.th-context-menu button:hover{background:#f1f5f9}.th-context-menu button i{color:#6c757d;font-size:.82rem;text-align:center;width:16px}.th-ctx-danger,.th-ctx-danger i{color:#dc3545!important}.th-toast{align-items:center;animation:th-slideUp .3s ease;border-radius:10px;bottom:24px;box-shadow:0 8px 30px #00000026;display:flex;font-size:.88rem;font-weight:500;gap:10px;padding:12px 20px;position:fixed;right:24px;z-index:1200}@keyframes th-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.th-toast-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.th-toast-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.th-cards-wrapper{display:none}.th-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:12px;overflow:hidden}.th-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:14px 16px 8px}.th-card-title-area{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.th-card-body{padding:0 16px 12px}.th-card-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.th-card-meta-item{align-items:center;color:#6c757d;display:flex;font-size:.82rem;gap:8px}.th-card-meta-item i{font-size:.8rem;text-align:center;width:14px}.th-card-scores{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.th-mini-score{background:#f1f5f9;border-radius:4px;color:#374151;font-size:.75rem;font-weight:600;padding:2px 8px}.th-card-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px}@media (max-width:1024px){.th-table-wrapper{overflow-x:auto}.th-table{min-width:800px}.th-action-btn span{display:none}.th-action-btn{padding:6px 8px}.th-col-actions{width:15%}.th-col-title{width:30%}}@media (max-width:768px){.th-container{padding:16px 12px}.th-page-title{font-size:1.35rem}.th-tabs{gap:0;padding-bottom:2px}.th-tab{font-size:.82rem;padding:10px 12px}.th-tab span{display:none}.th-tab i{font-size:1rem}.th-tab-active span{display:inline}.th-filters-row{flex-direction:column}.th-search-wrapper{min-width:100%}.th-filter-dropdowns{flex-wrap:wrap;width:100%}.th-select{flex:1 1;min-width:120px}.th-advanced-filters{flex-direction:column;gap:12px}.th-advanced-filter-item,.th-advanced-filter-item .th-select,.th-date-input{width:100%}.th-table-wrapper{display:none}.th-cards-wrapper{display:block}.th-pagination{align-items:center;flex-direction:column;gap:10px}.th-pagination-per-page{order:-1}.th-toast{bottom:16px;left:16px;right:16px}}@media (max-width:480px){.th-card-actions{flex-direction:column}.th-card-actions .th-action-btn{justify-content:center;width:100%}.th-tab{font-size:.78rem;padding:10px 8px}}.admin-dashboard{padding:0}.ad-loading{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:15px;gap:12px;justify-content:center;padding:60px 20px}.ad-loading i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:20px}.ad-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.ad-page-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.ad-page-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0}.ad-header-actions{align-items:center;display:flex;gap:10px}.ad-header-date{align-items:center;background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;gap:8px;padding:8px 14px;white-space:nowrap}.ad-header-date i{color:#e91e63;color:var(--brand-primary,#e91e63)}.ad-refresh-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ad-refresh-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.ad-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.ad-pending-banner{background:linear-gradient(135deg,#fff9f0,#fff5f5);border:1px solid #ffe0b2;border-radius:14px;margin-bottom:22px;padding:18px 22px}.ad-pending-title{align-items:center;color:#e65100;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.ad-pending-title i{font-size:14px}.ad-pending-items{display:flex;flex-wrap:wrap;gap:8px}.ad-pending-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;transition:all .2s ease}.ad-pending-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.ad-pending-item i:first-child{font-size:14px}.ad-pending-warning i:first-child{color:#f57f17}.ad-pending-purple i:first-child{color:#7b1fa2}.ad-pending-danger i:first-child{color:#f44336}.ad-pending-info i:first-child{color:#2196f3}.ad-pending-arrow{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;margin-left:4px}.ad-stats-grid{grid-gap:16px;display:grid;gap:16px;margin-bottom:20px}.ad-stats-4{grid-template-columns:repeat(4,1fr)}.ad-stat-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:22px 20px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ad-stat-card:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.ad-stat-primary:before{background:linear-gradient(90deg,#e91e63,#f06292)}.ad-stat-success:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.ad-stat-warning:before{background:linear-gradient(90deg,#f57f17,#ffb74d)}.ad-stat-info:before{background:linear-gradient(90deg,#2196f3,#64b5f6)}.ad-stat-teal:before{background:linear-gradient(90deg,#009688,#4db6ac)}.ad-stat-danger:before{background:linear-gradient(90deg,#f44336,#ef5350)}.ad-stat-purple:before{background:linear-gradient(90deg,#7b1fa2,#ab47bc)}.ad-stat-navy:before{background:linear-gradient(90deg,#1a237e,#3f51b5)}.ad-stat-card:hover{border-color:#0000;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.ad-stat-top{align-items:flex-start;display:flex;justify-content:space-between}.ad-stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:transform .25s ease;width:48px}.ad-stat-card:hover .ad-stat-icon{transform:scale(1.1)}.ad-stat-primary .ad-stat-icon{background:#e91e631a;color:#e91e63;color:var(--brand-primary,#e91e63)}.ad-stat-success .ad-stat-icon{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#4caf50;color:var(--color-success,#4caf50)}.ad-stat-warning .ad-stat-icon{background:#fff8e1;background:var(--color-warning-light,#fff8e1);color:#f57f17}.ad-stat-info .ad-stat-icon{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);color:#2196f3;color:var(--color-info,#2196f3)}.ad-stat-teal .ad-stat-icon{background:#0096881a;color:#009688}.ad-stat-danger .ad-stat-icon{background:#f443361a;color:#f44336}.ad-stat-purple .ad-stat-icon{background:#7b1fa21a;color:#7b1fa2}.ad-stat-navy .ad-stat-icon{background:#1a237e1a;color:#1a237e}.ad-stat-sm{align-items:flex-start;flex-direction:row;padding:18px}.ad-stat-sm .ad-stat-icon{border-radius:10px;font-size:16px;height:40px;width:40px}.ad-stat-info{display:flex;flex-direction:column;min-width:0}.ad-stat-number{color:#1e293b;color:var(--text-primary,#1e293b);font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.ad-stat-sm .ad-stat-number{font-size:22px}.ad-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:500;margin-top:2px}.ad-stat-trend{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:500;margin-top:4px}.ad-trend-bars{align-items:flex-end;display:flex;gap:3px;height:36px}.ad-trend-bar{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:3px 3px 0 0;min-height:3px;opacity:.4;transition:opacity .2s ease;width:6px}.ad-stat-success .ad-trend-bar{background:#4caf50}.ad-stat-teal .ad-trend-bar{background:#009688}.ad-trend-bar:last-child{opacity:.9}.ad-trend-bar:nth-last-child(2){opacity:.7}.ad-bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:22px}.ad-section{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:22px;transition:box-shadow .3s ease}.ad-section:hover{box-shadow:0 4px 16px #0000000f}.ad-section-title{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.ad-section-title i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px}.ad-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.ad-action-card{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px 10px 14px;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ad-action-icon-wrap{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.ad-action-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:12px;font-weight:600}.ad-action-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-4px)}.ad-action-primary .ad-action-icon-wrap{background:#e91e6314;color:#e91e63;color:var(--brand-primary,#e91e63)}.ad-action-primary:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.ad-action-navy .ad-action-icon-wrap{background:#1a237e14;color:#1a237e;color:var(--brand-navy,#1a237e)}.ad-action-navy:hover{border-color:#1a237e;border-color:var(--brand-navy,#1a237e)}.ad-action-success .ad-action-icon-wrap{background:#4caf5014;color:#4caf50;color:var(--color-success,#4caf50)}.ad-action-success:hover{border-color:#4caf50;border-color:var(--color-success,#4caf50)}.ad-action-warning .ad-action-icon-wrap{background:#f57f1714;color:#f57f17}.ad-action-warning:hover{border-color:#f57f17}.ad-action-teal .ad-action-icon-wrap{background:#00968814;color:#009688}.ad-action-teal:hover{border-color:#009688}.ad-action-purple .ad-action-icon-wrap{background:#7b1fa214;color:#7b1fa2}.ad-action-purple:hover{border-color:#7b1fa2}.ad-action-danger .ad-action-icon-wrap{background:#f4433614;color:#f44336}.ad-action-danger:hover{border-color:#f44336}.ad-action-info .ad-action-icon-wrap{background:#2196f314;color:#2196f3}.ad-action-info:hover{border-color:#2196f3}.ad-activity-list{display:flex;flex-direction:column;max-height:360px;overflow-y:auto}.ad-activity-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);display:flex;gap:12px;padding:12px 8px;transition:background .15s ease}.ad-activity-item:last-child{border-bottom:none}.ad-activity-item:hover{background:#f8fafc;background:var(--gray-50,#f8fafc)}.ad-activity-icon-wrap{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:12px;height:30px;justify-content:center;width:30px}.ad-act-success .ad-activity-icon-wrap{background:#4caf501a;color:#4caf50}.ad-act-primary .ad-activity-icon-wrap{background:#e91e631a;color:#e91e63}.ad-act-warning .ad-activity-icon-wrap{background:#f57f171a;color:#f57f17}.ad-act-info .ad-activity-icon-wrap{background:#2196f31a;color:#2196f3}.ad-activity-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ad-activity-text{word-wrap:break-word;color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;line-height:1.4;overflow-wrap:break-word}.ad-activity-time{font-size:11px}.ad-activity-time,.ad-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.ad-empty{font-size:14px;padding:32px 20px;text-align:center}.ad-platform-footer{background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;flex-wrap:wrap;gap:24px;padding:16px 20px}.ad-pf-item{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;gap:8px}.ad-pf-item i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px}@media (max-width:1200px){.ad-stats-4{grid-template-columns:repeat(2,1fr)}.ad-bottom-grid{grid-template-columns:1fr}.ad-actions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.ad-page-header{flex-direction:column;gap:12px}.ad-stats-2,.ad-stats-4{grid-template-columns:1fr}.ad-actions-grid{grid-template-columns:repeat(2,1fr)}.ad-stat-number{font-size:24px}.ad-pending-items,.ad-platform-footer{flex-direction:column}.ad-platform-footer{gap:10px}.ad-activity-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}.ad-stats-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.ad-activity-filters{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0 12px}.ad-af-btn{align-items:center;background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #f1f5f9;border:1px solid var(--gray-100,#f1f5f9);border-radius:20px;color:#64748b;color:var(--gray-500,#64748b);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.ad-af-btn:hover{background:#e0f2f1;border-color:#009688;color:#009688}.ad-af-btn.active{background:#009688;border-color:#009688;color:#fff}.ad-af-btn i{font-size:10px}.ad-activity-meta{align-items:center;display:flex;gap:8px;margin-top:2px}.ad-activity-type{border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.ad-at-attempt{background:#dbeafe;color:#1d4ed8}.ad-at-user{background:#fce7f3;color:#be185d}.ad-at-enrollment{background:#d1fae5;color:#059669}.ad-at-security{background:#fee2e2;color:#dc2626}.ad-at-writing{background:#ede9fe;color:#7c3aed}.ad-at-payment{background:#ccfbf1;color:#0d9488}.ad-at-result{background:#fef3c7;color:#d97706}.test-set-form-container{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:var(--shadow-sm);margin-bottom:30px;padding:25px}.test-set-form-container h4{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);margin-bottom:20px;padding-bottom:10px}.test-set-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{border-radius:4px;border-radius:var(--border-radius-sm,4px);padding:10px 12px}.form-group.checkbox{align-items:center;flex-direction:row;gap:10px}.form-group.checkbox input{width:auto}.form-actions{margin-top:10px}.card-action-menu{flex-shrink:0;position:relative;z-index:10}.card-action-menu-trigger,.question-manager .card-action-menu-trigger,.section-manager .card-action-menu-trigger,.test-manager .card-action-menu-trigger,.test-set-manager .card-action-menu-trigger{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:34px;justify-content:center;line-height:1;min-width:34px;padding:0;transition:all .2s ease;white-space:normal;width:34px}.card-action-menu-trigger:hover{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63);transform:scale(1.05)}.card-action-menu-dropdown{animation:cam-dropIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001f,0 4px 12px #0000000f;min-width:190px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}@keyframes cam-dropIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-action-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:background .15s ease;white-space:nowrap;width:100%}.card-action-menu-item:hover{background:#f5f5f5;background:var(--gray-100,#f5f5f5)}.card-action-menu-item.item-danger{color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.card-action-menu-item.item-danger:hover{background:#ffebee;background:var(--color-danger-light,#ffebee)}.menu-item-icon{flex-shrink:0;font-size:15px;text-align:center;width:20px}.menu-item-label{flex:1 1}.attempt-manager,.question-manager,.roadmap-manager,.section-manager,.test-manager,.test-set-manager,.user-manager{padding:0}.manager-header{gap:20px;margin-bottom:32px;padding-bottom:22px}.manager-header h3{font-weight:800;letter-spacing:-.02em}.search-group{align-items:center;display:flex}.admin-page .btn,.attempt-manager .btn,.question-manager .btn,.section-manager .btn,.test-manager .btn,.test-set-manager .btn,.user-manager .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.admin-page .btn:active,.attempt-manager .btn:active,.question-manager .btn:active,.section-manager .btn:active,.test-manager .btn:active,.test-set-manager .btn:active,.user-manager .btn:active{transform:scale(.97)}.admin-page .btn-primary,.attempt-manager .btn-primary,.question-manager .btn-primary,.section-manager .btn-primary,.test-manager .btn-primary,.test-set-manager .btn-primary,.user-manager .btn-primary{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 2px 6px #e91e6340;color:#fff}.admin-page .btn-primary:hover,.attempt-manager .btn-primary:hover,.question-manager .btn-primary:hover,.section-manager .btn-primary:hover,.test-manager .btn-primary:hover,.test-set-manager .btn-primary:hover,.user-manager .btn-primary:hover{background:linear-gradient(135deg,#c2185b,#ad1457);box-shadow:0 4px 14px #e91e6359;transform:translateY(-1px)}.admin-page .btn-primary:disabled,.question-manager .btn-primary:disabled,.section-manager .btn-primary:disabled,.test-manager .btn-primary:disabled,.test-set-manager .btn-primary:disabled{background:#bdbdbd;background:var(--gray-400,#bdbdbd);box-shadow:none;cursor:not-allowed}.admin-page .btn-secondary,.attempt-manager .btn-secondary,.question-manager .btn-secondary,.section-manager .btn-secondary,.test-manager .btn-secondary,.test-set-manager .btn-secondary,.user-manager .btn-secondary{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121)}.admin-page .btn-secondary:hover,.attempt-manager .btn-secondary:hover,.question-manager .btn-secondary:hover,.section-manager .btn-secondary:hover,.test-manager .btn-secondary:hover,.test-set-manager .btn-secondary:hover,.user-manager .btn-secondary:hover{background:#eee;background:var(--gray-200,#eee);border-color:#bdbdbd;border-color:var(--gray-400,#bdbdbd)}.admin-page .btn-danger,.attempt-manager .btn-danger,.question-manager .btn-danger,.section-manager .btn-danger,.test-manager .btn-danger,.test-set-manager .btn-danger,.user-manager .btn-danger{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.admin-page .btn-danger:hover,.attempt-manager .btn-danger:hover,.question-manager .btn-danger:hover,.section-manager .btn-danger:hover,.test-manager .btn-danger:hover,.test-set-manager .btn-danger:hover,.user-manager .btn-danger:hover{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;box-shadow:0 3px 10px #f443364d;color:#fff;transform:translateY(-1px)}.admin-page .btn-success,.attempt-manager .btn-success,.question-manager .btn-success,.section-manager .btn-success,.test-manager .btn-success,.test-set-manager .btn-success,.user-manager .btn-success{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.admin-page .btn-success:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 3px 10px #4caf504d;color:#fff;transform:translateY(-1px)}.admin-page .btn-info,.attempt-manager .btn-info,.question-manager .btn-info,.section-manager .btn-info,.test-manager .btn-info,.test-set-manager .btn-info,.user-manager .btn-info{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);color:#1976d2;color:var(--color-info-dark,#1976d2)}.admin-page .btn-info:hover,.question-manager .btn-info:hover,.section-manager .btn-info:hover,.test-manager .btn-info:hover,.test-set-manager .btn-info:hover{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;box-shadow:0 3px 10px #2196f34d;color:#fff;transform:translateY(-1px)}.admin-page .btn-warning,.attempt-manager .btn-warning,.question-manager .btn-warning,.section-manager .btn-warning,.test-manager .btn-warning,.test-set-manager .btn-warning,.user-manager .btn-warning{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #ffe082;border:1px solid var(--color-warning-border,#ffe082);color:#f57f17;color:var(--color-warning-dark,#f57f17)}.admin-page .btn-warning:hover,.question-manager .btn-warning:hover,.section-manager .btn-warning:hover,.test-manager .btn-warning:hover,.test-set-manager .btn-warning:hover{background:linear-gradient(135deg,#ffb300,#f57f17);border-color:#ffb300;box-shadow:0 3px 10px #ffc1074d;color:#fff;transform:translateY(-1px)}.btn-config{background:#f3e5f5;border:1px solid #e1bee7;color:#7b1fa2}.section-manager .btn-config:hover{background:#ce93d8;border-color:#ce93d8;color:#fff}.admin-page .btn-outline,.question-manager .btn-outline,.section-manager .btn-outline,.test-manager .btn-outline,.test-set-manager .btn-outline{background:#0000;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);color:#757575;color:var(--text-secondary,#757575)}.admin-page .btn-outline:hover,.question-manager .btn-outline:hover,.section-manager .btn-outline:hover,.test-manager .btn-outline:hover,.test-set-manager .btn-outline:hover{background:#e91e630a;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.admin-page .btn-outline.disabled,.question-manager .btn-outline.disabled,.section-manager .btn-outline.disabled,.test-manager .btn-outline.disabled,.test-set-manager .btn-outline.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.admin-page .btn-sm,.attempt-manager .btn-sm,.btn-sm,.question-manager .btn-sm,.section-manager .btn-sm,.test-manager .btn-sm,.test-set-manager .btn-sm,.user-manager .btn-sm{border-radius:7px;font-size:13px;padding:8px 16px}.btn:disabled{opacity:.5}.attempt-card,.question-card,.section-card,.test-card,.test-set-card{word-wrap:break-word;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 1px 4px #0000000d,0 1px 2px #00000008;min-width:0;overflow-wrap:break-word;padding:20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.attempt-card:hover,.question-card:hover,.section-card:hover,.test-card:hover,.test-set-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 8px 24px #00000014,0 2px 8px #e91e630f;transform:translateY(-3px)}.section-header,.test-header,.test-set-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.attempt-header h4,.section-header h4,.test-header h4,.test-set-header h4{word-wrap:break-word;color:#212121;color:var(--text-primary,#212121);flex:1 1;font-size:1rem;font-weight:600;line-height:1.4;margin:0;min-width:0;overflow-wrap:break-word}.section-info,.test-info,.test-set-info{max-width:100%;min-width:0;overflow:hidden}.section-info p,.test-info p,.test-set-info p{align-items:baseline;color:#757575;color:var(--text-secondary,#757575);display:flex;flex-wrap:wrap;font-size:.82rem;gap:6px;line-height:1.5;margin:0;padding:3px 0}.section-info p strong,.test-info p strong,.test-set-info p strong{color:#212121;color:var(--text-primary,#212121);flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.3px;min-width:65px;text-transform:uppercase}.question-actions,.section-actions,.test-actions,.test-set-actions{border-top:1px solid #f5f5f5;border-top:1px solid var(--gray-100,#f5f5f5);display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px}.card-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.card-stats-grid{grid-gap:4px 12px;background:linear-gradient(135deg,#fafbfc,#f5f6f8);border:1px solid #0000000a;border-radius:8px;color:#757575;color:var(--text-secondary,#757575);display:grid;font-size:.78rem;gap:4px 12px;grid-template-columns:1fr 1fr;margin:6px 0;padding:10px 12px}.card-stats-grid span{align-items:center;display:flex;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-primary-action{border-top:1px solid #f5f5f5;border-top:1px solid var(--gray-100,#f5f5f5);margin-top:14px;padding-top:12px}.btn-primary-action{word-wrap:break-word;align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;box-shadow:0 2px 6px #e91e6333;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.2px;overflow-wrap:break-word;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:normal;width:100%}.btn-primary-action:hover{background:linear-gradient(135deg,#c2185b,#ad1457);box-shadow:0 4px 14px #e91e6359;transform:translateY(-1px)}.btn-primary-action:active{transform:translateY(0)}.action-arrow{font-size:16px;transition:transform .2s ease}.btn-primary-action:hover .action-arrow{transform:translateX(3px)}.status,.status-active,.status-badge,.status-completed,.status-draft,.status-inactive,.status-pending{align-items:center;border-radius:50px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.2px;padding:5px 14px;white-space:nowrap}.status.active{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.status.inactive{background:#ffebee;background:var(--color-danger-light,#ffebee);color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.section-type{align-items:center;border-radius:50px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 14px;text-transform:uppercase;white-space:nowrap}.section-type.listening{background:#e0f2f1;border:1px solid #b2dfdb;color:#00695c}.section-type.reading{border:1px solid #ffcdd2}.section-type.writing{border:1px solid #c8e6c9}.section-type.speaking{background:#f3e5f5;border:1px solid #e1bee7;color:#7b1fa2}.alert{align-items:center;animation:ac-alertSlide .3s ease-out;border:1px solid;border-radius:10px;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:20px;padding:14px 20px}@keyframes ac-alertSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-color:#c8e6c9;border-color:var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.alert-danger{background:#ffebee;background:var(--color-danger-light,#ffebee);border-color:#ffcdd2;border-color:var(--color-danger-border,#ffcdd2)}.alert-info{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-color:#bbdefb;border-color:var(--color-info-border,#bbdefb);color:#1976d2;color:var(--color-info-dark,#1976d2)}.alert-warning{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-color:#ffe082;border-color:var(--color-warning-border,#ffe082)}.alert-close{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:12px;padding:4px;transition:background .2s}.alert-close:hover{background:#0000000f}.filters-container{grid-gap:20px;background:linear-gradient(135deg,#fafbfc,#f5f6f8);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:14px;box-shadow:0 1px 3px #00000008;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin-bottom:28px;padding:24px 28px}.filter-group label{color:#757575;color:var(--text-secondary,#757575);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.admin-page input[type=email],.admin-page input[type=number],.admin-page input[type=text],.admin-page select,.admin-page textarea,.search-input,.section-filter,.status-filter,.test-filter,.test-set-filter,.type-filter,.year-filter{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#212121;color:var(--text-primary,#212121);font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus,.search-input:focus,.section-filter:focus,.status-filter:focus,.test-filter:focus,.test-set-filter:focus,.type-filter:focus,.year-filter:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e6314;outline:none}.results-summary{background:linear-gradient(135deg,#e91e630a,#e91e6314);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:10px;margin-bottom:24px;padding:14px 20px}.results-summary p{color:#c2185b;color:var(--brand-primary-dark,#c2185b);font-size:14px;font-weight:500;margin:0}.card-grid,.section-list,.sections-grid,.test-list,.test-set-list,.test-sets-grid,.tests-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));margin-top:4px}.loading,.no-data{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;color:#757575;color:var(--text-secondary,#757575);font-size:15px;padding:64px 32px;text-align:center}.loading p,.no-data p{margin:0}.loading i,.no-data i{color:#cbd5e1;display:block;font-size:2rem;margin-bottom:12px}.pagination{flex-wrap:wrap;margin-top:36px;padding-top:24px}.pagination .btn{height:42px;justify-content:center;min-width:42px;padding:8px 14px;text-align:center}.pagination .btn.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.pagination-ellipsis{color:#757575;color:var(--text-secondary,#757575);font-size:14px;padding:8px 6px}.admin-table{border-collapse:collapse;border-radius:10px;margin-top:16px;overflow:hidden;width:100%}.admin-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);font-size:12px;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{color:#212121;color:var(--text-primary,#212121);padding:14px 16px}.admin-table td{word-wrap:break-word;border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100,#f5f5f5);font-size:14px;overflow-wrap:break-word;transition:background .15s ease;word-break:break-word}.admin-table tr:hover td{background:#e91e6305}@media (max-width:768px){.manager-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;gap:10px;width:100%}.filters-container{padding:20px}.card-grid,.filters-container,.section-list,.sections-grid,.test-list,.test-set-list,.test-sets-grid,.tests-grid{grid-template-columns:1fr}.pagination{gap:4px}.pagination .btn{font-size:13px;height:36px;min-width:36px;padding:6px 10px}.section-header,.test-header,.test-set-header{flex-direction:column}}.test-set-info .description{border-top:1px solid #f5f5f5;border-top:1px solid var(--gray-100,#f5f5f5);color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:.85rem;font-style:italic;line-height:1.5;margin-top:14px;padding-top:14px}.test-form-container{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:28px}.test-form-container h4{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);font-size:1.2rem;margin-bottom:24px;padding-bottom:14px}.test-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);font-size:14px;padding:11px 14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);outline:none}@media (max-width:768px){.form-row{grid-template-columns:1fr}.test-form-container{padding:15px}}.test-number{align-items:center;background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-radius:50px;color:#212121;color:var(--text-primary,#212121);display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.2px;padding:5px 14px;white-space:nowrap}.test-manager .search-input,.test-set-filter{min-width:min(200px,100%)}.section-form-container{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:28px}.section-form-container h4{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);font-size:1.2rem;margin-bottom:24px;padding-bottom:14px}.section-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-template-columns:1fr 1fr}.form-group input:disabled,.form-group select:disabled{background-color:#fafafa;background-color:var(--gray-50,#fafafa);cursor:not-allowed}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336;border-color:var(--color-danger,#f44336);box-shadow:0 0 0 .2rem #f4433640}.error-text{color:#f44336;color:var(--color-danger,#f44336);display:block;font-size:.875rem;margin-top:.25rem}.alert-danger{background-color:#ffebee;background-color:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);border-radius:.25rem;color:#d32f2f;color:var(--color-danger-dark,#d32f2f);margin-bottom:1rem;padding:.75rem 1.25rem}.file-info{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:.25rem}.current-file,.file-info{word-wrap:break-word;font-size:.875rem;margin-top:.5rem;overflow-wrap:break-word;padding:.5rem}.current-file{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);border-radius:.25rem}.btn{padding:10px 20px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.section-form-container{padding:15px}}.page-content-editor{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:20px}.editor-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.editor-actions{display:flex;gap:10px}.page-tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;gap:5px;margin-bottom:20px}.tab-btn{background:#e0e0e0;background:var(--border-color,#e0e0e0);border:none;border-radius:5px 5px 0 0;cursor:pointer;padding:10px 20px;transition:background .3s}.tab-btn.active{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff;color:var(--text-inverse,#fff)}.tab-btn:hover:not(.active){background:#bdbdbd;background:var(--gray-400,#bdbdbd)}.editor-fields{background:#fff;background:var(--bg-surface,#fff);border-radius:5px;box-shadow:0 1px 3px #0000001a;padding:20px}.field-group{margin-bottom:20px}.field-group label{color:#212121;color:var(--text-primary,#212121);display:block;font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:5px}.field-group textarea{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);font-family:inherit;padding:10px;resize:vertical;width:100%}.field-group textarea:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 2px #e91e6340;outline:none}.editor-preview{background:#fff;background:var(--bg-surface,#fff);border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-top:30px;padding:20px}.editor-preview h4{color:#212121;color:var(--text-primary,#212121);margin-bottom:15px}.preview-content{background:#fafafa;background:var(--gray-50,#fafafa);border:1px dashed #e0e0e0;border:1px dashed var(--border-color,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);min-height:100px;padding:15px}.preview-placeholder{color:#757575;color:var(--text-secondary,#757575);font-style:italic}.section-card{background:#fff;background:var(--bg-surface,#fff);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:var(--shadow-sm);margin-bottom:15px;padding:20px}.section-info h4{color:#212121;color:var(--text-primary,#212121);margin:0 0 10px}.section-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.btn{transition:background .3s}.btn-secondary{background:var(--text-secondary,#757575)}.btn-info{background:#2196f3;background:var(--color-info,#2196f3);color:#fff;color:var(--text-inverse,#fff)}.btn-warning{background:#ffc107;background:var(--color-warning,#ffc107);color:#212121;color:var(--text-primary,#212121)}.btn-success{background:#4caf50;background:var(--color-success,#4caf50)}.btn:hover{opacity:.9}.btn:disabled{cursor:not-allowed;opacity:.6}.page-count-config{background:#fafafa;background:var(--gray-50,#fafafa);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:5px;margin-bottom:20px;padding:15px 20px}.config-group{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.config-group label{color:#212121;color:var(--text-primary,#212121);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.page-count-select{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);padding:8px 12px}.config-info{word-wrap:break-word;color:#757575;color:var(--text-secondary,#757575);font-size:14px;font-style:italic;overflow-wrap:break-word}.editor-title{display:flex;flex-direction:column;gap:5px}.section-info{display:flex;font-size:14px;gap:15px}.section-type{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.section-pages,.section-type{border-radius:3px;padding:4px 8px}.section-pages{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);color:#1976d2;color:var(--color-info-dark,#1976d2);font-weight:500;font-weight:var(--font-weight-medium,500)}@media (max-width:768px){.config-group{align-items:flex-start;flex-direction:column}.editor-header{flex-direction:column;gap:15px}.editor-actions{align-self:flex-end}}.placeholder-help{margin-bottom:8px}.placeholder-help summary{color:#666;cursor:pointer;font-size:13px;padding:4px 0}.placeholder-help summary:hover{color:#333}.placeholder-help-body{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#555;font-size:13px;margin-top:6px;padding:8px 12px}.placeholder-help-body p{margin:4px 0}.placeholder-table{border-collapse:collapse;font-size:12px;margin:6px 0;width:100%}.placeholder-table td,.placeholder-table th{border:1px solid #ddd;padding:4px 8px;text-align:left}.placeholder-table th{background:#e9ecef;font-weight:600}.placeholder-table code{background:#fff3cd;border-radius:2px;font-size:12px;padding:1px 4px}.section-manager .type-filter,.test-filter{min-width:min(200px,100%)}.section-manager .search-input{min-width:min(220px,100%)}.section-stats-grid{grid-gap:6px 12px;background:#fafafa;background:var(--gray-50,#fafafa);border-radius:8px;display:grid;gap:6px 12px;grid-template-columns:1fr 1fr;margin:8px 0;padding:10px 12px}.section-stats-grid span{color:#757575;color:var(--text-secondary,#757575);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-info .instructions{-webkit-line-clamp:2;-webkit-box-orient:vertical;border-top:none;color:#9e9e9e;color:var(--gray-500,#9e9e9e);display:-webkit-box;font-size:.8rem;font-style:italic;line-height:1.4;margin-top:8px;max-height:40px;overflow:hidden;padding-top:0}.page-content-indicator{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-radius:6px;box-sizing:border-box;color:#2e7d32;color:var(--color-success-dark,#2e7d32);display:inline-block!important;font-size:.78rem!important;font-weight:500;margin-top:8px!important;max-width:100%;padding:4px 10px}.page-content-info{border-top:1px solid #f5f5f5;border-top:1px solid var(--gray-100,#f5f5f5);margin-top:14px;padding-top:14px}.page-preview{background:#fafafa;background:var(--gray-50,#fafafa);border-left:3px solid #2196f3;border-left:3px solid var(--color-info,#2196f3);border-radius:8px;margin-top:10px;padding:12px 14px}.page-preview-item{align-items:flex-start;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.page-preview-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.page-number{color:#212121;color:var(--text-primary,#212121);font-size:.8rem;font-weight:600;min-width:70px}.page-preview-text{color:#757575;color:var(--text-secondary,#757575);flex:1 1;font-size:.8rem;line-height:1.45;margin-left:12px;word-break:break-word}.page-preview-more{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--border-color,#e0e0e0);color:#2196f3;color:var(--color-info,#2196f3);font-size:.8rem;font-weight:500;padding-top:6px;text-align:center}.config-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}.config-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.config-section{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;margin-bottom:20px;padding:18px}.config-section h4{color:#212121;color:var(--text-primary,#212121);font-size:1rem;font-weight:600;margin:0 0 16px}.config-mode-banner{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #ffe082;border:1px solid var(--color-warning-border,#ffe082);border-radius:8px;color:#f57f17;color:var(--color-warning-dark,#f57f17);font-size:14px;margin-bottom:16px;padding:12px 16px}@media (max-width:768px){.section-manager .search-input,.section-manager .type-filter,.test-filter{min-width:100%;width:100%}.section-actions{justify-content:center}}.question-form-container{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:28px}.question-form-container h4{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);font-size:1.2rem;margin-bottom:24px;padding-bottom:14px}.question-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.form-group{display:flex;flex-direction:column}.form-group label{color:#212121;color:var(--text-primary,#212121);font-size:14px;font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);font-family:inherit;font-size:14px;padding:11px 14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);outline:none}.options-container{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:10px}.option-item,.options-container{border-radius:4px;border-radius:var(--border-radius-sm,4px)}.option-item{word-wrap:break-word;align-items:center;background:#fafafa;background:var(--gray-50,#fafafa);border-bottom:1px solid #fafafa;border-bottom:1px solid var(--gray-50,#fafafa);display:flex;justify-content:space-between;margin-bottom:5px;min-width:0;overflow-wrap:break-word;padding:8px}.option-item:last-child{border-bottom:none;margin-bottom:0}.btn-remove{align-items:center;background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:50%;border-radius:var(--border-radius-circle,50%);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.btn-remove:hover{background:#d32f2f;background:var(--color-danger-dark,#d32f2f)}.add-option{display:flex;gap:10px;margin-top:10px}.add-option input{flex:1 1}.btn-add{background:#4caf50;background:var(--color-success,#4caf50);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:12px;padding:8px 12px}.btn-add:hover{background:#2e7d32;background:var(--color-success-dark,#2e7d32)}.form-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:10px;margin-top:20px;padding-top:20px}.alert-warning{align-items:center;background-color:#fff8e1;background-color:var(--color-warning-light,#fff8e1);border:1px solid #fff8e1;border:1px solid var(--color-warning-light,#fff8e1);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#f57f17;color:var(--color-warning-dark,#f57f17);display:flex;gap:8px;margin-bottom:16px;padding:12px}.alert-warning:before{content:"⚠️"}.form-group input:invalid{border-color:#f44336;border-color:var(--color-danger,#f44336)}.form-group input:valid{border-color:#4caf50;border-color:var(--color-success,#4caf50)}.duplicate-warning{background-color:#ffebee;background-color:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#d32f2f;color:var(--color-danger-dark,#d32f2f);margin-top:4px}.duplicate-warning,.file-info{font-size:.9em;padding:8px 12px}.file-info{border:1px dashed #e0e0e0;border:1px dashed var(--border-color,#e0e0e0);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#212121;color:var(--text-primary,#212121);margin-top:8px}.file-info,.question-type-section{background:#fafafa;background:var(--gray-50,#fafafa)}.question-type-section{border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:8px;border-radius:var(--border-radius-md,8px);margin:16px 0;padding:16px}.speaking-section{border-left-color:#4caf50;border-left-color:var(--color-success,#4caf50)}.options-section{border-left-color:#ffc107;border-left-color:var(--color-warning,#ffc107)}@media (max-width:768px){.question-form-container{padding:16px}.form-row{grid-template-columns:1fr}.add-option{flex-direction:column}}.questions-list{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.question-header{align-items:flex-start;border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100,#f5f5f5);display:flex;gap:12px;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.question-header h5{color:#212121;color:var(--text-primary,#212121);font-size:1.05rem;font-weight:600;line-height:1.45;margin:0}.question-type{align-items:center;border-radius:50px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.2px;padding:5px 14px;text-transform:capitalize;white-space:nowrap}.question-type.radio{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);color:#1976d2;color:var(--color-info-dark,#1976d2)}.question-type.checkbox{background:#f3e5f5;color:#7b1fa2}.question-type.dropdown{background:#e8f5e9;color:#388e3c}.question-type.text{background:#fff3e0;color:#f57c00}.question-type.textarea{background:#fce4ec;color:#c2185b}.question-type.speaking{background:#e8f5e9;color:#2e7d32}.question-type.fill_in_blank{background:#ede7f6;color:#5e35b1}.question-content{word-wrap:break-word;color:#212121;color:var(--text-primary,#212121);font-size:14px;line-height:1.7;overflow-wrap:break-word}.question-content,.question-options{border-radius:10px;margin:16px 0;padding:18px 22px}.question-options{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-left:4px solid #ffc107;border-left:4px solid var(--color-warning,#ffc107)}.question-options strong{color:#f57f17;color:var(--color-warning-dark,#f57f17);font-size:13px}.question-options ul{margin:10px 0 0}.question-options li{color:#212121;color:var(--text-primary,#212121);font-size:14px;line-height:1.55;margin:8px 0}.speaking-prompt{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:10px;font-size:14px;line-height:1.6;margin:16px 0;padding:18px 22px}.speaking-prompt p{margin:8px 0 0}.speaking-prompt small{color:#757575;color:var(--text-secondary,#757575);display:block;font-size:12px;margin-top:8px}.question-meta{grid-gap:12px;border-top:1px solid #f5f5f5;border-top:1px solid var(--gray-100,#f5f5f5);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));margin-top:18px;padding-top:16px}.question-meta p{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;line-height:1.5;margin:0}.question-meta p strong{color:#212121;color:var(--text-primary,#212121);font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}@media (max-width:768px){.question-header{flex-direction:column;gap:10px}.question-meta{grid-template-columns:1fr}.question-actions{justify-content:center}.question-content,.question-options{padding:14px 16px}}.attempt-manager{padding:20px}.attempt-manager h2{color:#212121;color:var(--text-primary,#212121);margin-bottom:25px;padding-bottom:10px}.attempt-manager h2,.manager-header{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0)}.manager-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.manager-header h3{color:#212121;color:var(--text-primary,#212121);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.advanced-filters{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));margin-bottom:15px}.filter-group{flex-direction:column;gap:8px}.filter-group label{color:#212121;color:var(--text-primary,#212121);font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium,500)}.filter-group input,.filter-group select{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a;outline:none}.search-section{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.search-input-group{display:flex;gap:10px;max-width:500px}.search-input{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);flex:1 1;padding:12px 16px}.search-input:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a}.search-btn{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;padding:12px 20px;transition:background .3s}.search-btn:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.success-message{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9);border-radius:6px;color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.error-message,.success-message{align-items:center;display:flex;justify-content:between;margin-bottom:20px;padding:12px 20px}.error-message{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);border-radius:6px;color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.close-error,.close-success{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:auto}.attempts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));margin-top:20px}.attempt-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:var(--shadow-sm);overflow:hidden;padding:20px;position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.attempt-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:var(--shadow-md);transform:translateY(-2px)}.attempt-header{align-items:flex-start;border-bottom:1px solid #fafafa;border-bottom:1px solid var(--gray-50,#fafafa);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.attempt-header h4{color:#212121;color:var(--text-primary,#212121);font-size:1.1rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.attempt-meta{display:flex;flex-wrap:wrap;gap:8px}.status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium,500);padding:6px 12px;text-transform:capitalize}.status.completed{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.status.in_progress{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #fff8e1;border:1px solid var(--color-warning-light,#fff8e1);color:#f57f17;color:var(--color-warning-dark,#f57f17)}.section-type{border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium,500);padding:6px 12px;text-transform:capitalize}.section-type,.section-type.listening{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);color:#1976d2;color:var(--color-info-dark,#1976d2)}.section-type.listening{border-color:#bbdefb;border-color:var(--color-info-border,#bbdefb)}.section-type.reading{background:#ffebee;background:var(--color-danger-light,#ffebee);border-color:#ffcdd2;border-color:var(--color-danger-border,#ffcdd2);color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.section-type.writing{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-color:#c8e6c9;border-color:var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.section-type.speaking{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-color:#ffe082;border-color:var(--color-warning-border,#ffe082);color:#f57f17;color:var(--color-warning-dark,#f57f17)}.attempt-info{margin-bottom:16px}.attempt-info p{color:#212121;color:var(--text-primary,#212121);font-size:.95rem;line-height:1.4;margin:8px 0}.user-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-email{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;font-style:italic}.attempt-stats{grid-gap:12px;background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));margin-top:12px;padding:12px}.stat{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem}.stat strong{color:#212121;color:var(--text-primary,#212121);display:block;margin-bottom:4px}.attempt-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.attempt-actions .btn{align-items:center;border-radius:6px;display:flex;font-size:.85rem;gap:6px;padding:8px 12px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.attempt-actions .btn:hover{transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:0 20px 60px #0000004d;max-height:95vh;max-width:95vw;overflow:hidden;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#fafafa,#e0e0e0);background:linear-gradient(135deg,var(--gray-50,#fafafa),var(--border-color,#e0e0e0));border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:24px}.modal-header h4{color:#212121;color:var(--text-primary,#212121);font-size:1.4rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.close-btn{background:none;border:none;border-radius:50%;border-radius:var(--border-radius-circle,50%);color:#757575;color:var(--text-secondary,#757575);cursor:pointer;font-size:1.8rem;padding:4px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.close-btn:hover{background:#fafafa;background:var(--gray-50,#fafafa);color:#212121;color:var(--text-primary,#212121);transform:rotate(90deg)}.modal-content{max-height:70vh;overflow-y:auto;overscroll-behavior:contain;padding:24px}.responses-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin-top:24px;max-height:50vh;overflow-y:auto;padding-top:24px}.attempt-details-grid{grid-gap:20px;background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));margin-bottom:24px;padding:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#212121;color:var(--text-primary,#212121);font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold,600)}.score-display{color:#4caf50;color:var(--color-success,#4caf50);font-size:1.2rem;font-weight:700;font-weight:var(--font-weight-bold,700)}.responses-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.responses-header h5{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);font-size:1.2rem;margin:0;padding-bottom:8px}.response-search{align-items:center;display:flex;gap:10px}.response-search .search-input{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);font-size:14px;min-width:250px;padding:10px 16px;transition:border-color .3s}.response-search .search-input:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a;outline:none}.responses-list{display:flex;flex-direction:column;gap:16px}.response-item{word-wrap:break-word;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 8px #0000000f;overflow-wrap:break-word;padding:20px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.response-item:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 4px 16px #e91e6326;transform:translateY(-2px)}.response-item.correct{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-left:6px solid #4caf50;border-left:6px solid var(--color-success,#4caf50)}.response-item.incorrect{background:#ffebee;background:var(--color-danger-light,#ffebee);border-left:6px solid #f44336;border-left:6px solid var(--color-danger,#f44336)}.response-header{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.response-question{color:#212121;color:var(--text-primary,#212121);font-size:1.1rem}.response-question,.response-status{font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px}.response-status{border-radius:20px;font-size:1rem;padding:6px 12px;text-transform:uppercase}.response-status.correct{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.response-status.incorrect{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.question-content{background:#fafafa;background:var(--gray-50,#fafafa);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:8px;border-radius:var(--border-radius-md,8px);font-size:.95rem;line-height:1.5;margin-bottom:12px;padding:12px}.question-content strong{color:#212121;color:var(--text-primary,#212121);display:block;font-size:.9rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.response-answer{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-left:4px solid #ffc107;border-left:4px solid var(--color-warning,#ffc107);border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:16px;padding:12px}.response-answer strong{color:#f57f17;color:var(--color-warning-dark,#f57f17);display:block;font-size:.9rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.question-options{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-left:4px solid #2196f3;border-left:4px solid var(--color-info,#2196f3);border-radius:8px;border-radius:var(--border-radius-md,8px);margin-top:16px;padding:16px}.question-options strong{color:#1976d2;color:var(--color-info-dark,#1976d2);display:block;font-size:.9rem;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.question-options ul{list-style:none;margin:0;padding-left:20px}.question-options li{background:#fff;background:var(--bg-surface,#fff);border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);border-radius:6px;font-size:.9rem;margin-bottom:8px;padding:8px 12px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.question-options li:hover{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-color:#2196f3;border-color:var(--color-info,#2196f3)}.question-options li.correct-option{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-color:#c8e6c9;border-color:var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32);font-weight:600;font-weight:var(--font-weight-semibold,600);position:relative}.question-options li.correct-option:after{color:#4caf50;color:var(--color-success,#4caf50);content:"✓";font-weight:700;font-weight:var(--font-weight-bold,700);position:absolute;right:10px;top:50%;transform:translateY(-50%)}.response-answer{color:#757575;color:var(--text-secondary,#757575);font-size:.95rem;line-height:1.5;word-break:break-word}.btn{border-radius:4px;border-radius:var(--border-radius-sm,4px);font-size:14px;font-weight:500;font-weight:var(--font-weight-medium,500);gap:6px;padding:8px 16px;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.btn-primary{background:#e91e63;background:var(--brand-primary,#e91e63)}.btn-primary:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.btn-secondary{background:#757575;background:var(--gray-600,#757575);color:#fff;color:var(--text-inverse,#fff)}.btn-secondary:hover{background:#616161;background:var(--gray-700,#616161);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--color-success,#4caf50),#388e3c);box-shadow:0 2px 4px #4caf504d}.btn-success:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 8px #4caf5066}.btn-danger{background:#f44336;background:var(--color-danger,#f44336)}.btn-danger:hover{background:#d32f2f;background:var(--color-danger-dark,#d32f2f)}.btn-outline{background:#0000;border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);box-shadow:none;color:#e91e63;color:var(--brand-primary,#e91e63)}.btn-outline:hover{background:#e91e63;background:var(--brand-primary,#e91e63);box-shadow:0 4px 8px #e91e634d;color:#fff;color:var(--text-inverse,#fff);transform:translateY(-1px)}.btn-sm{border-radius:6px}.btn-icon{border-radius:8px;border-radius:var(--border-radius-md,8px);padding:8px}.pagination{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 4px 12px #0000001a;gap:8px;justify-content:center;margin-top:40px;padding:24px}.pagination,.pagination button{background:#fff;background:var(--bg-surface,#fff)}.pagination button{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium,500);min-width:44px;padding:10px 16px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.pagination button:hover:not(:disabled){background:#fafafa;background:var(--gray-50,#fafafa);border-color:#e91e63;border-color:var(--brand-primary,#e91e63);transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-info{font-size:.9rem;font-weight:var(--font-weight-medium,500);margin:0 16px}.pagination .active{background:linear-gradient(135deg,#e91e63,#c2185b);background:linear-gradient(135deg,var(--brand-primary,#e91e63),var(--brand-primary-dark,#c2185b));border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 4px #e91e634d;color:#fff;color:var(--text-inverse,#fff)}.pagination .btn-first,.pagination .btn-last{background:#fafafa;background:var(--gray-50,#fafafa);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0);font-weight:600;font-weight:var(--font-weight-semibold,600)}.pagination .btn-first:hover,.pagination .btn-last:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0);border-color:#bdbdbd;border-color:var(--gray-400,#bdbdbd)}.loading{padding:60px}.loading:after{animation:spin 1s linear infinite;border:2px solid #f5f5f5;border-top:2px solid #e91e63;border:2px solid var(--gray-100,#f5f5f5);border-radius:var(--border-radius-circle,50%);display:inline-block;height:20px;margin-left:10px;width:20px}.error{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#d32f2f;color:var(--color-danger-dark,#d32f2f);margin:20px 0;padding:20px}.error h4{color:#f44336;color:var(--color-danger,#f44336);margin:0 0 10px}@media (max-width:768px){.attempts-grid,.filter-row{grid-template-columns:1fr}.search-input-group{flex-direction:column}.pagination{flex-wrap:wrap;gap:6px}.pagination button{min-width:36px;padding:8px 12px}.attempt-details-grid{grid-template-columns:1fr}}.stats-dashboard{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.stat-card{align-items:center;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex:1 1;gap:12px;min-width:140px;padding:12px 16px}.stat-card-wide{flex:2 1;min-width:200px}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.stat-info{display:flex;flex-direction:column}.stat-number{color:#2c3e50;font-size:20px;font-weight:700;line-height:1.2}.stat-label{color:#888;font-size:11px}.section-breakdown{display:flex;flex-wrap:wrap;gap:6px}.section-badge{border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.section-badge.listening{background:#1976d2}.section-badge.reading{background:#388e3c}.section-badge.writing{background:#f57c00}.section-badge.speaking{background:#e91e63}.section-badge.unknown{background:#999}.score-stat.score-high{color:#2e7d32}.score-stat.score-mid{color:#f57c00}.score-stat.score-low{color:#c62828}.attempt-info p i{color:#888;font-size:12px;margin-right:6px;width:16px}.attempt-stats .stat i{color:#888;font-size:11px;margin-right:4px}.exam-flow-timeline{background:#f9f9fb;border:1px solid #e0e0e0;border-radius:10px;margin-top:16px;padding:16px}.exam-flow-timeline h5{color:#333;font-size:14px;margin:0 0 8px}.exam-flow-timeline h5 i{color:#7b1fa2;margin-right:6px}.current-section-info{color:#555;font-size:13px;margin:0 0 12px}.timeline-steps{display:flex;gap:0;position:relative}.timeline-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.timeline-step:after{background:#ddd;content:"";height:2px;left:50%;position:absolute;top:10px;width:100%;z-index:0}.timeline-step:last-child:after{display:none}.step-dot{background:#ddd;border:3px solid #fff;border-radius:50%;height:20px;margin-bottom:6px;width:20px;z-index:1}.step-completed .step-dot{background:#43a047}.step-active .step-dot{background:#1976d2;box-shadow:0 0 0 4px #1976d233}.step-started .step-dot{background:#ff9800}.step-content{text-align:center}.step-name{color:#333;display:block;font-size:12px;font-weight:600}.step-time{color:#888;display:block;font-size:10px}.status-badge{border-radius:10px;font-size:12px;font-weight:600;padding:2px 8px}.status-badge.completed{background:#e8f5e9;color:#2e7d32}.status-badge.in_progress{background:#fff3e0;color:#e65100}.detail-label i{color:#888;margin-right:4px;text-align:center;width:14px}@media (max-width:768px){.stats-dashboard{flex-direction:column}.stat-card{min-width:0;min-width:auto}.timeline-steps{flex-direction:column;gap:8px}.timeline-step:after{display:none}}.modal-wide{max-width:800px!important;width:95%}.modal-wide .modal-content{max-height:80vh;overflow-y:auto}.detail-actions-bar{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:10px;margin-top:20px;padding-top:16px}.writing-responses-display{background:#f8fafc;background:var(--bg-surface,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin:16px 0;padding:12px}.writing-responses-display h5{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.writing-responses-display h5 i{color:#7b1fa2}.loading-sm,.no-responses-msg{color:#94a3b8;font-size:13px;padding:16px;text-align:center}.writing-response-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:10px;overflow:hidden}.wr-header{align-items:center;background:#f1f5f9;background:var(--bg-surface,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:8px 12px}.wr-question-label{font-size:13px;font-weight:600}.wr-word-count{background:#e8eaf6;border-radius:10px;color:#283593;font-size:11px;font-weight:600;padding:2px 8px}.wr-prompt{background:#fffde7;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;font-size:12px;line-height:1.5;padding:8px 12px}.wr-answer{font-size:14px;line-height:1.7;max-height:250px;overflow-y:auto;padding:12px;white-space:pre-wrap}.task-selector{display:flex;gap:8px}.task-btn{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.task-btn.active{background:#f3e5f5;border-color:#7b1fa2;color:#7b1fa2}.task-btn:hover:not(.active){border-color:#94a3b8}.score-highlight{color:#7b1fa2;font-size:16px;font-weight:700}.result-calc-content{padding:0}.calc-user-info{background:#f1f5f9;background:var(--bg-surface,#f1f5f9);border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px}.calc-sections-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:16px}.calc-section-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;padding:14px}.calc-section-card h5{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 8px}.calc-detail{color:#64748b;font-size:13px;margin-bottom:4px}.calc-na{color:#94a3b8;font-size:13px;font-style:italic}.calc-band{background:#e8f5e9;border-radius:8px;color:#2e7d32;display:inline-block;font-size:16px;font-weight:700;margin-top:8px;padding:4px 12px}.calc-band.band-0,.calc-band.band-1,.calc-band.band-2,.calc-band.band-3{background:#ffebee;color:#c62828}.calc-band.band-4{background:#fff3e0;color:#e65100}.calc-band.band-5{background:#fff8e1;color:#f57f17}.calc-band.band-6{background:#e8f5e9;color:#2e7d32}.calc-band.band-7,.calc-band.band-8,.calc-band.band-9{background:#e3f2fd;color:#1565c0}.calc-overall{background:linear-gradient(135deg,#f3e5f5,#e8eaf6);border-radius:12px;margin-bottom:16px;padding:20px;text-align:center}.calc-overall-label{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.calc-overall-band{border-radius:12px;display:inline-block;font-size:36px;font-weight:800;padding:4px 20px}.calc-overall-note{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.calc-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px}.user-manager{padding:0}.um-stats-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.um-stat-chip{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;min-width:75px;padding:10px 18px;transition:all .2s ease}.um-stat-chip:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.um-chip-num{color:#1e293b;color:var(--text-primary,#1e293b);font-size:20px;font-weight:800;line-height:1.2}.um-chip-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:500}.um-chip-warning{border-left:3px solid #f57f17}.um-chip-warning .um-chip-num{color:#f57f17}.um-chip-info{border-left:3px solid #2196f3}.um-chip-info .um-chip-num{color:#2196f3}.um-chip-success{border-left:3px solid #4caf50}.um-chip-success .um-chip-num{color:#4caf50}.um-chip-danger{border-left:3px solid #f44336}.um-chip-danger .um-chip-num{color:#f44336}.um-chip-orange{border-left:3px solid #ff9800}.um-chip-orange .um-chip-num{color:#ff9800}.um-chip-purple{border-left:3px solid #7b1fa2}.um-chip-purple .um-chip-num{color:#7b1fa2}.um-chip-navy{border-left:3px solid #1a237e}.um-chip-navy .um-chip-num{color:#1a237e}.um-info-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.um-info-bar-count{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px}.um-filters{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;margin-bottom:16px;padding:14px 18px}.um-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.um-filter-group select{background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:13px;height:36px;outline:none;padding:0 12px;transition:border-color .2s}.um-filter-group select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.um-filter-search{flex:1 1;min-width:200px;position:relative}.um-filter-search i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.um-filter-search input{background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:13px;height:36px;outline:none;padding:0 12px 0 36px;transition:border-color .2s;width:100%}.um-filter-search input:focus{background:#fff;border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.um-table-wrap{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden}.um-table{border-collapse:collapse;width:100%}.um-table thead th{background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase}.um-table tbody td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;padding:12px 14px;vertical-align:middle}.um-table tbody tr:last-child td{border-bottom:none}.um-table tbody tr:hover{background:#f8fafc;background:var(--gray-50,#f8fafc)}.um-row-selected{background:#e91e6308!important}.um-user-cell{align-items:center;display:flex;gap:10px}.um-user-avatar-sm{align-items:center;background:linear-gradient(135deg,#e91e63,#f06292);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.um-user-cell strong{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:13px}.um-user-name-link:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.um-admin-badge-sm{color:#f57f17;display:inline-flex;font-size:10px;margin-left:4px}.um-user-cell small{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:12px}.um-contact-cell span{display:block;font-size:13px}.um-contact-cell small{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:11px}.um-date-cell{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.um-muted{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.um-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px;text-transform:capitalize}.um-badge-warning{background:#fff8e1;color:#f57f17}.um-badge-info{background:#e3f2fd;color:#1976d2}.um-badge-danger{background:#ffebee;color:#d32f2f}.um-badge-success{background:#e8f5e9;color:#2e7d32}.um-badge-dark{background:#eceff1;color:#455a64}.um-badge-orange{background:#fff3e0;color:#e65100}.um-badge-muted{background:#f5f5f5;color:#9e9e9e}.um-action-cell{display:flex;gap:4px}.um-action-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.um-action-view{color:#2196f3}.um-action-view:hover{background:#e3f2fd;border-color:#2196f3}.um-action-approve{color:#4caf50}.um-action-approve:hover{background:#e8f5e9;border-color:#4caf50}.um-action-reject{color:#f44336}.um-action-reject:hover{background:#ffebee;border-color:#f44336}.um-action-more{color:#757575}.um-action-more:hover{background:#f5f5f5;border-color:#757575}.um-pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:14px 18px}.um-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.um-page-btns{align-items:center;display:flex;gap:4px}.um-page-btns button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .15s;width:32px}.um-page-btns button:hover:not(:disabled){border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.um-page-btns button:disabled{cursor:not-allowed;opacity:.4}.um-page-current{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;padding:0 10px}.um-empty{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:8px;padding:48px 20px}.um-empty i{font-size:28px}.um-empty span,.um-loading{font-size:14px}.um-loading{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;gap:10px;justify-content:center;padding:48px 20px}.um-loading i{color:#e91e63;color:var(--brand-primary,#e91e63)}.um-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.um-btn:disabled{cursor:not-allowed;opacity:.5}.um-btn-sm{font-size:12px;padding:6px 12px}.um-btn-primary{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff}.um-btn-primary:hover{background:#c2185b}.um-btn-success{background:#4caf50;color:#fff}.um-btn-success:hover{background:#388e3c}.um-btn-danger{background:#f44336;color:#fff}.um-btn-danger:hover{background:#d32f2f}.um-btn-warning{background:#ff9800;color:#fff}.um-btn-warning:hover{background:#f57c00}.um-btn-purple{background:#7b1fa2;color:#fff}.um-btn-purple:hover{background:#6a1b9a}.um-btn-outline{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.um-btn-outline:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.um-btn-ghost{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.um-btn-ghost:hover{background:#f8fafc;background:var(--gray-50,#f8fafc)}.um-detail{padding:0}.um-back-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s}.um-back-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.um-detail-header{align-items:flex-start;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;display:flex;gap:20px;margin-bottom:20px;padding:24px}.um-detail-avatar{align-items:center;background:linear-gradient(135deg,#e91e63,#f06292);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:72px;justify-content:center;overflow:hidden;width:72px}.um-detail-avatar img{height:100%;object-fit:cover;width:100%}.um-detail-info{flex:1 1;min-width:0}.um-detail-name{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0 0 6px}.um-admin-tag{align-items:center;background:#fff8e1;border-radius:6px;color:#f57f17;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 10px}.um-detail-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}.um-detail-meta span{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;gap:6px}.um-detail-meta i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px}.um-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.um-detail-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.um-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.um-summary-card{align-items:flex-start;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:14px;padding:18px}.um-summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.um-icon-blue{background:#e3f2fd;color:#1976d2}.um-icon-green{background:#e8f5e9;color:#388e3c}.um-icon-teal{background:#0096881a;color:#009688}.um-icon-purple{background:#7b1fa21a;color:#7b1fa2}.um-summary-data{display:flex;flex-direction:column}.um-summary-num{color:#1e293b;color:var(--text-primary,#1e293b);font-size:20px;font-weight:800;line-height:1.2}.um-summary-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.um-summary-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;margin-top:2px}.um-detail-sections{display:flex;flex-direction:column;gap:18px}.um-detail-section{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px}.um-detail-section h3{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.um-detail-section h3 i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:14px}.um-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.um-info-row{background:#f8fafc;background:var(--gray-50,#f8fafc);border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.um-info-full{grid-column:span 2}.um-info-label{color:#64748b;color:var(--text-secondary,#64748b);font-weight:500}.um-info-value{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500}.um-mini-table{border-collapse:collapse;width:100%}.um-mini-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 12px;text-align:left;text-transform:uppercase}.um-mini-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);font-size:13px;padding:8px 12px}.um-events-list{display:flex;flex-direction:column;gap:8px}.um-event-item{align-items:flex-start;background:#f8fafc;background:var(--gray-50,#f8fafc);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.um-event-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.um-event-success{background:#4caf50}.um-event-danger{background:#f44336}.um-event-info{background:#2196f3}.um-event-body{display:flex;flex-direction:column;gap:2px}.um-event-type{color:#1e293b;color:var(--text-primary,#1e293b);font-size:12px;font-weight:600}.um-event-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.um-event-meta{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.um-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.um-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.um-modal-lg{max-width:560px}.um-modal-head{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:18px 22px}.um-modal-head h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;margin:0}.um-modal-head button{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;width:30px}.um-modal-head button:hover{background:#f1f5f9;background:var(--gray-100,#f1f5f9)}.um-modal-body{overflow-y:auto;padding:22px}.um-modal-body p{font-size:14px;margin:0 0 14px}.um-modal-body label,.um-modal-body p{color:#1e293b;color:var(--text-primary,#1e293b)}.um-modal-body label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}.um-modal-body input,.um-modal-body select,.um-modal-body textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.um-modal-body input:focus,.um-modal-body select:focus,.um-modal-body textarea:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.um-modal-current{margin-bottom:14px}.um-modal-warning{align-items:flex-start;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;color:#e65100;display:flex;font-size:13px;gap:8px;margin-top:14px;padding:12px 14px}.um-modal-warning i{margin-top:2px}.um-modal-success{align-items:center;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:14px;padding:12px 14px}.um-temp-password{background:#fff;border:2px dashed #e91e63;border:2px dashed var(--brand-primary,#e91e63);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:text;font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:2px;margin:12px 0;padding:12px 18px;text-align:center;-webkit-user-select:all;user-select:all}.um-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.um-form-group label{margin-top:0}.um-modal-foot{background:#f8fafc;background:var(--gray-50,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:8px;justify-content:flex-end;padding:16px 22px}@media (max-width:1200px){.um-summary-grid{grid-template-columns:repeat(2,1fr)}.um-detail-header{flex-wrap:wrap}.um-detail-actions{width:100%}}@media (max-width:768px){.um-stats-bar{flex-wrap:nowrap;overflow-x:auto}.um-filter-row{flex-direction:column}.um-filter-search{min-width:100%}.um-info-grid{grid-template-columns:1fr}.um-info-full{grid-column:span 1}.um-form-grid,.um-summary-grid{grid-template-columns:1fr}.um-detail-header{align-items:center;flex-direction:column;text-align:center}.um-detail-actions,.um-detail-meta,.um-detail-tags{justify-content:center}}.um-info-wrap{font-size:12px;max-width:400px;word-break:break-all}.admin-device-management{background:#f8f9fa;min-height:calc(100vh - 200px);padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px;text-align:center}.stat-card:nth-child(2){border-left-color:#27ae60}.stat-card:nth-child(3){border-left-color:#e74c3c}.stat-card:nth-child(4){border-left-color:#f39c12}.stat-value{color:#2c3e50}.stat-label{color:#6c757d;font-weight:500}.search-input{border:1px solid #ddd;border-radius:4px}.search-input:focus{border-color:#3498db}.filter-select{border:1px solid #ddd;border-radius:4px}.cleanup-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.cleanup-btn:hover:not(:disabled){background:#c0392b}.cleanup-btn:disabled{background:#bdc3c7;cursor:not-allowed}.devices-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.empty-state,.loading-state{color:#6c757d;padding:40px}.devices-table{border-collapse:collapse;font-size:14px;width:100%}.devices-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:15px 12px;text-align:left}.devices-table td{border-bottom:1px solid #dee2e6;padding:15px 12px;vertical-align:top}.devices-table tr:hover{background:#f8f9fa}.devices-table tr.current-device{background:#f0fff4}.user-cell strong{color:#2c3e50}.user-cell small{color:#6c757d}.user-status{background:#e9ecef;color:#495057}.user-status.approved{background:#d4edda;color:#155724}.user-status.pending{background:#fff3cd;color:#856404}.device-cell .device-info{display:flex;flex-direction:column;gap:4px}.device-cell strong{color:#2c3e50;display:block;font-size:14px}.device-cell small{color:#6c757d;display:block;font-size:11px;word-break:break-all}.platform-cell .platform-info{display:flex;flex-direction:column;gap:5px}.browser-badge,.platform-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px}.platform-badge{background:#e3f2fd;color:#1565c0}.browser-badge{background:#f3e5f5;color:#7b1fa2}.location-cell .location-info{display:flex;flex-direction:column;gap:4px}.ip-address{color:#2c3e50;display:block;font-family:Courier New,monospace;font-size:12px;word-break:break-all}.location{word-wrap:break-word;color:#6c757d;display:block;font-size:11px;overflow-wrap:break-word}.activity-cell{color:#495057;font-size:13px}.active-indicator{color:#27ae60;display:block;font-size:11px;font-weight:500;margin-top:4px}.status-cell{text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px}.status-badge.current{background:#d4edda;color:#155724}.status-badge.active{background:#d1ecf1;color:#0c5460}.actions-cell{align-items:center;display:flex;gap:8px}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap}.logout-btn{background:#dc3545}.logout-btn:hover:not(:disabled){background:#c82333}.logout-all-btn{background:#fd7e14}.logout-all-btn:hover:not(:disabled){background:#e65c00}.action-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.self-device-note{background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:11px;font-style:italic;padding:4px 8px}.pagination{background:#f8f9fa;border-top:1px solid #dee2e6}.pagination-btn{border:1px solid #ddd;color:#3498db}.pagination-btn:hover:not(:disabled){background:#3498db}.pagination-btn:disabled{background:#f8f9fa;color:#bdc3c7}.pagination-info{color:#6c757d;font-size:14px}@media (max-width:768px){.admin-device-management{padding:10px}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;gap:15px}.filter-group{flex-direction:column;width:100%}.search-input{min-width:auto;width:100%}.devices-table{display:block;overflow-x:auto}.actions-cell{flex-direction:column;gap:5px}.pagination{flex-direction:column;gap:10px;text-align:center}}.admin-account-management{background:#fafafa;background:var(--gray-50,#fafafa);min-height:calc(100vh - 200px);padding:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.security-stat{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:25px;position:relative;text-align:center;transition:transform .3s ease}.security-stat:hover{transform:translateY(-2px)}.security-stat:first-child{background:linear-gradient(135deg,#fff,#ffebee);background:linear-gradient(135deg,#fff,var(--color-danger-light,#ffebee));border-left-color:#f44336;border-left-color:var(--color-danger,#f44336)}.security-stat:nth-child(2){background:linear-gradient(135deg,#fff,#fff8e1);background:linear-gradient(135deg,#fff,var(--color-warning-light,#fff8e1));border-left-color:#ffc107;border-left-color:var(--color-warning,#ffc107)}.security-stat:nth-child(3){background:linear-gradient(135deg,#fff,#e3f2fd);background:linear-gradient(135deg,#fff,var(--color-info-light,#e3f2fd));border-left-color:#2196f3;border-left-color:var(--color-info,#2196f3)}.security-stat:nth-child(4){background:linear-gradient(135deg,#fff,#e8f5e9);background:linear-gradient(135deg,#fff,var(--color-success-light,#e8f5e9));border-left-color:#4caf50;border-left-color:var(--color-success,#4caf50)}.stat-value{color:#212121;color:var(--text-primary,#212121);font-size:2.5rem;font-weight:800;line-height:1}.security-stat:first-child .stat-value{color:#f44336;color:var(--color-danger,#f44336)}.security-stat:nth-child(2) .stat-value{color:#ffc107;color:var(--color-warning,#ffc107)}.security-stat:nth-child(3) .stat-value{color:#2196f3;color:var(--color-info,#2196f3)}.security-stat:nth-child(4) .stat-value{color:#4caf50;color:var(--color-success,#4caf50)}.stat-label{font-size:.9rem;font-weight:600;margin-bottom:8px}.stat-trend{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:.75rem;font-weight:500;gap:6px;justify-content:center;margin-top:8px}.stat-trend i{font-size:.8rem}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:25px;padding:20px}.filter-group,.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.action-group{align-items:center;display:flex;gap:10px}.search-input{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;font-size:14px;min-width:250px;padding:10px 15px;transition:border-color .3s}.search-input:focus{border-color:#2196f3;border-color:var(--color-info,#2196f3);box-shadow:0 0 0 2px #3498db1a;outline:none}.filter-select{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;cursor:pointer;font-size:14px;padding:10px 15px;transition:border-color .3s}.filter-select:focus{border-color:#2196f3;border-color:var(--color-info,#2196f3);outline:none}.bulk-unlock-btn{background:#4caf50;background:var(--color-success,#4caf50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.bulk-unlock-btn:hover:not(:disabled){box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.bulk-unlock-btn:disabled{background:#bdbdbd;background:var(--gray-400,#bdbdbd);cursor:not-allowed;transform:none}.refresh-btn{align-items:center;background:#2196f3;background:var(--color-info,#2196f3);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 15px;transition:all .3s}.refresh-btn:hover:not(:disabled){background:#1976d2;background:var(--color-info-dark,#1976d2);transform:translateY(-1px)}.refresh-btn:disabled{background:#bdbdbd;background:var(--gray-400,#bdbdbd);cursor:not-allowed}.accounts-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.empty-state,.loading-state{color:#757575;color:var(--text-secondary,#757575);font-size:16px;font-weight:500;padding:60px 40px;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:15px}.empty-state i{color:#4caf50;color:var(--color-success,#4caf50);margin-bottom:10px}.empty-state h3{color:#212121;color:var(--text-primary,#212121);font-size:1.5rem;margin:0}.empty-state p{color:#757575;color:var(--text-secondary,#757575);font-size:1rem;margin:0}.accounts-table{border-collapse:collapse;font-size:14px;width:100%}.accounts-table th{background:#fafafa;background:var(--gray-50,#fafafa);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:15px 12px;text-align:left;text-transform:uppercase}.accounts-table td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);padding:15px 12px;vertical-align:middle}.accounts-table tr:hover{background:#fafafa;background:var(--gray-50,#fafafa)}.accounts-table tr.selected,.accounts-table tr.selected:hover{background:#e3f2fd;background:var(--color-info-light,#e3f2fd)}.accounts-table tr.risk-high{border-left:3px solid #f44336;border-left:3px solid var(--color-danger,#f44336)}.accounts-table tr.risk-high,.accounts-table tr.risk-high:hover{background:#ffebee;background:var(--color-danger-light,#ffebee)}.accounts-table tr.risk-medium{border-left:3px solid #ffc107;border-left:3px solid var(--color-warning,#ffc107)}.accounts-table tr.risk-medium,.accounts-table tr.risk-medium:hover{background:#fff8e1;background:var(--color-warning-light,#fff8e1)}.accounts-table tr.risk-low{border-left:3px solid #4caf50;border-left:3px solid var(--color-success,#4caf50)}.accounts-table tr.risk-low,.accounts-table tr.risk-low:hover{background:#e8f5e9;background:var(--color-success-light,#e8f5e9)}.select-column{text-align:center;width:40px}.select-column input[type=checkbox]{cursor:pointer;height:16px;width:16px}.user-cell .user-info{display:flex;flex-direction:column;gap:4px}.user-cell strong{color:#212121;color:var(--text-primary,#212121);display:block;font-size:14px}.user-cell small{color:#757575;color:var(--text-secondary,#757575);display:block;font-size:12px;word-break:break-all}.user-status{background:#eee;background:var(--gray-200,#eee);border-radius:12px;color:#212121;color:var(--text-primary,#212121);display:inline-block;font-size:11px;padding:2px 8px;text-transform:capitalize}.user-status.approved{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.user-status.pending{background:#fff8e1;background:var(--color-warning-light,#fff8e1);color:#f57f17;color:var(--color-warning-dark,#f57f17)}.lock-status-cell .locked-status,.lock-status-cell .not-locked-status{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.locked-status i{font-size:.9rem}.locked-status i,.locked-status span{color:#f44336;color:var(--color-danger,#f44336)}.locked-status span{font-size:.85rem;font-weight:600}.locked-status small{color:#757575;color:var(--text-secondary,#757575);font-size:.75rem}.not-locked-status i{font-size:.9rem}.not-locked-status i,.not-locked-status span{color:#4caf50;color:var(--color-success,#4caf50)}.not-locked-status span{font-size:.85rem;font-weight:600}.attempts-cell{text-align:center}.attempts-count{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:700;min-width:30px;padding:4px 8px}.attempts-count.high{background:#ffebee;background:var(--color-danger-light,#ffebee);color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.attempts-count.medium{background:#fff8e1;background:var(--color-warning-light,#fff8e1);color:#f57f17;color:var(--color-warning-dark,#f57f17)}.attempts-count.none{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.attempts-cell small{color:#757575;color:var(--text-secondary,#757575);display:block;font-size:.7rem;margin-top:2px}.last-failed-cell{color:#212121;color:var(--text-primary,#212121);font-family:Courier New,monospace;font-size:.85rem}.reason-cell{word-wrap:break-word;color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;max-width:200px}.risk-badge{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.risk-badge.high{background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border:1px solid var(--color-danger-border,#ffcdd2);color:#d32f2f;color:var(--color-danger-dark,#d32f2f)}.risk-badge.medium{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #ffe082;border:1px solid var(--color-warning-border,#ffe082);color:#f57f17;color:var(--color-warning-dark,#f57f17)}.risk-badge.low{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);color:#1976d2;color:var(--color-info-dark,#1976d2)}.risk-badge.none{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border:1px solid #c8e6c9;border:1px solid var(--color-success-border,#c8e6c9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.actions-cell{text-align:center}.unlock-btn{align-items:center;background:#4caf50;background:var(--color-success,#4caf50);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px;transition:all .3s}.unlock-btn:hover:not(:disabled){background:#2e7d32;background:var(--color-success-dark,#2e7d32);box-shadow:0 2px 4px #4caf504d;transform:translateY(-1px)}.unlock-btn:disabled{background:#bdbdbd;background:var(--gray-400,#bdbdbd);box-shadow:none;cursor:not-allowed;transform:none}.pagination{align-items:center;background:#fafafa;background:var(--gray-50,#fafafa);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:20px}.pagination-btn{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;color:#2196f3;color:var(--color-info,#2196f3);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#2196f3;background:var(--color-info,#2196f3);border-color:#2196f3;border-color:var(--color-info,#2196f3);color:#fff}.pagination-btn:disabled{background:#fafafa;background:var(--gray-50,#fafafa);color:#bdbdbd;color:var(--gray-400,#bdbdbd);cursor:not-allowed}.pagination-info{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;font-weight:500}@media (max-width:1200px){.accounts-table{display:block;overflow-x:auto}.filters-section{align-items:stretch;flex-direction:column;gap:15px}.action-group,.filter-group{justify-content:center}}@media (max-width:768px){.admin-account-management{padding:0 4px}.stats-grid{gap:15px;grid-template-columns:1fr}.security-stat{padding:20px 15px}.stat-value{font-size:2rem}.filters-section{padding:15px}.filter-group{align-items:stretch;flex-direction:column;gap:10px}.search-input{min-width:auto;width:100%}.action-group{flex-direction:column;gap:10px}.accounts-table{font-size:12px}.accounts-table td,.accounts-table th{padding:10px 6px}.pagination{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.stat-value{font-size:1.75rem}.accounts-table{font-size:11px}.user-cell strong{font-size:12px}.user-cell small{font-size:10px}.unlock-btn{font-size:.7rem;padding:4px 8px}}.attempt-reset-manager{padding:20px}.attempt-reset-manager .manager-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.attempt-reset-manager .manager-header h3{align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.attempt-reset-manager .manager-header h3 i{color:#e91e63;color:var(--brand-primary,#e91e63)}.attempt-reset-manager .manager-description{color:#757575;color:var(--text-secondary,#757575);font-size:.95rem;margin-bottom:20px}.btn-back{align-items:center;background:none;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;display:inline-flex;padding:6px 10px;transition:all .2s ease}.btn-back:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);color:#212121;color:var(--text-primary,#212121)}.attempt-reset-manager .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.attempt-reset-manager .search-section{margin-bottom:20px}.attempt-reset-manager .search-input-group{display:flex;gap:0;max-width:500px}.attempt-reset-manager .search-input{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px 0 0 8px;flex:1 1;font-size:.95rem;outline:none;padding:10px 14px;transition:border-color .2s}.attempt-reset-manager .search-input:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.attempt-reset-manager .search-btn{background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;padding:10px 16px;transition:background .2s}.attempt-reset-manager .search-btn:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.user-context-bar{background:#fafafa;background:var(--bg-surface,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:12px 16px}.context-item{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:.9rem;gap:8px}.context-item i{color:#e91e63;color:var(--brand-primary,#e91e63);text-align:center;width:16px}.context-item span{color:#212121;color:var(--text-primary,#212121)}.reset-cards-grid{display:flex;flex-direction:column;gap:12px}.reset-user-card{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.reset-user-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 12px #e91e631a;transform:translateY(-1px)}.reset-user-avatar{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);background:linear-gradient(135deg,var(--brand-primary,#e91e63),var(--brand-primary-dark,#c2185b));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;width:44px}.reset-user-info{flex:1 1;min-width:0}.reset-user-name{color:#212121;color:var(--text-primary,#212121);font-size:1rem;font-weight:600}.reset-user-email{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reset-user-stats{flex-shrink:0}.attempt-count{align-items:center;background:#f5f5f5;background:var(--bg-surface,#f5f5f5);border-radius:20px;color:#757575;color:var(--text-secondary,#757575);display:inline-flex;font-size:.8rem;gap:6px;padding:4px 10px}.reset-user-action{color:#bdbdbd;color:var(--text-secondary,#bdbdbd);flex-shrink:0}.reset-user-card:hover .reset-user-action{color:#e91e63;color:var(--brand-primary,#e91e63)}.reset-test-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;padding:18px 20px;transition:all .2s ease}.reset-test-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 12px #e91e631a}.reset-test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.reset-test-title{word-wrap:break-word;align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-size:1rem;font-weight:600;gap:8px;min-width:0;overflow-wrap:break-word}.reset-test-title i{color:#e91e63;color:var(--brand-primary,#e91e63)}.reset-test-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.meta-item{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:.85rem;gap:6px}.meta-item i{text-align:center;width:14px}.reset-test-action{align-items:center;color:#e91e63;color:var(--brand-primary,#e91e63);display:flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:flex-end}.reset-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.badge-completed{background:#e8f5e9;color:#2e7d32}.badge-in-progress{background:#fff3e0;color:#e65100}.badge-default{background:#f5f5f5;background:var(--bg-surface,#f5f5f5);color:#757575;color:var(--text-secondary,#757575)}.reset-info-box{word-wrap:break-word;background:#e3f2fd;border:1px solid #90caf9;border-radius:10px;color:#1565c0;display:flex;font-size:.9rem;gap:12px;line-height:1.5;margin-bottom:20px;overflow-wrap:break-word;padding:14px 18px}.reset-info-box>i{flex-shrink:0;margin-top:2px}.sections-reset-grid{display:flex;flex-direction:column;gap:14px}.section-reset-card{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:14px;display:flex;gap:18px;padding:18px 22px;transition:all .2s ease}.section-reset-card.completed{background:#fafff9;border-color:#c8e6c9}.section-reset-card.started{background:#fffaf4;border-color:#ffe0b2}.section-reset-card.current{border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63)}.section-reset-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:1.3rem;height:52px;justify-content:center;width:52px}.section-reset-info{flex:1 1;min-width:0}.section-reset-title{word-wrap:break-word;align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-size:1.05rem;font-weight:600;gap:8px;margin-bottom:4px;overflow-wrap:break-word}.current-badge{border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.section-reset-status{font-size:.88rem;margin-bottom:4px}.status-completed{color:#2e7d32}.status-completed i{color:#4caf50;margin-right:4px}.status-started{color:#e65100}.status-started i{color:#ff9800;margin-right:4px}.status-pending{color:#9e9e9e;color:var(--text-secondary,#9e9e9e)}.status-pending i{margin-right:4px}.section-reset-date,.section-reset-responses{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem}.section-reset-responses{margin-top:2px}.section-reset-responses i{margin-right:4px}.section-reset-actions{flex-shrink:0}.empty-state{color:#9e9e9e;color:var(--text-secondary,#9e9e9e);padding:60px 20px;text-align:center}.empty-state i{display:block;font-size:3rem;margin-bottom:16px}.empty-state p{font-size:1.05rem;margin-bottom:16px}.attempt-reset-manager .alert{align-items:center;border-radius:10px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.attempt-reset-manager .alert-danger{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.attempt-reset-manager .alert-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.close-alert{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;opacity:.7;padding:0 4px}.close-alert:hover{opacity:1}.attempt-reset-manager .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.attempt-reset-manager .btn-sm{font-size:.82rem;padding:6px 12px}.attempt-reset-manager .btn-secondary{background:#f5f5f5;background:var(--bg-surface,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121)}.attempt-reset-manager .btn-secondary:hover{background:#eee;background:var(--bg-hover,#eee)}.attempt-reset-manager .btn-warning{background:#ff9800;color:#fff}.attempt-reset-manager .btn-warning:hover{background:#f57c00}.attempt-reset-manager .btn-danger{background:#f44336;color:#fff}.attempt-reset-manager .btn-danger:hover{background:#d32f2f}.attempt-reset-manager .btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:520px;overflow:hidden;width:100%}.confirm-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:18px 24px}.confirm-modal-header h4{align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-size:1.15rem;gap:10px;margin:0}.confirm-modal-header .close-btn{background:none;border:none;color:#9e9e9e;color:var(--text-secondary,#9e9e9e);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.confirm-modal-body{padding:24px}.confirm-warning{border-radius:10px;display:flex;font-size:.9rem;gap:12px;line-height:1.5;margin-bottom:18px;padding:14px 16px}.confirm-warning.warning{background:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.confirm-warning.danger{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.confirm-warning>i{flex-shrink:0;font-size:1.1rem;margin-top:2px}.confirm-details{word-wrap:break-word;display:flex;flex-direction:column;gap:8px;overflow-wrap:break-word}.confirm-detail-item{color:#757575;color:var(--text-secondary,#757575);font-size:.9rem}.confirm-detail-item strong{color:#212121;color:var(--text-primary,#212121);margin-right:6px}.confirm-modal-footer{background:#fafafa;background:var(--bg-surface,#fafafa);gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-modal-footer,.pagination-controls{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex}.pagination-controls{align-items:center;gap:16px;justify-content:center;margin-top:20px;padding-top:16px}.pagination-controls button{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;font-size:.85rem;padding:6px 14px}.pagination-controls button:hover:not(:disabled){background:#f5f5f5;background:var(--bg-hover,#f5f5f5)}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls span{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem}@media (max-width:768px){.section-reset-card{flex-wrap:wrap;gap:12px}.section-reset-actions{text-align:right;width:100%}.user-context-bar{flex-direction:column;gap:8px}.reset-test-meta{flex-direction:column;gap:6px}.confirm-modal{max-width:100%}}.roadmap-manager{min-height:200px;padding:0}.rm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.rm-stat-card{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);padding:20px 16px;text-align:center;transition:box-shadow .2s,border-color .2s}.rm-stat-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 4px 12px #0000000f}.rm-stat-num{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:1.75rem;line-height:1.2}.rm-stat-label{color:#757575;color:var(--text-secondary,#757575);font-size:.78rem;font-weight:600;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.rm-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.rm-filters .search-group{flex:1 1;min-width:200px}.rm-filters .search-group input{width:100%}.rm-skill-select{min-width:160px;width:auto}.rm-topic-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin-bottom:24px}.rm-topic-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:20px;transition:box-shadow .2s,border-color .2s,transform .2s}.rm-topic-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.rm-topic-card-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.rm-topic-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;width:44px}.rm-topic-info{flex:1 1;min-width:0}.rm-topic-skill{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rm-topic-title{word-wrap:break-word;color:#212121;color:var(--text-primary,#212121);font-size:.95rem;font-weight:700;line-height:1.4;margin:3px 0 0;overflow-wrap:break-word}.rm-badge-inactive{background:#fff8e1;border-radius:20px;color:#f57f17;flex-shrink:0;font-size:.65rem;font-weight:700;padding:3px 10px;white-space:nowrap}.rm-topic-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#757575;color:var(--text-secondary,#757575);display:-webkit-box;font-size:.82rem;line-height:1.5;margin:6px 0 14px;max-height:2.5em;overflow:hidden}.rm-topic-card-footer{align-items:center;border-top:1px solid #f5f5f5;border-top:1px solid var(--gray-100,#f5f5f5);display:flex;justify-content:space-between;padding-top:14px}.rm-lesson-count{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem;font-weight:500}.rm-lesson-count i{color:#e91e63;color:var(--brand-primary,#e91e63);margin-right:6px}.rm-topic-card-actions{display:flex;gap:6px}.rm-breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:10px;margin-bottom:20px}.rm-back-btn{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 16px;transition:all .2s}.rm-back-btn:hover{background:#e91e6308;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.rm-breadcrumb-sep{color:#bbb;color:var(--gray-400,#bbb);font-weight:300}.rm-breadcrumb-current{align-items:center;color:#212121;color:var(--text-primary,#212121);display:flex;font-weight:700;gap:4px}.rm-lesson-list{display:flex;flex-direction:column;gap:10px}.rm-lesson-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;display:flex;gap:16px;padding:16px 20px;transition:box-shadow .2s,border-color .2s}.rm-lesson-card:hover{border-color:#ccc;border-color:var(--gray-300,#ccc);box-shadow:0 3px 10px #0000000f}.rm-lesson-order{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);background:linear-gradient(135deg,var(--brand-primary,#e91e63),#c2185b);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.78rem;font-weight:800;height:34px;justify-content:center;width:34px}.rm-lesson-body{flex:1 1;min-width:0}.rm-lesson-title{color:#212121;color:var(--text-primary,#212121);font-size:.92rem;font-weight:700;line-height:1.3}.rm-lesson-desc,.rm-lesson-title{word-wrap:break-word;overflow-wrap:break-word}.rm-lesson-desc{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem;line-height:1.4;margin-top:3px}.rm-lesson-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rm-tag{align-items:center;background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-radius:20px;color:#757575;color:var(--text-secondary,#757575);display:inline-flex;font-size:.7rem;font-weight:600;padding:3px 10px;white-space:nowrap}.rm-tag i{font-size:.65rem;margin-right:4px}.rm-tag-free{background:#e8f5e9;color:#2e7d32}.rm-tag-inactive{background:#fff8e1;color:#f57f17}.rm-tag-content{background:#e3f2fd;color:#1565c0}.rm-tag-questions{background:#f3e5f5;color:#7b1fa2}.rm-lesson-actions{display:flex;flex-shrink:0;gap:6px}.rm-empty,.rm-loading{align-items:center;background:#fff;border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);border-radius:14px;color:#757575;color:var(--text-secondary,#757575);display:flex;flex-direction:column;font-size:.95rem;gap:12px;justify-content:center;padding:64px 20px;text-align:center}.rm-empty i{color:#ccc;color:var(--gray-300,#ccc);font-size:2rem}.rm-pagination{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);gap:16px;margin-top:24px;padding-top:20px}.rm-pagination button{background:#fff;border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s}.rm-pagination button:disabled{cursor:default;opacity:.35}.rm-pagination button:not(:disabled):hover{background:#e91e6308;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.rm-pagination span{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;font-weight:500}.rm-form-overlay{background:#fafafa;background:var(--gray-50,#fafafa);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:14px;box-shadow:0 2px 8px #0000000a;margin-bottom:28px;padding:28px}.rm-form h4{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121);font-size:1.15rem;font-weight:700;margin:0 0 24px;padding-bottom:14px}.rm-form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.rm-form-full{grid-column:1/-1}.rm-form-field{display:flex;flex-direction:column}.rm-form-field label{color:#757575;color:var(--text-secondary,#757575);display:block;font-size:.78rem;font-weight:700;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.rm-form-field label small{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-weight:500;letter-spacing:0;text-transform:none}.rm-form-field .form-control,.rm-form-field input,.rm-form-field select,.rm-form-field textarea{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-family:inherit;font-size:.88rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.rm-form-field .form-control:focus,.rm-form-field input:focus,.rm-form-field select:focus,.rm-form-field textarea:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e6314;outline:none}.rm-form-field input[type=color]{cursor:pointer;height:42px;padding:4px 8px}.rm-form-checks{align-items:center;display:flex;gap:24px;padding-top:8px}.rm-form-checks label{align-items:center;color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:8px;letter-spacing:0;text-transform:none}.rm-form-checks input[type=checkbox]{accent-color:#e91e63;accent-color:var(--brand-primary,#e91e63);cursor:pointer;height:18px;width:18px}.rm-form-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:18px}.rm-form-wide{max-width:100%}.rm-form-tabs{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);display:flex;gap:0;margin:24px 0 16px}.rm-form-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:6px;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.rm-form-tab:hover{background:#00000005;color:#212121;color:var(--text-primary,#212121)}.rm-form-tab.active{border-bottom-color:#e91e63;border-bottom-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.rm-form-tab i{font-size:.85rem}.rm-content-editor{font-family:SF Mono,Fira Code,Consolas,monospace!important;font-size:.84rem!important;line-height:1.65!important;min-height:300px}.rm-questions-builder{padding-top:8px}.rm-question-block{background:#fff;border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:10px;margin-bottom:14px;padding:18px;transition:border-color .2s}.rm-question-block:hover{border-color:#ccc;border-color:var(--gray-300,#ccc)}.rm-question-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.rm-question-num{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:20px;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.3px;padding:4px 14px}.rm-options-list{margin:12px 0}.rm-options-list>label{color:#757575;color:var(--text-secondary,#757575);display:block;font-size:.78rem;font-weight:700;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.rm-option-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.rm-option-row .form-control,.rm-option-row input[type=text]{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#212121;color:var(--text-primary,#212121);flex:1 1;font-size:.85rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.rm-option-row .form-control:focus,.rm-option-row input[type=text]:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e6314;outline:none}.rm-radio-label{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:22px}.rm-radio-label input[type=radio]{accent-color:#e91e63;accent-color:var(--brand-primary,#e91e63);cursor:pointer;height:16px;width:16px}.rm-question-block .rm-form-field textarea{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-family:inherit;font-size:.85rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.rm-question-block .rm-form-field textarea:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e6314;outline:none}.rm-add-question{align-items:center;background:#0000;border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);border-radius:10px;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px;transition:all .2s;width:100%}.rm-add-question:hover{background:#e91e6308;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}@media (max-width:900px){.rm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rm-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.rm-form-grid,.rm-topic-grid{grid-template-columns:1fr}.rm-form-full{grid-column:1}.rm-form-overlay{padding:20px 16px}.rm-lesson-card{flex-wrap:wrap;gap:10px;padding:14px 16px}.rm-lesson-actions{justify-content:flex-end;width:100%}.rm-filters{flex-direction:column}.rm-filters .search-group{min-width:0;min-width:auto;width:100%}.rm-skill-select{width:100%}.rm-form-tabs{overflow-x:auto}.rm-breadcrumb{flex-wrap:wrap}}.eb-container{padding:0}.eb-breadcrumb{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:.84rem;gap:6px;margin-bottom:16px;padding:12px 16px}.eb-breadcrumb span{cursor:default}.eb-breadcrumb .eb-bc-link{border-radius:6px;color:#e91e63;color:var(--brand-primary,#e91e63);cursor:pointer;font-weight:500;padding:3px 8px;transition:all .2s}.eb-breadcrumb .eb-bc-link:hover{background:#e91e6314;text-decoration:none}.eb-breadcrumb .eb-bc-sep{color:#cbd5e1;font-size:.75rem}.eb-breadcrumb .eb-bc-current{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000a;color:#1e293b;color:var(--text-primary,#1e293b);font-weight:700;padding:3px 10px}.eb-topbar{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:22px;padding-bottom:18px}.eb-topbar,.eb-topbar h2{align-items:center;display:flex}.eb-topbar h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.4rem;font-weight:800;gap:10px;letter-spacing:-.02em;margin:0}.eb-topbar h2 i{background:linear-gradient(135deg,#e91e631a,#9c27b014);border-radius:10px;color:#e91e63;color:var(--brand-primary,#e91e63);font-size:1.2rem;padding:8px}.eb-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.eb-filters .eb-search{flex:1 1;max-width:360px;min-width:200px}.eb-filters input,.eb-filters select{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#212121;color:var(--text-primary,#212121);font-size:.88rem;height:38px;padding:0 12px;transition:border-color .2s}.eb-filters input:focus,.eb-filters select:focus{background:#fff;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a;outline:none}.eb-filters input::placeholder{color:#94a3b8}.eb-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.eb-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;cursor:pointer;padding:22px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.eb-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 8px 24px #e91e631a,0 4px 12px #0000000f;transform:translateY(-2px)}.eb-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.eb-card-title{color:#212121;color:var(--text-primary,#212121);font-size:1.05rem;font-weight:600;margin:0}.eb-card-badges{display:flex;flex-wrap:wrap;gap:6px}.eb-badge{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.4px;padding:4px 10px;text-transform:uppercase;transition:all .2s}.eb-badge-active{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.eb-badge-inactive{background:#fce4ec;border-color:#f8bbd0;color:#c62828}.eb-badge-academic{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.eb-badge-general{background:#ffedd5;border-color:#fed7aa;color:#c2410c}.eb-badge-year{background:#f3e8ff;border-color:#e9d5ff;color:#7e22ce}.eb-card-meta{color:#757575;color:var(--text-secondary,#757575);display:flex;flex-wrap:wrap;font-size:.82rem;gap:16px;margin:10px 0}.eb-card-meta i{color:#e91e63;color:var(--brand-primary,#e91e63);margin-right:4px}.eb-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--text-secondary,#666);display:-webkit-box;font-size:.84rem;margin:8px 0 0;overflow:hidden}.eb-card-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px}.eb-card-actions .eb-btn{flex:1 1 auto;font-size:.78rem;justify-content:center;min-width:80px;padding:7px 8px;white-space:nowrap}.eb-card-actions .eb-btn i{flex-shrink:0}.eb-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.eb-btn:active{transform:scale(.97)}.eb-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.eb-btn i{font-size:.78rem}.eb-btn-primary{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 2px 6px #e91e6340;color:#fff}.eb-btn-primary:hover{background:linear-gradient(135deg,#d81b60,#ad1457);box-shadow:0 4px 12px #e91e6359;transform:translateY(-1px)}.eb-btn-success{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 2px 6px #43a04740;color:#fff}.eb-btn-success:hover{box-shadow:0 4px 12px #43a04759;transform:translateY(-1px)}.eb-btn-warning{background:linear-gradient(135deg,#ff9800,#e65100);box-shadow:0 2px 6px #ff980040;color:#fff}.eb-btn-warning:hover{box-shadow:0 4px 12px #ff980059;transform:translateY(-1px)}.eb-btn-danger{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 2px 6px #e5393540;color:#fff}.eb-btn-danger:hover{box-shadow:0 4px 12px #e5393559;transform:translateY(-1px)}.eb-btn-outline{background:#0000;border:1.5px solid #d1d5db;color:#374151;color:var(--text-primary,#374151)}.eb-btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.eb-btn-sm{border-radius:6px;font-size:.78rem;padding:6px 12px}.eb-btn-lg{border-radius:10px;font-size:.92rem;padding:11px 24px}.eb-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1050}.eb-modal{animation:eb-modalIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 24px 64px #0003,0 8px 24px #0000001a;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}@keyframes eb-modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.eb-modal-lg{max-width:900px}.eb-modal-xl{max-width:1100px}.eb-modal-header{align-items:center;background:linear-gradient(135deg,#fafbff,#f8f9fe);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 24px}.eb-modal-header h3{color:#1e293b;font-size:1.15rem;font-weight:700;margin:0}.eb-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:1.3rem;padding:4px 8px;transition:all .15s}.eb-modal-close:hover{background:#f1f5f9;color:#1e293b}.eb-modal-body{padding:24px}.eb-modal-footer{background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.eb-field{margin-bottom:16px}.eb-field label{color:#333;color:var(--text-primary,#333);display:block;font-size:.84rem;font-weight:600;margin-bottom:5px}.eb-field label .eb-required{color:#e53935;margin-left:2px}.eb-field input,.eb-field select,.eb-field textarea{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#212121;color:var(--text-primary,#212121);font-size:.88rem;padding:9px 12px;transition:border-color .2s;width:100%}.eb-field input:focus,.eb-field select:focus,.eb-field textarea:focus{background:#fff;border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a;outline:none}.eb-field textarea{border-radius:8px;min-height:100px;resize:vertical}.eb-field .eb-hint{color:#999;font-size:.78rem;margin-top:4px}.eb-field-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.eb-type-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.eb-type-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px 12px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.eb-type-card:hover{box-shadow:0 6px 16px #0000000f;transform:translateY(-2px)}.eb-type-card.active,.eb-type-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.eb-type-card.active{background:linear-gradient(135deg,#e91e630a,#e91e6314);box-shadow:0 0 0 3px #e91e631f}.eb-type-card i{display:block;font-size:1.6rem;margin-bottom:8px;transition:transform .3s}.eb-type-card:hover i{transform:scale(1.15)}.eb-type-card .eb-type-name{font-size:.82rem;font-weight:700}.eb-type-listening i{color:#1976d2}.eb-type-reading i{color:#388e3c}.eb-type-writing i{color:#f57c00}.eb-type-speaking i{color:#7b1fa2}.eb-section-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.eb-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;cursor:pointer;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.eb-section-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.eb-section-card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:12px;transition:transform .3s ease;width:48px}.eb-section-card:hover .eb-section-card-icon{transform:scale(1.1) rotate(-3deg)}.eb-section-card-icon.listening{background:#e3f2fd;color:#1976d2}.eb-section-card-icon.reading{background:#e8f5e9;color:#388e3c}.eb-section-card-icon.writing{background:#fff3e0;color:#f57c00}.eb-section-card-icon.speaking{background:#f3e5f5;color:#7b1fa2}.eb-section-card h4{font-size:.95rem;margin:0 0 6px}.eb-section-card .eb-section-stats{color:#757575;display:flex;font-size:.8rem;gap:14px}.eb-test-list{display:flex;flex-direction:column;gap:12px}.eb-test-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:18px 22px;transition:all .25s cubic-bezier(.4,0,.2,1)}.eb-test-row:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 6px 20px #e91e6314,0 3px 10px #0000000a;transform:translateX(4px)}.eb-test-info{flex:1 1}.eb-test-info h4{font-size:1rem;margin:0 0 4px}.eb-test-info .eb-test-sections-preview{display:flex;flex-wrap:wrap;gap:8px}.eb-section-pill{border-radius:20px;font-size:.72rem;font-weight:600;padding:3px 10px}.eb-section-pill.listening{background:#e3f2fd;color:#1565c0}.eb-section-pill.reading{background:#e8f5e9;color:#2e7d32}.eb-section-pill.writing{background:#fff3e0;color:#e65100}.eb-section-pill.speaking{background:#f3e5f5;color:#6a1b9a}.eb-content-editor{margin-top:16px}.eb-page-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;gap:2px;margin-bottom:16px}.eb-page-tab{background:none;border:none;border-bottom:2.5px solid #0000;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;margin-bottom:-2px;padding:10px 20px;position:relative;transition:all .2s}.eb-page-tab:hover{background:#e91e630a}.eb-page-tab.active,.eb-page-tab:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.eb-page-tab.active{background:#fff;border-bottom-color:#e91e63;border-bottom-color:var(--brand-primary,#e91e63);font-weight:700}.eb-editor-area{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible;position:relative}.eb-editor-toolbar{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:3px;padding:8px 12px}.eb-toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.78rem;gap:4px;padding:6px 10px;transition:all .15s}.eb-toolbar-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.eb-toolbar-btn.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.eb-toolbar-sep{background:#e2e8f0;height:22px;margin:0 4px;width:1px}.eb-code-editor-wrapper{background:#1e1e2e;border-radius:0 0 10px 10px;display:flex;flex:1 1;min-height:280px;overflow:hidden}.eb-line-numbers{background:#181825;border-right:1px solid #313244;color:#585b70;flex-shrink:0;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.78rem;line-height:1.6;overflow:hidden;padding:14px 10px 14px 0;text-align:right;-webkit-user-select:none;user-select:none;width:48px}.eb-line-num{align-items:center;display:flex;height:1.344rem;justify-content:flex-end}.eb-line-num--matched{background:#89b4fa26;border-right:2px solid #89b4fa;color:#89b4fa;font-weight:700}.eb-tag-match-bar{align-items:center;background:#181825;border-top:1px solid #2a2a3e;color:#89b4fa;display:flex;font-family:Fira Code,Consolas,monospace;font-size:.72rem;gap:6px;padding:3px 12px}.eb-tag-match-bar i{font-size:.7rem;opacity:.7}.eb-tag-match-arrow{color:#a6adc8}.eb-inline-images-panel{max-height:320px;overflow-y:auto}.eb-inline-images-grid{display:flex;flex-direction:column;gap:6px;padding:8px}.eb-inline-image-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:8px;padding:6px 8px;transition:background .15s}.eb-inline-image-item:hover{background:#e9ecef}.eb-inline-image-thumb{border:1px solid #dee2e6;border-radius:4px;cursor:pointer;flex-shrink:0;height:48px;object-fit:cover;width:48px}.eb-inline-image-thumb:hover{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.eb-inline-image-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.eb-inline-image-name{color:#374151;font-family:Fira Code,Consolas,monospace;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eb-inline-image-size{color:#9ca3af;font-size:.68rem}.eb-inline-image-delete{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:4px 6px;transition:color .15s,background .15s}.eb-inline-image-delete:hover{background:#ef44441a;color:#ef4444}.eb-inline-image-delete:disabled{cursor:not-allowed;opacity:.5}.eb-editor-textarea--code{background:#1e1e2e;caret-color:#89b4fa;color:#cdd6f4;padding:14px 14px 14px 10px;tab-size:2;-moz-tab-size:2}.eb-editor-textarea--code::placeholder{color:#585b70}.eb-editor-textarea--code::selection{background:#89b4fa40}.eb-editor-textarea{border:none;color:#212121;color:var(--text-primary,#212121);font-family:Fira Code,Consolas,monospace;font-size:.84rem;line-height:1.6;min-height:250px;padding:14px;resize:vertical;width:100%}.eb-editor-textarea:focus{outline:none}.eb-editor-guide{background:linear-gradient(135deg,#f0f4ff,#faf5ff);border-top:1px dashed #cbd5e1;font-size:.82rem;padding:16px 18px}.eb-guide-title{color:#1e293b;font-size:.88rem;font-weight:700;margin-bottom:10px}.eb-guide-title i{color:#f59e0b;margin-right:6px}.eb-guide-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.eb-guide-step{align-items:flex-start;display:flex;gap:10px}.eb-guide-num{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:24px;justify-content:center;width:24px}.eb-guide-step strong{color:#1e293b;display:block;margin-bottom:2px}.eb-guide-step p{color:#64748b;font-size:.78rem;line-height:1.4;margin:0}.eb-guide-codes{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px;padding:8px 10px}.eb-guide-codes strong{margin-right:4px}.eb-guide-codes code{background:#f1f5f9;border-radius:3px;font-size:.72rem;padding:1px 5px}.eb-preview-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;max-height:400px;min-height:200px;overflow-y:auto;padding:16px}.eb-preview-label{color:#999;font-size:.78rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.eb-q-list{display:flex;flex-direction:column;gap:10px}.eb-q-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #00000008;display:flex;gap:14px;padding:16px 18px;transition:all .2s}.eb-q-card:hover{background:#fafbff;border-color:#cbd5e1;box-shadow:0 3px 10px #0000000f}.eb-q-number{align-items:center;background:linear-gradient(135deg,#e91e63,#ad1457);border-radius:10px;box-shadow:0 2px 6px #e91e6340;color:#fff;display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;height:38px;justify-content:center;min-width:38px}.eb-q-body{flex:1 1;min-width:0}.eb-q-body .eb-q-content{color:#212121;color:var(--text-primary,#212121);font-size:.88rem;margin-bottom:4px;word-break:break-word}.eb-q-body .eb-q-type{border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px}.eb-q-type-radio{background:#1976d2}.eb-q-type-checkbox{background:#388e3c}.eb-q-type-text{background:#f57c00}.eb-q-type-dropdown{background:#7b1fa2}.eb-q-type-textarea{background:#00838f}.eb-q-type-speaking{background:#c62828}.eb-q-type-fill_in_blank{background:#4e342e}.eb-q-type-matching_headings{background:#283593}.eb-q-actions{display:flex;flex-shrink:0;gap:4px}.eb-template-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:20px}.eb-template-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.eb-template-card:hover{background:#e91e6305;box-shadow:0 8px 20px #e91e631a;transform:translateY(-3px)}.eb-template-card.selected,.eb-template-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.eb-template-card.selected{background:linear-gradient(135deg,#e91e630a,#9c27b00a);box-shadow:0 0 0 3px #e91e631f}.eb-template-card .eb-tpl-icon{font-size:1.5rem;margin-bottom:4px}.eb-template-card .eb-tpl-name{color:#1a1a2e;display:block;font-size:.84rem;font-weight:700}.eb-template-card .eb-tpl-desc{color:#64748b;display:block;font-size:.73rem;line-height:1.4;margin-top:3px}.eb-template-card .eb-tpl-ielts{background:#eef2ff;border-radius:10px;color:#6366f1;font-size:.68rem;font-weight:600;margin-top:4px;padding:2px 8px}.eb-template-card .eb-tpl-example{background:#f8f9fa;border-radius:6px;color:#78909c;font-size:.7rem;font-style:italic;margin-top:6px;padding:5px 8px;text-align:left;width:100%}.eb-selected-tpl-bar{background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px}.eb-options-list{display:flex;flex-direction:column;gap:6px}.eb-option-row{align-items:center;display:flex;gap:8px}.eb-option-row input[type=text]{flex:1 1}.eb-option-row .eb-option-correct{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 10px;transition:all .2s;white-space:nowrap}.eb-option-row .eb-option-correct.selected{background:linear-gradient(135deg,#43a047,#2e7d32);border-color:#43a047;box-shadow:0 2px 6px #43a0474d;color:#fff}.eb-empty{color:#94a3b8;padding:56px 24px;text-align:center}.eb-empty i{animation:eb-emptyBounce 2s ease-in-out infinite;color:#cbd5e1;display:block;font-size:2.8rem;margin-bottom:14px}@keyframes eb-emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.eb-empty p{font-size:.92rem;line-height:1.5;margin:4px 0}.eb-empty p:first-of-type{color:#64748b;font-weight:600}.eb-pagination{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:24px}.eb-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.82rem;font-weight:500;padding:6px 14px;transition:all .2s}.eb-page-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.eb-page-btn.active{background:linear-gradient(135deg,#e91e63,#c2185b);border-color:#0000;box-shadow:0 2px 8px #e91e634d;color:#fff;font-weight:600}.eb-page-btn:disabled{cursor:not-allowed;opacity:.35}.eb-loading{color:#94a3b8;padding:48px;text-align:center}.eb-loading i{animation:eb-spin 1s linear infinite;color:#e91e63;color:var(--brand-primary,#e91e63);display:block;font-size:1.6rem;margin-bottom:10px}@keyframes eb-spin{to{transform:rotate(1turn)}}.eb-alert{align-items:center;animation:eb-alertIn .3s ease-out;border-radius:10px;display:flex;font-size:.88rem;font-weight:500;gap:10px;margin-bottom:16px;padding:14px 18px}@keyframes eb-alertIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.eb-alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.eb-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.eb-alert-info{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.eb-modal-fullscreen{border-radius:0;display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:100%}.eb-modal-fullscreen .eb-modal-header{background:linear-gradient(135deg,#1e293b,#334155);border-bottom:none}.eb-modal-fullscreen .eb-modal-header h3{color:#f1f5f9}.eb-modal-fullscreen .eb-modal-close{color:#94a3b8}.eb-modal-fullscreen .eb-modal-close:hover{background:#ffffff1a;color:#f1f5f9}.eb-editor-split{border-top:1px solid #e2e8f0;display:flex;flex:1 1;overflow:hidden}.eb-editor-pane{flex:1 1;min-height:0;min-width:0}.eb-editor-left{border-right:2px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto}.eb-editor-left .eb-editor-area{border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column}.eb-editor-left .eb-code-editor-wrapper{border-radius:0;flex:1 1}.eb-editor-left .eb-editor-textarea{flex:1 1;min-height:200px}.eb-editor-right{background:linear-gradient(180deg,#fafbff,#f5f7fa);display:flex;flex-direction:column;overflow-y:auto}.eb-preview-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.8px;padding:12px 18px;text-transform:uppercase}.eb-preview-header i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:.9rem}.eb-preview-scroll{flex:1 1;padding:20px}.eb-preview-content{color:#1e293b;font-size:.92rem;line-height:1.75}.eb-preview-content h3{font-size:1.1rem;margin:0 0 12px}.eb-preview-content h4{font-size:.95rem;margin:8px 0}.eb-preview-content table{border-collapse:collapse;margin:8px 0;width:100%}.eb-preview-content td,.eb-preview-content th{border:1px solid #ddd;padding:8px}.eb-preview-content blockquote{background:#f9f9f9;border-left:3px solid #e91e63;border-left:3px solid var(--brand-primary,#e91e63);margin:8px 0;padding:8px 16px}.eb-preview-empty{color:#94a3b8;padding:48px 24px;text-align:center}.eb-preview-empty i{color:#cbd5e1;display:block;font-size:2.2rem;margin-bottom:12px}.eb-preview-empty p{font-size:.88rem}.eb-preview-image{border-bottom:1px solid #e2e8f0;margin-bottom:12px;padding:0 0 12px}.eb-preview-image img{border-radius:8px;box-shadow:0 1px 4px #00000014;max-width:100%}.eb-toolbar-accent{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;font-weight:600!important}.eb-toolbar-accent:hover{background:#dbeafe!important}.eb-toolbar-accent.active{background:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 1px 4px #1d4ed84d!important;color:#fff!important}.eb-editor-toolbar-wrap{flex-shrink:0;position:relative;z-index:5}.eb-panel{animation:eb-panelSlide .2s ease-out;background:#fff;border-bottom:2.5px solid #e91e63;border-bottom:2.5px solid var(--brand-primary,#e91e63);border-radius:0 0 12px 12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;left:0;max-height:55vh;overflow-y:auto;padding:16px;position:absolute;right:0;top:100%;z-index:20}@keyframes eb-panelSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.eb-panel-title{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:.88rem;font-weight:600;gap:8px;margin-bottom:10px}.eb-panel-title .eb-hint{color:#999;font-size:.78rem;font-weight:400}.eb-panel-badge{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 10px}.eb-panel-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;line-height:1;margin-left:8px;padding:0 4px}.eb-panel-close:hover{color:#333}.eb-placeholder-legend{align-items:center;background:#fff8e1;border-bottom:1px solid #ffe082;display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px;padding:5px 12px}.eb-pl-chip{align-items:center;border:1px solid;border-radius:10px;display:inline-flex;font-family:Fira Code,Consolas,monospace;font-size:.7rem;font-weight:600;gap:3px;padding:1px 7px;white-space:nowrap}.eb-snippet-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.eb-snippet-group-header{border-bottom:1px solid #eee;color:#999;font-size:.72rem;font-weight:700;grid-column:1/-1;letter-spacing:.5px;margin-top:4px;padding:4px 0 2px;text-transform:uppercase}.eb-snippet-group-header:first-child{margin-top:0}.eb-snippet-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.eb-snippet-card:hover{background:linear-gradient(135deg,#e91e6305,#e91e630d);border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 3px 10px #e91e6314;transform:translateY(-1px)}.eb-snippet-icon{color:#e91e63;color:var(--brand-primary,#e91e63);flex-shrink:0;font-size:1.1rem;margin-top:2px}.eb-snippet-info{min-width:0}.eb-snippet-info strong{display:block;font-size:.82rem;margin-bottom:2px}.eb-snippet-info span{color:#777;font-size:.75rem}.eb-ph-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.eb-ph-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:14px;transition:all .2s}.eb-ph-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 4px 14px #e91e6314;transform:translateY(-1px)}.eb-ph-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.eb-ph-header i{font-size:1.1rem}.eb-ph-header strong{font-size:.85rem}.eb-ph-desc{color:#555;font-size:.78rem;line-height:1.4;margin:0 0 8px}.eb-ph-visual-box{background:#f5f5f5;border-radius:4px;margin-bottom:6px;padding:8px}.eb-ph-visual-label{color:#999;font-size:.7rem;font-weight:600;margin-bottom:4px;text-transform:uppercase}.eb-ph-visual{color:#333;font-family:Fira Code,Consolas,monospace;font-size:.78rem;line-height:1.4;margin:0;white-space:pre}.eb-ph-usage{color:#777;font-size:.75rem;margin-bottom:4px}.eb-ph-usage i{color:#f9a825;margin-right:4px}.eb-ph-insert-btn{margin-top:6px;width:100%}.eb-image-upload-area{border-bottom:1px solid #eee;padding:12px 14px}.eb-image-upload-label{color:#333;color:var(--text-primary,#333);display:block;font-size:.84rem;font-weight:600;margin-bottom:8px}.eb-image-dropzone{align-items:center;border:2px dashed #ccc;border-radius:8px;color:#999;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:24px;transition:all .2s}.eb-image-dropzone:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.eb-image-dropzone i{font-size:1.5rem}.eb-image-dropzone span{font-size:.84rem}.eb-image-preview-wrap{position:relative}.eb-image-preview{border:1px solid #ddd;border-radius:6px;max-height:160px;max-width:100%}.eb-image-actions,.eb-tpl-ielts{margin-top:6px}.eb-tpl-ielts{background:#e3f2fd;border-radius:10px;color:#1565c0;display:inline-block;font-size:.7rem;padding:2px 8px}.eb-tpl-example{background:#f5f5f5;border-left:3px solid #e91e63;border-left:3px solid var(--brand-primary,#e91e63);border-radius:4px;color:#777;font-size:.72rem;font-style:italic;margin-top:6px;padding:6px 8px;text-align:left}.eb-confirm-text{color:var(--text-primary,#333)}.eb-prev-widget{border:2px dashed;border-radius:6px;font-size:.82rem;margin:2px 0;padding:4px 10px;vertical-align:middle}.eb-prev-input{align-items:center;background:#fff3e0;border-color:#f57c00;display:inline-flex;gap:6px}.eb-prev-field{border-bottom:2px solid #f57c00;color:#bbb;display:inline-block;font-family:Fira Code,Consolas,monospace;font-size:.8rem;min-width:90px}.eb-prev-radio{background:#e3f2fd;border-color:#1976d2;display:block;margin:8px 0;padding:8px 12px}.eb-prev-choices{display:flex;flex-direction:column;gap:4px;margin-top:4px}.eb-prev-choice{align-items:center;background:#fff9;border-radius:4px;color:#333;display:flex;font-size:.82rem;gap:6px;padding:3px 8px}.eb-prev-circle{border:2px solid #90caf9;border-radius:50%;display:inline-block;flex-shrink:0;height:14px;width:14px}.eb-prev-drop{align-items:center;background:#f3e5f5;border-color:#7b1fa2;display:inline-flex;gap:6px}.eb-prev-select-box{background:#fff;border:1px solid #ce93d8;border-radius:4px;color:#666;display:inline-block;font-size:.8rem;padding:2px 10px}.eb-prev-grid{background:#e8eaf6;border-color:#283593;display:block;margin:10px 0;padding:10px 12px}.eb-prev-grid-tbl{border-collapse:collapse;margin-top:6px;width:100%}.eb-prev-grid-tbl td,.eb-prev-grid-tbl th{border:1px solid #9fa8da;font-size:.78rem;padding:4px 10px;text-align:center}.eb-prev-grid-tbl th{background:#3949ab;color:#fff;font-weight:600}.eb-prev-grid-qcell{background:#ffffff80;text-align:left!important}.eb-prev-grid-tbl .eb-prev-circle{border-color:#7986cb;height:12px;width:12px}.eb-prev-badge{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:3px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:1px 7px}.eb-prev-badge-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.eb-prev-label{color:#666;font-size:.72rem;font-style:italic}@media (max-width:900px){.eb-editor-split{flex-direction:column}.eb-editor-left{border-bottom:1px solid #e0e0e0;border-right:none;max-height:50vh;overflow-y:auto}.eb-editor-right{max-height:50vh}.eb-ph-grid,.eb-snippet-grid{grid-template-columns:1fr}}@media (max-width:768px){.eb-grid{grid-template-columns:1fr}.eb-type-selector{grid-template-columns:repeat(2,1fr)}.eb-field-row{grid-template-columns:1fr}.eb-topbar{align-items:stretch;flex-direction:column}.eb-template-grid{grid-template-columns:repeat(2,1fr)}.eb-section-grid{grid-template-columns:1fr}}.eb-placeholder-chip{background:#e3f2fd;border-radius:4px;color:#1565c0;display:inline-block;font-family:monospace;font-size:.78rem;font-weight:600;padding:2px 8px}.eb-tab-panels{margin-top:10px}.eb-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:992px){.eb-two-col{grid-template-columns:1fr}}.eb-qmap-panel{background:#fafafa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;margin-top:12px}.eb-qmap-header{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;justify-content:space-between;padding:8px 14px;-webkit-user-select:none;user-select:none}.eb-qmap-header:hover{background:#f0f0f0}.eb-qmap-header i:first-child{color:#e91e63;color:var(--brand-primary,#e91e63);margin-right:6px}.eb-qmap-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:0 10px 10px}.eb-qmap-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:5px;display:flex;font-size:.78rem;gap:8px;padding:5px 10px}.eb-qmap-num{color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:700;min-width:32px}.eb-qmap-type{background:#e8eaf6;border-radius:3px;color:#3949ab;font-size:.72rem;font-weight:600;padding:1px 8px;text-transform:uppercase;white-space:nowrap}.eb-qmap-content{color:#666;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eb-qmap-code{background:#f8f9fa;border-radius:3px;font-family:Fira Code,monospace;font-size:.68rem;padding:1px 5px;white-space:nowrap}.eb-qmap-missing{background:#fff5f5;border-color:#fecaca}.eb-qmap-hint{color:#64748b;font-size:.72rem;margin-bottom:2px;padding:4px 6px}.eb-qmap-hint i{color:#94a3b8;margin-right:4px}.eb-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:8px 0}.eb-filter-search{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;flex:1 1;max-width:340px;min-width:180px;padding:6px 12px;transition:border-color .2s}.eb-filter-search:focus-within{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.eb-filter-search i{color:#aaa;font-size:.82rem;margin-right:8px}.eb-filter-search input{background:#0000;border:none;flex:1 1;font-size:.84rem;outline:none}.eb-filter-clear{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px}.eb-filter-clear:hover{color:#e53935}.eb-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.82rem;outline:none;padding:6px 10px}.eb-filter-select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.eb-filter-count{color:#999;font-size:.78rem;white-space:nowrap}.eb-confirm-text{color:#333;font-size:.92rem;padding:10px 0;text-align:center}.eb-confirm-text strong{color:#c62828}.eb-reading-pane-tabs{align-items:center;display:flex;gap:0;margin-bottom:4px;padding-bottom:8px}.eb-reading-pane-tab{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:6px;padding:8px 18px;transition:all .2s}.eb-reading-pane-tab:first-child{border-radius:8px 0 0 8px}.eb-reading-pane-tab:nth-child(2){border-left:none;border-radius:0 8px 8px 0}.eb-reading-pane-tab:hover{background:#f1f5f9;color:#334155}.eb-reading-pane-tab.active{background:#e91e63;background:var(--brand-primary,#e91e63);border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 8px #e91e6340;color:#fff;font-weight:700}.eb-reading-pane-tab .eb-pane-hint{font-size:.72rem;font-weight:400;opacity:.8}.eb-reading-pane-info{align-items:center;color:#999;display:flex;font-size:.76rem;gap:5px;margin-left:auto}.eb-reading-pane-info i{color:#1976d2}.eb-reading-split-preview{display:flex;gap:0;height:100%;min-height:300px}.eb-reading-preview-left,.eb-reading-preview-right{flex:1 1;min-width:0;overflow-y:auto;padding:12px}.eb-reading-preview-left{background:#fafafa;border-right:2px solid #e0e0e0}.eb-reading-preview-right{background:#fff}.eb-reading-preview-divider{width:0}.eb-reading-preview-label{align-items:center;border-bottom:1px solid #eee;color:#999;display:flex;font-size:.72rem;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.eb-reading-preview-label i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:.8rem}.eb-preview-empty-mini{color:#bbb;padding:24px 16px;text-align:center}.eb-preview-empty-mini i{display:block;font-size:1.6rem;margin-bottom:8px}.eb-preview-empty-mini p{font-size:.82rem;margin:4px 0}.eb-preview-empty-mini .eb-hint{color:#ccc;font-size:.72rem}.role-manager{padding:0}.rm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.rm-header h2{color:#1a1a2e;font-size:1.4rem;font-weight:700;margin:0}.rm-header h2 i{color:#6366f1;margin-right:.5rem}.rm-subtitle{color:#64748b;font-size:.85rem;margin:.25rem 0 0}.rm-actions{gap:.5rem}.rm-alert{border-radius:8px;font-size:.85rem;margin-bottom:1rem;padding:.6rem 1rem}.rm-alert i{margin-right:.4rem}.rm-loading{color:#64748b;padding:3rem}.rm-table thead th{font-size:.75rem;letter-spacing:.05em;padding:.75rem 1rem}.rm-table tbody td{font-size:.875rem;padding:.75rem 1rem}.rm-table code{background:#f1f5f9;border-radius:4px;color:#475569;font-size:.75rem;padding:2px 6px}.rm-role-badge{color:#1e293b;font-weight:600}.rm-system-tag{background:#e0e7ff;border-radius:4px;color:#4338ca;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.04em;margin-left:.5rem;padding:1px 6px;text-transform:uppercase}.rm-count{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;min-width:28px}.rm-actions-cell{display:flex;gap:.35rem}.rm-actions-cell .btn{font-size:.75rem;padding:.25rem .5rem}.rm-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0;z-index:1050}.rm-modal{border-radius:14px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;width:95%}.rm-modal-wide{max-width:640px}.rm-modal-header{border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem}.rm-modal-header h4{font-size:1.1rem;font-weight:700;margin:0}.rm-modal-close{color:#94a3b8;font-size:1.5rem;line-height:1}.rm-modal-close:hover{color:#334155}.rm-modal-body{padding:1.25rem}.rm-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:.5rem;padding:.75rem 1.25rem}.rm-field{margin-bottom:1rem}.rm-field label{color:#475569;display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem}.rm-field label small{color:#94a3b8;font-weight:400}.rm-field input,.rm-field select{border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s;width:100%}.rm-field input:focus,.rm-field select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rm-perm-body{max-height:50vh;overflow-y:auto}.rm-perm-group{margin-bottom:1.25rem}.rm-perm-group-title{border-bottom:1px solid #e0e7ff;color:#6366f1;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:.5rem;padding-bottom:.3rem;text-transform:uppercase}.rm-perm-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.35rem 0}.rm-perm-item input[type=checkbox]{accent-color:#6366f1;width:auto}.rm-perm-name{color:#1e293b;font-size:.85rem;font-weight:500}.rm-perm-item small{color:#94a3b8;font-size:.7rem;margin-left:auto}.mtb-container{margin:0 auto;max-width:800px;padding:24px}.mtb-header h2{color:#1a1a2e;font-size:24px;font-weight:700;margin:0 0 4px}.mtb-subtitle{color:#666;font-size:14px;margin:0 0 24px}.mtb-steps{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:28px;padding-bottom:0}.mtb-step{align-items:center;border-bottom:3px solid #0000;color:#999;cursor:pointer;display:flex;flex:1 1;gap:8px;margin-bottom:-2px;padding:12px 16px;transition:all .15s}.mtb-step.active{border-bottom-color:#e91e63;color:#e91e63}.mtb-step.done{color:#28a745}.mtb-step-num{align-items:center;background:#f0f0f0;border-radius:50%;color:inherit;display:flex;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.mtb-step.active .mtb-step-num{background:#e91e63;color:#fff}.mtb-step.done .mtb-step-num{background:#28a745;color:#fff}.mtb-step-label{font-size:13px;font-weight:600}.mtb-error{align-items:center;background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;color:#dc3545;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.mtb-error button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px}.mtb-panel{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px}.mtb-panel h3{font-size:18px;font-weight:700;margin:0 0 4px}.mtb-hint{color:#666;font-size:13px;margin:0 0 20px}.mtb-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.mtb-card{border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;padding:14px 16px;transition:all .15s}.mtb-card:hover{border-color:#e91e63;box-shadow:0 2px 8px #e91e631a}.mtb-card.selected{background:#e91e630a;border-color:#e91e63}.mtb-card-title{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:4px}.mtb-card-meta{color:#888;font-size:12px}.mtb-empty{color:#999;font-size:13px;grid-column:1/-1;padding:20px 0;text-align:center}.mtb-form{background:#f9fafb;border-radius:8px;padding:20px}.mtb-form-row{margin-bottom:14px}.mtb-form-row label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.mtb-form-row input,.mtb-form-row select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.mtb-form-row input:focus,.mtb-form-row select:focus{border-color:#e91e63;box-shadow:0 0 0 2px #e91e631a;outline:none}.mtb-form-row-inline{display:flex;gap:16px}.mtb-form-row-inline .mtb-form-row{flex:1 1}.mtb-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.mtb-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .1s}.mtb-btn:disabled{cursor:not-allowed;opacity:.6}.mtb-btn-primary{background:#e91e63;color:#fff}.mtb-btn-primary:hover:not(:disabled){background:#c2185b}.mtb-btn-outline{background:#0000;border:1px solid #ddd;color:#555}.mtb-btn-outline:hover{background:#f5f5f5;border-color:#999}.mtb-btn-sm{font-size:12px;padding:6px 12px}.mtb-section-preview{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.mtb-section-card{align-items:center;background:#f9fafb;border:1px solid #e8e8e8;border-radius:8px;display:flex;gap:10px;padding:12px 16px}.mtb-section-card.exists{background:#28a7450a;border-color:#28a745}.mtb-section-icon{font-size:20px}.mtb-section-name{flex:1 1;font-size:14px;font-weight:600}.mtb-section-duration{color:#888;font-size:12px}.mtb-section-check{color:#28a745;font-weight:700}.mtb-section-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.mtb-upload-row{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.mtb-upload-info{align-items:center;display:flex;gap:10px}.mtb-upload-icon{font-size:20px}.mtb-upload-name{font-size:14px;font-weight:600}.mtb-upload-count{background:#f0f0f0;border-radius:10px;color:#999;font-size:12px;padding:2px 8px}.mtb-upload-count.has-questions{background:#e8f5e9;color:#28a745}.mtb-summary{background:#f9fafb;border:1px solid #e8e8e8;border-radius:8px;padding:16px}.mtb-summary h4{font-size:14px;font-weight:700;margin:0 0 10px}.mtb-summary-row{color:#444;font-size:13px;padding:4px 0}.system-manager{padding:0}.sm-header{margin-bottom:20px}.sm-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.sm-title i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:20px}.sm-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:4px;margin-bottom:24px;padding-bottom:0}.sm-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .2s ease}.sm-tab.active,.sm-tab:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.sm-tab.active{border-bottom-color:#e91e63;border-bottom-color:var(--brand-primary,#e91e63);font-weight:600}.sm-loading{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;padding:48px 20px;text-align:center}.sm-loading i{color:#e91e63;color:var(--brand-primary,#e91e63);margin-right:8px}.sm-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.sm-info-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px}.sm-info-card h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 14px;padding-bottom:10px}.sm-info-card h4 i{color:#e91e63;color:var(--brand-primary,#e91e63)}.sm-info-rows{display:flex;flex-direction:column;gap:8px}.sm-info-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.sm-info-row>span:first-child{color:#64748b;color:var(--text-secondary,#64748b)}.sm-val{color:#1e293b;color:var(--text-primary,#1e293b);font-family:SF Mono,monospace;font-size:12px;font-weight:600}.sm-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 10px;text-transform:uppercase}.sm-badge-success{background:#e8f5e9;color:#2e7d32}.sm-badge-warning{background:#fff8e1;color:#e65100}.sm-badge-danger{background:#ffebee;color:#c62828}.sm-actions-section{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px}.sm-actions-section h4{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 14px}.sm-actions-section h4 i{color:#e91e63;color:var(--brand-primary,#e91e63)}.sm-actions-row{display:flex;flex-wrap:wrap;gap:8px}.sm-action-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.sm-action-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 8px #e91e631a;color:#e91e63;color:var(--brand-primary,#e91e63)}.sm-action-btn:disabled{cursor:not-allowed;opacity:.5}.sm-btn-danger{background:#fff5f5;border-color:#ffcdd2;color:#c62828}.sm-btn-danger:hover{border-color:#f44336;box-shadow:0 2px 8px #f443361a;color:#c62828}.sm-logs-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.sm-logs-meta{color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;gap:16px}.sm-logs-meta i{margin-right:4px}.sm-logs-actions{display:flex;gap:8px}.sm-logs-list{display:flex;flex-direction:column;gap:6px;max-height:600px;overflow-y:auto}.sm-log-entry{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:12px 14px}.sm-log-entry.sm-log-error{background:#fff5f5;border-left-color:#f44336}.sm-log-entry.sm-log-warning{background:#fffde7;border-left-color:#ff9800}.sm-log-entry.sm-log-info{border-left-color:#2196f3}.sm-log-entry.sm-log-debug{border-left-color:#9e9e9e}.sm-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sm-log-level{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.sm-log-level.sm-log-error{background:#ffcdd2;color:#c62828}.sm-log-level.sm-log-warning{background:#ffe0b2;color:#e65100}.sm-log-level.sm-log-info{background:#bbdefb;color:#0d47a1}.sm-log-level.sm-log-debug{background:#e0e0e0;color:#616161}.sm-log-time{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-family:monospace;font-size:11px}.sm-log-message{color:#1e293b;color:var(--text-primary,#1e293b);font-size:12px;line-height:1.5;max-height:100px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.sm-db-summary{display:flex;gap:16px;margin-bottom:20px}.sm-db-stat{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px}.sm-db-stat-num{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:22px;font-weight:700}.sm-db-stat>span:last-child{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.sm-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow-x:auto}.sm-table{border-collapse:collapse;font-size:13px;width:100%}.sm-table th{background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.sm-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b);padding:10px 14px}.sm-table tr:last-child td{border-bottom:none}.sm-table tr:hover td{background:#f8fafc;background:var(--gray-50,#f8fafc)}.sm-table-name{font-family:SF Mono,monospace;font-size:12px;font-weight:600}.sm-table-date{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.sm-jobs-actions{margin-bottom:16px}.sm-sub-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;margin:16px 0 12px}.sm-exception{color:#c62828;font-size:11px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-retry-btn{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1565c0;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.sm-retry-btn:hover{background:#bbdefb}.sm-empty{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;padding:32px 20px;text-align:center}@media (max-width:768px){.sm-info-grid{grid-template-columns:1fr}.sm-artisan-input-row,.sm-db-summary,.sm-logs-header{flex-direction:column}.sm-artisan-select{min-width:100%}.sm-env-key{min-width:100px}}.sm-maintenance-row{align-items:center;display:flex;gap:16px}.sm-btn-success{background:#10b981!important;color:#fff!important}.sm-btn-success:hover{background:#059669!important}.sm-btn-primary{background:#e91e63!important;background:var(--brand-primary,#e91e63)!important;color:#fff!important}.sm-btn-primary:hover{background:#c2185b!important}.sm-env-header{justify-content:space-between;margin-bottom:16px}.sm-env-count,.sm-env-header{align-items:center;display:flex}.sm-env-count{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;gap:8px}.sm-env-count i{color:#e91e63;color:var(--brand-primary,#e91e63)}.sm-env-key{color:#1a237e;color:var(--brand-navy,#1a237e);font-weight:600;min-width:200px}.sm-env-key,.sm-env-value{font-family:Monaco,Consolas,monospace;font-size:12px}.sm-env-value{color:#1e293b;color:var(--text-primary,#1e293b);max-width:400px;word-break:break-all}.sm-env-sensitive{background:#fef3c7}.sm-masked{color:#94a3b8;font-style:italic}.sm-env-input{border:1px solid #e91e63;border:1px solid var(--brand-primary,#e91e63);border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px;outline:none;padding:4px 8px;width:100%}.sm-env-actions{display:flex;gap:4px;white-space:nowrap}.sm-btn-sm{font-size:12px!important;padding:4px 8px!important}.sm-badge-secondary{background:#e2e8f0;color:#64748b}.sm-artisan-input-row{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sm-artisan-select{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;flex:1 1;font-size:13px;min-width:280px;padding:10px 14px}.sm-artisan-select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);outline:none}.sm-artisan-output{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden}.sm-artisan-success{border-color:#10b981}.sm-artisan-error{border-color:#ef4444}.sm-artisan-output-header{align-items:center;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.sm-artisan-success .sm-artisan-output-header{background:#ecfdf5;color:#065f46}.sm-artisan-error .sm-artisan-output-header{background:#fef2f2;color:#991b1b}.sm-artisan-exit{background:#00000014;border-radius:4px;font-size:11px;padding:2px 8px}.sm-artisan-pre{background:#1e293b;color:#e2e8f0;font-family:Monaco,Consolas,monospace;font-size:12px;margin:0;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-all}.sm-log-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sm-log-search{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:13px;min-width:180px;outline:none;padding:8px 12px}.sm-log-search:focus{border-color:#e91e63}.sm-log-level-filter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;padding:8px 12px}.sm-log-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.sm-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 14px}.sm-page-btn:hover:not(:disabled){background:#f0f0f0}.sm-page-btn:disabled{cursor:not-allowed;opacity:.4}.sm-page-info{color:#666;font-size:13px}.sm-artisan-mode-toggle,.sm-view-toggle{border:1px solid #e2e8f0;border-radius:8px;display:inline-flex;overflow:hidden}.sm-toggle-btn{background:#fff;border:none;color:#666;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s}.sm-toggle-btn.active{background:#1a237e;color:#fff}.sm-toggle-btn:hover:not(.active){background:#f8f9fa}.sm-log-expand{color:#999;font-size:11px;margin-left:auto}.sm-log-collapsed{max-height:60px;overflow:hidden;position:relative}.sm-log-collapsed:after{background:linear-gradient(90deg,#0000,#fff8f8);bottom:0;content:"...";padding:0 8px;position:absolute;right:0}.sm-logs-raw{background:#1e293b;border-radius:8px;color:#e2e8f0;font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.6;max-height:600px;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-all}.sm-artisan-mode-toggle{margin-bottom:12px}.sm-artisan-custom-input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:13px;outline:none;padding:10px 14px}.sm-artisan-custom-input:focus{border-color:#e91e63}.sm-artisan-hint{color:#999;font-size:12px;margin:8px 0 0}.sm-artisan-hint i{color:#ff9800;margin-right:4px}.sm-docker-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.sm-docker-image{color:#666;font-family:Monaco,Consolas,monospace;font-size:12px}.sm-docker-status{color:#888;font-size:12px}.sm-docker-ports{color:#666;font-family:Monaco,Consolas,monospace;font-size:11px;max-width:200px;word-break:break-all}.sm-docker-actions{display:flex;gap:4px}.sm-btn-warning{background:#ff9800;color:#fff}.sm-btn-warning:hover{background:#f57c00}.sm-docker-logs{border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;overflow:hidden}.sm-docker-logs-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px 16px}.sm-docker-logs-header h4{color:#333;font-size:13px;margin:0}.sm-docker-logs-header h4 i{color:#2196f3;margin-right:6px}.sm-docker-logs-pre{background:#1e293b;color:#e2e8f0;font-family:Monaco,Consolas,monospace;font-size:11px;margin:0;max-height:400px;overflow-y:auto;padding:12px 16px;white-space:pre-wrap;word-break:break-all}.enrollment-manager{padding:0}.em-header{margin-bottom:20px}.em-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.em-title i{color:#009688;font-size:20px}.em-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:4px;margin-bottom:20px}.em-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .2s ease}.em-tab:hover{color:#009688}.em-tab.active{border-bottom-color:#009688;color:#009688;font-weight:600}.em-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.em-search-wrap{flex:1 1;min-width:200px;position:relative}.em-search-wrap i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.em-search{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:13px;outline:none;padding:9px 12px 9px 34px;transition:border-color .2s;width:100%}.em-search:focus{border-color:#009688}.em-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:13px;min-width:140px;outline:none;padding:9px 12px}.em-loading{color:#64748b;color:var(--text-secondary,#64748b);padding:48px 20px;text-align:center}.em-table-wrap{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow-x:auto}.em-table{border-collapse:collapse;font-size:13px;width:100%}.em-table th{background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.em-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);padding:12px 14px}.em-table tr:last-child td{border-bottom:none}.em-table tr:hover td{background:#f8fafc;background:var(--gray-50,#f8fafc)}.em-user-cell{display:flex;flex-direction:column}.em-user-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.em-user-email{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.em-status{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.em-status-active{background:#e8f5e9;color:#2e7d32}.em-status-inactive{background:#eceff1;color:#546e7a}.em-status-expired{background:#ffebee;color:#c62828}.em-date{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px}.em-actions{align-items:center;display:flex;gap:6px}.em-status-select{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;font-size:11px;outline:none;padding:4px 8px}.em-delete-btn{align-items:center;background:#fff5f5;border:1px solid #ffcdd2;border-radius:6px;color:#c62828;cursor:pointer;display:flex;font-size:11px;height:28px;justify-content:center;transition:all .2s;width:28px}.em-delete-btn:hover{background:#ffcdd2}.em-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);padding:32px 20px;text-align:center}.em-pagination{gap:12px;margin-top:16px;padding:12px 0}.em-page-btn,.em-pagination{align-items:center;display:flex;justify-content:center}.em-page-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;height:32px;transition:all .2s;width:32px}.em-page-btn:hover:not(:disabled){border-color:#009688;color:#009688}.em-page-btn:disabled{cursor:not-allowed;opacity:.4}.em-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.em-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.em-header-actions{display:flex;gap:8px}.em-add-btn,.em-stats-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.em-stats-btn{background:#f0f9ff;color:#0369a1}.em-stats-btn:hover{background:#e0f2fe}.em-add-btn{background:#009688;color:#fff}.em-add-btn:hover{background:#00796b}.em-payment-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px;white-space:nowrap}.em-ps-free{background:#f0fdf4;color:#15803d}.em-ps-pending{background:#fefce8;color:#a16207}.em-ps-paid{background:#eff6ff;color:#1d4ed8}.em-ps-overdue{background:#fef2f2;color:#dc2626}.em-amount{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.em-pay-btn,.em-view-pay-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s;width:30px}.em-pay-btn{color:#16a34a}.em-pay-btn:hover{background:#f0fdf4;border-color:#16a34a}.em-view-pay-btn{color:#0369a1}.em-view-pay-btn:hover{background:#f0f9ff;border-color:#0369a1}.em-reject-pay-btn,.em-verify-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s;width:30px}.em-verify-btn{color:#16a34a}.em-verify-btn:hover{background:#dcfce7;border-color:#16a34a}.em-reject-pay-btn{color:#dc2626}.em-reject-pay-btn:hover{background:#fef2f2;border-color:#dc2626}.em-user-txn{margin-top:2px}.em-user-txn small{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.68rem}.em-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.em-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;overflow-y:auto;width:100%}.em-modal-enroll,.em-modal-payment{max-width:640px}.em-modal-details{max-width:560px}.em-modal-stats{max-width:720px}.em-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.em-modal-header h3{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:18px;gap:8px;margin:0}.em-modal-close{background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:24px;height:32px;transition:all .2s;width:32px}.em-modal-close:hover{background:#f1f5f9;color:#1e293b}.em-enroll-form{padding:24px}.em-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.em-form-group{display:flex;flex-direction:column;gap:6px}.em-form-group label{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:600}.em-form-group input,.em-form-group select,.em-form-group textarea{background:#f8fafc;background:var(--bg-base,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s}.em-form-group input:focus,.em-form-group select:focus,.em-form-group textarea:focus{border-color:#009688;box-shadow:0 0 0 3px #0096881a;outline:none}.em-form-divider{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin:20px 0 16px;position:relative;text-align:center}.em-form-divider span{background:#fff;background:var(--bg-surface,#fff);color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:700;letter-spacing:.5px;padding:0 16px;position:relative;text-transform:uppercase;top:-12px}.em-search-dropdown{position:relative}.em-search-input-wrap{align-items:center;display:flex;position:relative}.em-search-input-wrap>i:first-child{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;left:12px;pointer-events:none;position:absolute}.em-search-input-wrap input{background:#f8fafc;background:var(--bg-base,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:14px;padding:10px 12px 10px 34px;transition:border-color .2s;width:100%}.em-search-input-wrap input:focus{border-color:#009688;box-shadow:0 0 0 3px #0096881a;outline:none}.em-search-spinner{color:#009688;position:absolute;right:12px}.em-dropdown-list{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;margin-top:4px;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.em-dropdown-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:background .15s}.em-dropdown-item:last-child{border-bottom:none}.em-dropdown-item:hover{background:#e0f2f1}.em-di-main{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.em-di-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-di-email{overflow:hidden;text-overflow:ellipsis}.em-di-email,.em-di-id{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;white-space:nowrap}.em-di-id,.em-di-meta{margin-left:8px}.em-di-meta{align-items:center;display:flex;gap:6px}.em-di-type{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.em-di-paid{background:#fef3c7;color:#a16207}.em-di-free{background:#dcfce7;color:#15803d}.em-dropdown-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;font-style:italic;padding:12px 14px;text-align:center}.em-selected-item{align-items:center;background:#e0f2f1;border:1px solid #80cbc4;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 14px}.em-selected-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.em-selected-name{color:#00695c;font-size:14px;font-weight:600}.em-selected-detail,.em-selected-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-selected-detail{color:#00897b;font-size:12px}.em-clear-btn{align-items:center;background:#00000014;border:none;border-radius:50%;color:#00695c;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.em-clear-btn:hover{background:#00000026}.em-payment-methods{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.em-pm-btn{align-items:center;background:#f8fafc;background:var(--bg-base,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:10px 14px;transition:all .2s}.em-pm-btn i{font-size:18px}.em-pm-btn i,.em-pm-btn span{color:#64748b;color:var(--text-secondary,#64748b)}.em-pm-btn span{font-size:11px;font-weight:600}.em-pm-btn.active,.em-pm-btn:hover{border-color:#009688}.em-pm-btn.active{background:#e0f2f1}.em-pm-btn.active i,.em-pm-btn.active span{color:#00796b}.em-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.em-btn-cancel,.em-btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.em-btn-cancel{background:#f1f5f9;color:#64748b}.em-btn-cancel:hover{background:#e2e8f0}.em-btn-submit{background:#009688;color:#fff}.em-btn-submit:hover{background:#00796b}.em-btn-submit:disabled{cursor:not-allowed;opacity:.6}.em-payment-target-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;font-size:13px;gap:16px;padding:12px 24px}.em-payment-target-info span{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;gap:6px}.em-payment-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:24px}.em-pd-item{display:flex;flex-direction:column;gap:4px}.em-pd-item label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.em-pd-item span{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px}.em-pd-full{grid-column:1/-1}.em-pd-amount{color:#009688!important;font-size:20px!important;font-weight:700}.em-pd-method{font-weight:600;text-transform:capitalize}.em-pd-no-payment{color:#94a3b8;font-style:italic;padding:20px;text-align:center}.em-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:24px 24px 16px}.em-stat-card{border-radius:12px;padding:16px;text-align:center}.em-stat-card i{font-size:20px;margin-bottom:8px}.em-stat-value{font-size:22px;font-weight:700}.em-stat-label{font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.em-stat-revenue{background:#f0fdf4;color:#15803d}.em-stat-completed{background:#eff6ff;color:#1d4ed8}.em-stat-pending-pay{background:#fefce8;color:#a16207}.em-stat-free{background:#f5f3ff;color:#7c3aed}.em-stat-paid{background:#fdf2f8;color:#be185d}.em-stats-methods,.em-stats-recent{padding:0 24px 24px}.em-stats-methods h4,.em-stats-recent h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;margin:0 0 12px}.em-method-bar{align-items:center;display:flex;gap:10px;margin-bottom:8px}.em-mb-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:600;min-width:90px;text-transform:capitalize}.em-mb-track{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.em-mb-fill{background:linear-gradient(90deg,#009688,#4db6ac);border-radius:4px;height:100%}.em-mb-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:12px;font-weight:600;min-width:100px;text-align:right}.em-recent-list{display:flex;flex-direction:column;gap:8px}.em-recent-item{align-items:center;background:#f8fafc;background:var(--bg-base,#f8fafc);border-radius:8px;display:flex;font-size:13px;gap:12px;padding:10px 12px}.em-ri-user{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-weight:600}.em-ri-method{background:#e0f2f1;border-radius:4px;color:#00796b;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.em-ri-amount{color:#009688;font-weight:700}.em-ri-date{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.em-stats-revenue-time{margin-top:20px}.em-stats-revenue-time h4{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:12px}.em-revenue-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.em-rev-card{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:10px;padding:16px;text-align:center}.em-rev-label{color:#558b2f;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.em-rev-value{color:#2e7d32;font-size:18px;font-weight:800}.em-stats-monthly{margin-top:20px}.em-stats-monthly h4{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:12px}.em-monthly-bars{display:flex;flex-direction:column;gap:8px}.em-monthly-bar{grid-gap:10px;align-items:center;display:grid;font-size:13px;gap:10px;grid-template-columns:80px 1fr 140px}.em-recent-table-wrap{max-height:320px;overflow-x:auto;overflow-y:auto}.em-recent-table{border-collapse:collapse;font-size:13px;width:100%}.em-recent-table th{background:#f1f5f9;background:var(--bg-elevated,#f1f5f9);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.em-recent-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:8px 10px}.em-pm-tag{background:#e0f2f1;border-radius:4px;color:#00796b;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.em-txn-id{color:#64748b;color:var(--text-secondary,#64748b);font-family:monospace;font-size:12px}.em-stat-total-enroll i{color:#5c6bc0}.em-stat-active-enroll i{color:#26a69a}.em-pay-tab{display:flex;flex-direction:column;gap:24px}.em-pay-tab .em-stats-grid{margin-bottom:0}.em-pay-history{background:#fff;border-radius:10px;box-shadow:0 1px 8px #0000000f;padding:20px}.em-pay-history h4{align-items:center;color:#334155;display:flex;font-size:1.05rem;gap:8px;margin:0 0 16px}.em-pay-history h4 i{color:#6366f1}.em-pay-history-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.em-pay-history-filters .em-search-wrap{flex:1 1 200px;min-width:180px}.em-date-input,.em-pay-history-filters .em-select{min-width:130px}.em-date-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;padding:8px 12px}.em-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.em-dir-badge{border-radius:10px;display:inline-block;font-size:.72rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.em-dir-type-academic{background:#dbeafe;color:#2563eb}.em-dir-type-general{background:#fef3c7;color:#d97706}.em-dir-type-listening{background:#dbeafe;color:#2563eb}.em-dir-type-reading{background:#fef3c7;color:#d97706}.em-dir-type-writing{background:#dcfce7;color:#16a34a}.em-dir-type-speaking{background:#fce7f3;color:#db2777}.em-dir-year{background:#f1f5f9;color:#475569}.em-dir-active{background:#dcfce7;color:#16a34a}.em-dir-inactive{background:#fee2e2;color:#dc2626}.em-dir-paid{background:#dbeafe;color:#2563eb}.em-dir-free{background:#dcfce7;color:#16a34a}.em-dir-empty{color:#94a3b8;font-size:.95rem;padding:40px 20px;text-align:center}.em-dir-empty i{margin-right:8px}.em-id-tab{display:flex;flex-direction:column;gap:16px;margin-top:10px}.em-id-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.em-id-card{border-radius:12px;box-shadow:0 10px 25px #0000002e;color:#fff;display:flex;flex-direction:column;gap:4px;padding:14px 18px;transition:transform .15s,box-shadow .15s}.em-id-card:hover{box-shadow:0 14px 32px #00000038;transform:translateY(-2px)}.em-id-card span{font-size:.8rem;letter-spacing:.8px;opacity:.82;text-transform:uppercase}.em-id-card strong{font-size:1.6rem}.em-id-card-sets{background:linear-gradient(135deg,#7c3aed,#a855f7)}.em-id-card-tests{background:linear-gradient(135deg,#2563eb,#38bdf8)}.em-id-card-sections{background:linear-gradient(135deg,#10b981,#34d399)}.em-id-card-questions{background:linear-gradient(135deg,#f97316,#facc15);color:#1f2937}.em-id-resource-tabs{display:flex;flex-wrap:wrap;gap:10px}.em-id-resource-btn{align-items:center;background:#fff;border:1px solid #00000014;border-radius:999px;color:#1e1f2f;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.em-id-resource-btn:hover{border-color:#009688}.em-id-resource-btn.active{background:#141a32;border-color:#0000;box-shadow:0 8px 20px #161b2d40;color:#fff}.em-id-count{background:#00000012;border-radius:999px;font-size:.78rem;padding:2px 8px}.em-id-resource-btn.active .em-id-count{background:#ffffff1f}.em-id-breadcrumbs{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.em-id-breadcrumbs button{align-items:center;background:#0000;border:none;border-radius:6px;color:#065f46;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;padding:4px 10px;transition:all .15s}.em-id-breadcrumbs button:hover{background:#d1fae5}.em-id-breadcrumbs button.active{background:#10b981;color:#fff;cursor:default}.em-id-breadcrumbs span.active{background:#10b981;border-radius:6px;color:#fff;font-size:.88rem;font-weight:600;padding:4px 10px}.em-bc-sep{color:#6ee7b7;font-size:.7rem}.em-select-lg{min-width:200px}.em-id-controls{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}.em-id-controls .em-search-wrap{flex:1 1 220px;min-width:180px}.em-id-input{border:1px solid #0000001f;border-radius:8px;font-size:13px;max-width:120px;min-width:100px;padding:8px 12px}.em-id-input:focus{border-color:#009688;box-shadow:0 0 0 3px #0096881a;outline:none}.em-filter-reset{align-items:center;background:#e2e8f0;border:none;border-radius:8px;color:#1e1f2f;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 14px;position:relative;transition:background .2s ease}.em-filter-reset:hover{background:#cbd5e1}.em-filter-badge{align-items:center;background:#dc2626;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-6px;top:-6px}.em-copy-toast{align-items:center;animation:slideIn .2s ease;background:#e8fff3;border:1px solid #6ee7b7;border-radius:10px;color:#065f46;display:inline-flex;font-weight:600;gap:8px;padding:10px 14px;width:-webkit-fit-content;width:fit-content}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.em-id-table th{color:#8a8fa9;font-size:.72rem;letter-spacing:.5px;text-transform:uppercase}.em-id-cell{align-items:center;display:inline-flex;font-weight:600;gap:6px}.em-id-text{color:#6366f1;font-family:SF Mono,Fira Code,monospace}.em-copy-btn{align-items:center;background:#eef2ff;border:none;border-radius:999px;color:#4338ca;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:transform .2s ease,box-shadow .2s;width:28px}.em-copy-btn:hover{box-shadow:0 6px 14px #4338ca4d;transform:translateY(-2px)}.em-copy-btn-sm{background:#f0fdf4;color:#16a34a;font-size:.7rem;height:22px;width:22px}.em-copy-btn-sm:hover{box-shadow:0 4px 10px #16a34a4d}.em-id-title{color:#1c1f3b;display:flex;flex-direction:column;font-weight:600;gap:3px}.em-id-meta{color:#7b7f94;font-size:.8rem}.em-id-subtitle{color:#4b4f64;font-size:.82rem}.em-id-stack{display:flex;flex-direction:column;gap:2px}.em-id-snippet{color:#3d425c;font-size:.85rem;max-width:380px}.em-id-type{text-transform:capitalize}.em-view-tests-btn{align-items:center;background:#eef2ff;border:none;border-radius:6px;color:#4338ca;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:4px 10px;transition:all .15s}.em-view-tests-btn:hover{background:#4338ca;color:#fff}.em-view-tests-btn i{font-size:.7rem}.em-drill-btn{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:none;border-radius:8px;box-shadow:0 2px 6px #0369a126;color:#0369a1;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .2s ease}.em-drill-btn:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 4px 12px #0369a140;color:#fff;transform:translateX(2px)}.em-drill-btn i{font-size:.7rem;transition:transform .2s ease}.em-drill-btn:hover i{transform:translateX(3px)}.em-drill-btn-alt{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 6px #a1620726;color:#a16207}.em-drill-btn-alt:hover{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #a1620740;color:#fff}.em-count-zero{background:#f1f5f9;border-radius:8px;color:#94a3b8;display:inline-block;font-size:.82rem;font-weight:500;padding:5px 12px}.em-id-desc{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0284c7;border-radius:10px;color:#0c4a6e;display:flex;font-size:.88rem;gap:10px;margin:0 0 16px;padding:12px 16px}.em-id-desc i{color:#0284c7;margin-top:2px}.em-id-desc strong{color:#0369a1}.em-id-desc code{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:.82rem;padding:2px 6px}@media (max-width:768px){.em-id-controls{align-items:stretch;flex-direction:column}.em-id-controls .em-search,.em-id-controls .em-select,.em-id-input{max-width:none;width:100%}.em-id-summary{grid-template-columns:1fr}.em-header{align-items:flex-start;flex-direction:column}.em-form-row{grid-template-columns:1fr}.em-payment-methods{justify-content:center}.em-payment-detail-grid{grid-template-columns:1fr}.em-stats-grid{grid-template-columns:repeat(2,1fr)}.em-revenue-cards{grid-template-columns:1fr}.em-pay-history-filters{flex-direction:column}.em-pay-history-filters .em-search-wrap{flex:1 1 100%}}.session-manager{padding:0}.ssm-header{margin-bottom:20px}.ssm-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.ssm-title i{color:#2196f3;font-size:20px}.ssm-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:4px;margin-bottom:20px}.ssm-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .2s ease}.ssm-tab:hover{color:#2196f3}.ssm-tab.active{border-bottom-color:#2196f3;color:#2196f3;font-weight:600}.ssm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.ssm-toolbar-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.ssm-search-wrap{flex:1 1;max-width:400px;min-width:200px;position:relative}.ssm-search-wrap i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.ssm-search{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:13px;outline:none;padding:9px 12px 9px 34px;width:100%}.ssm-search:focus{border-color:#2196f3}.ssm-action-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.ssm-action-btn:hover{border-color:#2196f3;color:#2196f3}.ssm-btn-danger{background:#fff5f5;border-color:#ffcdd2;color:#c62828}.ssm-btn-danger:hover{border-color:#f44336;color:#c62828}.ssm-loading{color:#64748b;color:var(--text-secondary,#64748b);padding:48px 20px;text-align:center}.ssm-table-wrap{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow-x:auto}.ssm-table{border-collapse:collapse;font-size:13px;width:100%}.ssm-table th{background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.ssm-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);padding:12px 14px}.ssm-table tr:last-child td{border-bottom:none}.ssm-table tr:hover td{background:#f8fafc;background:var(--gray-50,#f8fafc)}.ssm-expired-row td{opacity:.6}.ssm-user-cell{display:flex;flex-direction:column}.ssm-user-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.ssm-user-email{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.ssm-token-name{font-family:SF Mono,monospace;font-size:12px}.ssm-date{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.ssm-status{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px}.ssm-status-active{background:#e8f5e9;color:#2e7d32}.ssm-status-expired{background:#ffebee;color:#c62828}.ssm-actions{display:flex;gap:6px}.ssm-revoke-all-btn,.ssm-revoke-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:11px;height:28px;justify-content:center;transition:all .2s;width:28px}.ssm-revoke-btn{background:#fff5f5;border:1px solid #ffcdd2;color:#c62828}.ssm-revoke-btn:hover{background:#ffcdd2}.ssm-revoke-all-btn{background:#fff8e1;border:1px solid #ffe0b2;color:#e65100}.ssm-revoke-all-btn:hover{background:#ffe0b2}.ssm-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);padding:32px 20px;text-align:center}.ssm-pagination{gap:12px;margin-top:16px}.ssm-page-btn,.ssm-pagination{align-items:center;display:flex;justify-content:center}.ssm-page-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;height:32px;width:32px}.ssm-page-btn:hover:not(:disabled){border-color:#2196f3;color:#2196f3}.ssm-page-btn:disabled{cursor:not-allowed;opacity:.4}.ssm-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.writing-evaluator{padding:0}.we-header{margin-bottom:20px}.we-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.we-title i{color:#7b1fa2;font-size:20px}.we-stats{display:flex;gap:12px;margin-bottom:20px}.we-stat{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;border-top:3px solid #e2e8f0;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px}.we-stat-total{border-top-color:#7b1fa2}.we-stat-pending{border-top-color:#ff9800}.we-stat-approved{border-top-color:#4caf50}.we-stat-avg{border-top-color:#2196f3}.we-stat-num{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-weight:700}.we-stat>span:last-child{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.we-guide-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:20px;padding:20px 24px}.we-guide-box h4{align-items:center;color:#0369a1;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.we-guide-box h4 i{font-size:16px}.we-guide-steps{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:20px}.we-guide-steps li{color:#334155;font-size:13px;line-height:1.5}.we-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.we-search-wrap{flex:1 1;min-width:200px;position:relative}.we-search-wrap i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.we-search{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:13px;outline:none;padding:9px 12px 9px 34px;width:100%}.we-search:focus{border-color:#7b1fa2}.we-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:13px;min-width:130px;outline:none;padding:9px 12px}.we-loading{color:#64748b;color:var(--text-secondary,#64748b);padding:48px;text-align:center}.we-table-wrap{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow-x:auto}.we-table{border-collapse:collapse;font-size:13px;width:100%}.we-table th{background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.we-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);padding:12px 14px}.we-table tr:last-child td{border-bottom:none}.we-table tr:hover td{background:#f8fafc;background:var(--gray-50,#f8fafc)}.we-user-cell{display:flex;flex-direction:column}.we-user-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.we-user-email{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.we-task-badge{background:#ede7f6;border-radius:20px;color:#7b1fa2;font-size:11px;font-weight:600;padding:3px 10px}.we-score{border-radius:6px;font-size:16px;font-weight:700;padding:2px 8px}.we-score-high{background:#e8f5e9;color:#2e7d32}.we-score-mid{background:#fff3e0;color:#e65100}.we-score-low{background:#ffebee;color:#c62828}.we-feedback-cell{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.we-status{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px}.we-status-approved{background:#e8f5e9;color:#2e7d32}.we-status-pending{background:#fff8e1;color:#e65100}.we-eval-btn{align-items:center;background:#f3e5f5;border:1px solid #e1bee7;border-radius:6px;color:#7b1fa2;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s;white-space:nowrap}.we-eval-btn:hover{background:#e1bee7}.we-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);padding:32px;text-align:center}.we-pagination{gap:12px;margin-top:16px}.we-page-btn,.we-pagination{align-items:center;display:flex;justify-content:center}.we-page-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;height:32px;width:32px}.we-page-btn:hover:not(:disabled){border-color:#7b1fa2;color:#7b1fa2}.we-page-btn:disabled{cursor:not-allowed;opacity:.4}.we-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.we-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.we-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;overflow:hidden;width:100%}.we-modal.we-modal-wide{display:flex;flex-direction:column;max-height:90vh;max-width:800px}.we-modal-wide .we-modal-body{flex:1 1;overflow-y:auto}.we-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:18px 24px}.we-modal-header h3{font-size:16px;font-weight:600;margin:0}.we-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.we-modal-close:hover{background:#f1f5f9;background:var(--gray-100,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.we-modal-body{padding:24px}.we-modal-info{color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;font-size:13px;gap:4px;margin-bottom:20px}.we-form-group{margin-bottom:16px}.we-form-group label{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.we-form-input,.we-form-textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;width:100%}.we-form-input:focus,.we-form-textarea:focus{border-color:#7b1fa2}.we-form-textarea{min-height:80px;resize:vertical}.we-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.we-cancel-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px}.we-cancel-btn,.we-save-btn{cursor:pointer;font-size:13px;padding:8px 18px}.we-save-btn{align-items:center;background:#7b1fa2;border:none;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:6px}.we-save-btn:hover{background:#6a1b9a}@media (max-width:768px){.we-filters,.we-stats{flex-direction:column}.we-modal.we-modal-wide{max-width:95vw}}.we-responses-section{margin-bottom:24px}.we-responses-section h4{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.we-responses-section h4 i{color:#7b1fa2}.we-loading-sm,.we-no-responses{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;padding:16px;text-align:center}.we-no-responses{background:#f8fafc;background:var(--bg-surface,#f8fafc);border-radius:8px}.we-response-card{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin-bottom:12px;overflow:hidden}.we-response-header{align-items:center;background:#f8fafc;background:var(--bg-surface,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:10px 14px}.we-response-q{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.we-word-count{background:#e8eaf6;border-radius:10px;color:#283593;font-size:11px;font-weight:600;padding:2px 8px}.we-question-prompt{background:#fffde7;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;line-height:1.5;padding:10px 14px}.we-student-answer{line-height:1.7;max-height:300px;overflow-y:auto;padding:14px;white-space:pre-wrap}.we-scoring-section h4,.we-student-answer{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px}.we-scoring-section h4{align-items:center;display:flex;font-weight:600;gap:8px;margin:0 0 12px}.we-scoring-section h4 i{color:#ff9800}.security-events{padding:0}.se-header{margin-bottom:20px}.se-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.se-title i{color:#f44336;font-size:20px}.se-stats{display:flex;gap:12px;margin-bottom:16px}.se-stat{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px}.se-stat-num{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-weight:700}.se-stat>span:last-child{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.se-type-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.se-type-chip{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s}.se-type-chip:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.se-type-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500}.se-type-count{background:#f1f5f9;background:var(--gray-100,#f1f5f9);border-radius:10px;font-size:11px;font-weight:600;padding:1px 8px}.se-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.se-search-wrap{flex:1 1;min-width:200px;position:relative}.se-search-wrap i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.se-search{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:13px;outline:none;padding:9px 12px 9px 34px;width:100%}.se-search:focus{border-color:#f44336}.se-select{font-size:13px;min-width:160px;outline:none;padding:9px 12px}.se-clear-btn,.se-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px}.se-clear-btn{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 14px;transition:all .2s}.se-clear-btn:hover{border-color:#f44336;color:#f44336}.se-loading{color:#64748b;color:var(--text-secondary,#64748b);padding:48px;text-align:center}.se-events-list{display:flex;flex-direction:column;gap:8px}.se-event{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;gap:14px;padding:14px 18px;transition:all .2s}.se-event:hover{box-shadow:0 2px 8px #0000000a}.se-event-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:15px;height:38px;justify-content:center;width:38px}.se-event-body{flex:1 1;min-width:0}.se-event-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.se-event-type{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.se-event-time{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.se-event-user{color:#64748b;color:var(--text-secondary,#64748b)}.se-event-desc,.se-event-user{font-size:12px;margin-bottom:4px}.se-event-desc,.se-event-meta{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.se-event-meta{display:flex;font-size:11px;gap:12px}.se-event-meta i{margin-right:3px}.se-empty{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);padding:32px;text-align:center}.se-pagination{gap:12px;margin-top:16px}.se-page-btn,.se-pagination{align-items:center;display:flex;justify-content:center}.se-page-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;height:32px;width:32px}.se-page-btn:hover:not(:disabled){border-color:#f44336;color:#f44336}.se-page-btn:disabled{cursor:not-allowed;opacity:.4}.se-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}@media (max-width:768px){.se-stats,.se-type-breakdown{flex-direction:column}}.rm-panel{padding:0}.rm-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.rm-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;min-width:80px;padding:10px 18px}.rm-stat-num{color:#1e293b;font-size:20px;font-weight:800}.rm-stat-label{color:#64748b;font-size:11px;font-weight:500}.rm-stat-green{border-left:3px solid #4caf50}.rm-stat-green .rm-stat-num{color:#4caf50}.rm-stat-red{border-left:3px solid #f44336}.rm-stat-red .rm-stat-num{color:#f44336}.rm-stat-gray{border-left:3px solid #9e9e9e}.rm-stat-gray .rm-stat-num{color:#9e9e9e}.rm-stat-blue{border-left:3px solid #2196f3}.rm-stat-blue .rm-stat-num{color:#2196f3}.rm-stat-purple{border-left:3px solid #7b1fa2}.rm-stat-purple .rm-stat-num{color:#7b1fa2}.rm-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:14px 18px}.rm-filter-row{align-items:center}.rm-search{flex:1 1;min-width:200px;position:relative}.rm-search i{color:#94a3b8;font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.rm-search input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;height:36px;outline:none;padding:0 12px 0 36px;width:100%}.rm-search input:focus{background:#fff;border-color:#e91e63}.rm-filter-row select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;height:36px;padding:0 12px}.rm-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.rm-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase}.rm-table tbody td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:13px;padding:12px 14px;vertical-align:middle}.rm-table tbody tr:hover{background:#f8fafc}.rm-user-cell strong{display:block;font-size:13px}.rm-user-cell small{color:#94a3b8;display:block;font-size:11px}.rm-answer-cell{color:#475569;font-family:monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis}.rm-answer-cell,.rm-date{font-size:12px;white-space:nowrap}.rm-date{color:#64748b}.rm-type-badge{background:#ede7f6;border-radius:6px;color:#5e35b1;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;text-transform:capitalize}.rm-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.rm-badge-success{background:#e8f5e9;color:#2e7d32}.rm-badge-danger{background:#ffebee;color:#d32f2f}.rm-badge-muted{background:#f5f5f5;color:#9e9e9e}.rm-actions{display:flex;gap:4px}.rm-act-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .15s;width:30px}.rm-act-view{color:#2196f3}.rm-act-view:hover{background:#e3f2fd;border-color:#2196f3}.rm-act-del{color:#f44336}.rm-act-del:hover{background:#ffebee;border-color:#f44336}.rm-pagination{align-items:center;border-top:1px solid #e2e8f0;justify-content:space-between;padding:14px 18px}.rm-page-info{color:#64748b;font-size:12px}.rm-page-btns{align-items:center;display:flex;gap:4px}.rm-page-btns button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;width:32px}.rm-page-btns button:hover:not(:disabled){border-color:#e91e63;color:#e91e63}.rm-page-btns button:disabled{cursor:not-allowed;opacity:.4}.rm-page-num{color:#64748b;font-size:12px;padding:0 10px}.rm-loading{align-items:center;color:#757575;display:flex;font-size:14px;gap:10px;justify-content:center;padding:48px 20px}.rm-loading i{color:#e91e63}.rm-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px;padding:48px 20px}.rm-empty i{font-size:28px}.rm-back{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;margin-bottom:20px;padding:8px 16px}.rm-back:hover{border-color:#e91e63;color:#e91e63}.rm-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.rm-detail-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 22px}.rm-detail-header h3{font-size:16px;font-weight:600;margin:0}.rm-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:20px 22px}.rm-detail-row{background:#f8fafc;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.rm-label{color:#64748b;font-weight:500}.rm-value{color:#1e293b;font-weight:500}.rm-detail-section{padding:0 22px 20px}.rm-detail-section h4{color:#1e293b;font-size:13px;font-weight:600;margin:0 0 8px}.rm-content-box{background:#f8fafc;border-radius:8px;font-size:13px;max-height:200px;overflow-y:auto;padding:14px}.rm-answer-box{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;word-break:break-all}.rm-answer-box,.rm-correct-box{font-family:monospace;font-size:13px;padding:14px;white-space:pre-wrap}.rm-correct-box{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px}@media (max-width:768px){.rm-detail-grid{grid-template-columns:1fr}.rm-filter-row{flex-direction:column}.rm-search{min-width:100%}}.rm-detail-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.rm-detail-top-actions{display:flex;gap:8px}.rm-act-attempt,.rm-act-evaluate{align-items:center;display:flex;font-size:12px!important;font-weight:600;gap:5px;padding:6px 12px!important;white-space:nowrap;width:auto!important}.rm-act-attempt{background:#eff6ff!important;border-color:#93c5fd!important;color:#1d4ed8!important}.rm-act-attempt:hover{background:#dbeafe!important}.rm-act-evaluate{background:#f5f3ff!important;border-color:#c4b5fd!important;color:#7c3aed!important}.rm-act-evaluate:hover{background:#ede9fe!important}.rm-word-count{align-items:center;background:#f0f9ff;border-radius:6px;color:#0369a1;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:6px 12px}.pm-panel{padding:0}.pm-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pm-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;min-width:80px;padding:10px 18px}.pm-stat-num{color:#1e293b;font-size:20px;font-weight:800}.pm-stat-label{color:#64748b;font-size:11px;font-weight:500}.pm-stat-green{border-left:3px solid #4caf50}.pm-stat-green .pm-stat-num{color:#4caf50}.pm-stat-blue{border-left:3px solid #2196f3}.pm-stat-blue .pm-stat-num{color:#2196f3}.pm-stat-purple{border-left:3px solid #7b1fa2}.pm-stat-purple .pm-stat-num{color:#7b1fa2}.pm-stat-teal{border-left:3px solid #009688}.pm-stat-teal .pm-stat-num{color:#009688}.pm-stat-orange{border-left:3px solid #ff9800}.pm-stat-orange .pm-stat-num{color:#ff9800}.pm-tabs{display:flex;gap:6px;margin-bottom:16px}.pm-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.pm-tab:hover{border-color:#e91e63;color:#e91e63}.pm-tab.active{background:#e91e63;border-color:#e91e63;color:#fff}.pm-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:14px 18px}.pm-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pm-search{flex:1 1;min-width:200px;position:relative}.pm-search i{color:#94a3b8;font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.pm-search input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;height:36px;outline:none;padding:0 12px 0 36px;width:100%}.pm-search input:focus{background:#fff;border-color:#e91e63}.pm-filter-row select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;height:36px;padding:0 12px}.pm-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pm-table{border-collapse:collapse;width:100%}.pm-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase}.pm-table tbody td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:13px;padding:12px 14px;vertical-align:middle}.pm-table tbody tr:hover{background:#f8fafc}.pm-user-cell strong{display:block;font-size:13px}.pm-user-cell small{color:#94a3b8;display:block;font-size:11px}.pm-center{text-align:center}.pm-date{color:#64748b;font-size:12px;white-space:nowrap}.pm-section-badge{background:#e3f2fd;border-radius:6px;color:#1976d2;display:inline-block;font-size:11px;font-weight:500;margin-right:6px;padding:2px 8px;text-transform:capitalize}.pm-section-badge+small{color:#94a3b8;font-size:11px}.pm-audio-yes{color:#4caf50}.pm-audio-no{color:#ccc}.pm-badge{border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.pm-badge-success{background:#e8f5e9;color:#2e7d32}.pm-badge-info{background:#e3f2fd;color:#1976d2}.pm-badge-muted{background:#f5f5f5;color:#9e9e9e}.pm-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:14px 18px}.pm-page-info{color:#64748b;font-size:12px}.pm-page-btns{align-items:center;display:flex;gap:4px}.pm-page-btns button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;width:32px}.pm-page-btns button:hover:not(:disabled){border-color:#e91e63;color:#e91e63}.pm-page-btns button:disabled{cursor:not-allowed;opacity:.4}.pm-page-num{color:#64748b;font-size:12px;padding:0 10px}.pm-loading{align-items:center;color:#757575;display:flex;gap:10px;justify-content:center;padding:48px 20px}.pm-loading i{color:#e91e63}.pm-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px;padding:48px 20px}.pm-empty i{font-size:28px}@media (max-width:768px){.pm-filter-row{flex-direction:column}.pm-search{min-width:100%}.pm-tabs{flex-direction:column}}.result-manager{padding:0}.rm-header{margin-bottom:24px}.rm-title{color:#1a237e;font-size:1.5rem;font-weight:700;margin:0 0 4px}.rm-title i{color:#e91e63;margin-right:8px}.rm-subtitle{color:#666;font-size:.9rem;margin:0}.rm-tabs{border-bottom:2px solid #eee;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.rm-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.rm-tab:hover{color:#1a237e}.rm-tab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.rm-tab i{margin-right:6px}.rm-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.rm-stat-card{align-items:center;background:#fff;border-left:4px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px}.rm-stat-total{border-left-color:#1a237e}.rm-stat-pending{border-left-color:#ff9800}.rm-stat-evaluated{border-left-color:#2196f3}.rm-stat-published{border-left-color:#4caf50}.rm-stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:48px;justify-content:center;width:48px}.rm-stat-total .rm-stat-icon{background:linear-gradient(135deg,#1a237e,#3949ab)}.rm-stat-pending .rm-stat-icon{background:linear-gradient(135deg,#ff9800,#ffb74d)}.rm-stat-evaluated .rm-stat-icon{background:linear-gradient(135deg,#2196f3,#64b5f6)}.rm-stat-published .rm-stat-icon{background:linear-gradient(135deg,#4caf50,#81c784)}.rm-stat-info{display:flex;flex-direction:column}.rm-stat-num{color:#1a237e;font-size:1.8rem;font-weight:700;line-height:1}.rm-stat-label{color:#888;font-size:.8rem;margin-top:2px}.rm-avg-grid{margin-bottom:24px}.rm-section-title{color:#333;font-size:1rem;margin:0 0 12px}.rm-section-title i{color:#e91e63;margin-right:6px}.rm-avg-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.rm-avg-card{background:#fff;border:2px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px 16px;text-align:center}.rm-avg-card i{color:#666;display:block;font-size:1.4rem;margin-bottom:8px}.rm-avg-band{display:block;font-size:2rem;font-weight:800;margin-bottom:4px}.rm-avg-label{color:#888;font-size:.8rem}.rm-avg-card.rm-band-high{border-color:#4caf50}.rm-avg-card.rm-band-high .rm-avg-band{color:#2e7d32}.rm-avg-card.rm-band-mid{border-color:#ff9800}.rm-avg-card.rm-band-mid .rm-avg-band{color:#e65100}.rm-avg-card.rm-band-low{border-color:#f44336}.rm-avg-card.rm-band-low .rm-avg-band{color:#c62828}.rm-avg-card.rm-band-vlow{border-color:#9e9e9e}.rm-avg-card.rm-band-vlow .rm-avg-band{color:#616161}.rm-notification-stat{background:#e3f2fd;border-radius:8px;color:#1565c0;font-size:.9rem;padding:12px 16px}.rm-notification-stat i{margin-right:6px}.rm-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.rm-search-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.9rem;min-width:200px;outline:none;padding:10px 14px;transition:border-color .2s}.rm-search-input:focus{border-color:#e91e63}.rm-filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 14px}.rm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.rm-btn:disabled{cursor:not-allowed;opacity:.6}.rm-btn-primary{background:#1a237e;color:#fff}.rm-btn-primary:hover:not(:disabled){background:#283593}.rm-btn-success{background:#4caf50;color:#fff}.rm-btn-success:hover:not(:disabled){background:#388e3c}.rm-btn-info{background:#2196f3;color:#fff}.rm-btn-info:hover:not(:disabled){background:#1976d2}.rm-btn-secondary{background:#eee;color:#333}.rm-btn-secondary:hover:not(:disabled){background:#ddd}.rm-btn-sm{font-size:.8rem;padding:6px 12px}.rm-btn-xs{border-radius:6px;font-size:.75rem;padding:4px 8px}.rm-table-wrap{border-radius:10px;box-shadow:0 1px 6px #0000000f;margin-bottom:16px;overflow-x:auto}.rm-table{background:#fff;border-collapse:collapse;width:100%}.rm-table thead{background:linear-gradient(135deg,#1a237e,#283593);color:#fff}.rm-table th{font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase}.rm-table td{border-bottom:1px solid #f0f0f0;font-size:.85rem;padding:12px 14px}.rm-table tbody tr:hover{background:#f8f9ff}.rm-user-cell{display:flex;flex-direction:column}.rm-user-email{color:#888;font-size:.75rem}.rm-date{color:#888;font-size:.8rem}.rm-action-cell{display:flex;gap:6px}.rm-band-pill{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:700;padding:3px 10px}.rm-band-pill.rm-band-high{background:#e8f5e9;color:#2e7d32}.rm-band-pill.rm-band-mid{background:#fff3e0;color:#e65100}.rm-band-pill.rm-band-low{background:#ffebee;color:#c62828}.rm-band-pill.rm-band-vlow{background:#f5f5f5;color:#616161}.rm-band-pill.rm-band-overall{font-size:.9rem;padding:4px 14px}.rm-status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.rm-status-pending{background:#fff3e0;color:#e65100}.rm-status-evaluated{background:#e3f2fd;color:#1565c0}.rm-status-published{background:#e8f5e9;color:#2e7d32}.rm-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.rm-badge-info{background:#e3f2fd;color:#1565c0}.rm-loading{color:#888;font-size:1rem}.rm-empty,.rm-loading{padding:60px 20px;text-align:center}.rm-empty{color:#aaa}.rm-empty i{display:block;font-size:3rem;margin-bottom:12px}.rm-empty p{font-size:.95rem;margin:0}.rm-pagination{display:flex;gap:4px;justify-content:center;margin-top:16px}.rm-page-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.rm-page-btn:hover{background:#f0f0f0}.rm-page-btn.active{background:#1a237e;border-color:#1a237e;color:#fff}.rm-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.rm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:85vh;max-width:680px;overflow-y:auto;width:100%}.rm-modal-sm{max-width:480px}.rm-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.rm-modal-header h3{color:#1a237e;font-size:1.15rem;margin:0}.rm-modal-header h3 i{color:#e91e63;margin-right:8px}.rm-modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.1rem;padding:4px}.rm-modal-close:hover{color:#333}.rm-modal-body{padding:24px}.rm-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.rm-calc-section{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px}.rm-calc-section h4{color:#1a237e;font-size:.95rem;margin:0 0 10px}.rm-calc-section h4 i{color:#e91e63;margin-right:6px}.rm-calc-details{background:#fafafa;border-radius:8px;padding:12px}.rm-calc-row{color:#555;display:flex;font-size:.85rem;justify-content:space-between;padding:6px 0}.rm-calc-row span:last-child{color:#333;font-weight:600}.rm-calc-band{border-top:1px dashed #ddd;margin-top:4px;padding-top:8px}.rm-calc-na{color:#999;font-size:.85rem;font-style:italic;margin:4px 0}.rm-approved-icon{color:#4caf50;margin-left:4px}.rm-pending-icon{color:#ff9800;margin-left:4px}.rm-writing-responses{margin-top:12px}.rm-writing-responses h5{color:#666;font-size:.85rem;margin:0 0 8px}.rm-writing-response-card{background:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:8px;padding:12px}.rm-writing-q{border-bottom:1px solid #eee;color:#555;font-size:.8rem;margin-bottom:8px;padding-bottom:6px}.rm-writing-a{color:#333;font-size:.85rem;line-height:1.6;max-height:200px;overflow-y:auto;white-space:pre-wrap}.rm-calc-overall{background:linear-gradient(135deg,#1a237e06,#e91e6308);border-radius:12px;margin:16px 0;padding:20px;text-align:center}.rm-calc-overall h4{color:#1a237e;font-size:.95rem;margin:0 0 8px}.rm-overall-band{display:block;font-size:3rem;font-weight:800;margin:8px 0}.rm-overall-band.rm-band-high{color:#2e7d32}.rm-overall-band.rm-band-mid{color:#e65100}.rm-overall-band.rm-band-low{color:#c62828}.rm-overall-band.rm-band-vlow{color:#616161}.rm-calc-note{color:#888;font-size:.8rem;margin:0}.rm-calc-notes{margin-top:16px}.rm-calc-notes label{color:#333;display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.rm-notes-input{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.85rem;outline:none;padding:10px 12px;resize:vertical;width:100%}.rm-notes-input:focus{border-color:#e91e63}.rm-publish-band{font-size:1rem;margin:12px 0}.rm-publish-channel{margin-top:16px}.rm-publish-channel label{color:#333;display:block;font-size:.85rem;font-weight:500;margin-bottom:10px}.rm-channel-options{display:flex;gap:10px}.rm-channel-option{align-items:center;border:2px solid #eee;border-radius:10px;color:#666;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;gap:4px;padding:12px;text-align:center;transition:all .2s}.rm-channel-option input{display:none}.rm-channel-option i{font-size:1.2rem}.rm-channel-option:hover{border-color:#1a237e}.rm-channel-option.active{background:#fce4ec;border-color:#e91e63;color:#e91e63}@media (max-width:768px){.rm-avg-cards,.rm-stats-grid{grid-template-columns:repeat(2,1fr)}.rm-filter-row{flex-direction:column}.rm-modal{margin:10px;max-height:90vh}}.rm-guide-box{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:12px;margin-top:20px;padding:24px}.rm-guide-box h4{align-items:center;color:#1565c0;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.rm-guide-steps{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:20px}.rm-guide-steps li{color:#37474f;font-size:14px;line-height:1.5}.rm-guide-steps li strong{color:#1565c0}.nm-container{padding:0}.nm-header{justify-content:space-between;margin-bottom:24px}.nm-header,.nm-title{align-items:center;display:flex}.nm-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:700;gap:10px;margin:0}.nm-title i{color:#e91e63;color:var(--brand-primary,#e91e63)}.nm-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;margin:4px 0 0}.nm-tabs{background:#f8fafc;background:var(--surface,#f8fafc);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.nm-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.nm-tab:hover{background:#e91e630f}.nm-tab.active,.nm-tab:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.nm-tab.active{background:#fff;box-shadow:0 2px 8px #0000000f}.nm-alert{align-items:center;border-radius:10px;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.nm-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.nm-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.nm-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.nm-stat-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:20px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.nm-stat-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.nm-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.1rem;height:48px;justify-content:center;width:48px}.nm-stat-icon.total{background:linear-gradient(135deg,#e91e63,#ad1457)}.nm-stat-icon.unread{background:linear-gradient(135deg,#f59e0b,#d97706)}.nm-stat-icon.today{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nm-stat-icon.week{background:linear-gradient(135deg,#10b981,#059669)}.nm-stat-info{display:flex;flex-direction:column}.nm-stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:700;line-height:1.2}.nm-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem}.nm-section-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:700;margin:0 0 12px}.nm-type-list{display:flex;flex-direction:column;gap:6px}.nm-type-item{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:10px;display:flex;justify-content:space-between;padding:10px 16px}.nm-type-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:500}.nm-type-count{background:#e91e6314;border-radius:20px;color:#e91e63;color:var(--brand-primary,#e91e63);font-size:.8rem;font-weight:700;padding:2px 10px}.nm-compose{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:28px}.nm-form-group{margin-bottom:20px}.nm-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.nm-input,.nm-label,.nm-select,.nm-textarea{color:#1e293b;color:var(--text-primary,#1e293b)}.nm-input,.nm-select,.nm-textarea{background:#fff;border:1px solid #0000001f;border-radius:10px;box-sizing:border-box;font-size:.9rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.nm-input:focus,.nm-select:focus,.nm-textarea:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e6314;outline:none}.nm-textarea{min-height:80px;resize:vertical}.nm-char-count{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:block;font-size:.75rem;margin-top:4px;text-align:right}.nm-target-options{display:flex;flex-wrap:wrap;gap:8px}.nm-target-btn{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.nm-target-btn.active,.nm-target-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.nm-target-btn.active{background:#e91e630f;font-weight:600}.nm-user-results{border:1px solid #00000014;border-radius:10px;margin-top:8px;max-height:200px;overflow-y:auto}.nm-user-option{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 14px;transition:background .15s}.nm-user-option:hover{background:#e91e630a}.nm-user-email{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.8rem;margin-left:auto}.nm-selected-count{color:#16a34a;font-size:.85rem;font-weight:600;margin-top:8px}.nm-searching{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:block;font-size:.8rem;margin-top:4px}.nm-channel-options{display:flex;gap:16px}.nm-channel-opt{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:.875rem;gap:8px}.nm-channel-opt input[type=checkbox]{accent-color:#e91e63;accent-color:var(--brand-primary,#e91e63)}.nm-send-btn{align-items:center;background:linear-gradient(135deg,#e91e63,#ad1457);border:none;border-radius:10px;box-shadow:0 4px 12px #e91e6340;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.nm-send-btn:hover:not(:disabled){box-shadow:0 6px 20px #e91e6359;transform:translateY(-1px)}.nm-send-btn:disabled{cursor:not-allowed;opacity:.6}.nm-filters{display:flex;gap:12px;margin-bottom:16px}.nm-filter-input{flex:1 1}.nm-filter-select{width:160px}.nm-empty,.nm-loading{align-items:center;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:40px}.nm-empty i{font-size:2rem;margin-bottom:8px;opacity:.5}.nm-notification-list{display:flex;flex-direction:column;gap:8px}.nm-notification-item{align-items:flex-start;background:#fff;border:1px solid #0000000f;border-radius:12px;display:flex;gap:14px;padding:16px 20px;transition:all .2s ease}.nm-notification-item:hover{box-shadow:0 4px 16px #0000000f}.nm-notification-item.unread{background:#e91e6305;border-left:3px solid #e91e63;border-left:3px solid var(--brand-primary,#e91e63)}.nm-notif-icon{align-items:center;background:linear-gradient(135deg,#e91e6314,#9c27b014);border-radius:10px;color:#e91e63;color:var(--brand-primary,#e91e63);display:flex;flex-shrink:0;font-size:.9rem;height:38px;justify-content:center;width:38px}.nm-notif-body{flex:1 1;min-width:0}.nm-notif-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:600;margin-bottom:2px}.nm-notif-message{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-notif-meta{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:flex;font-size:.78rem;gap:12px;margin-top:6px}.nm-notif-meta i{margin-right:3px}.nm-notif-status{border-radius:10px;font-size:.7rem;font-weight:600;padding:1px 8px}.nm-notif-status.read{background:#f0fdf4;color:#16a34a}.nm-notif-status.unread{background:#fef3c7;color:#d97706}.nm-notif-delete{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);cursor:pointer;flex-shrink:0;font-size:.85rem;padding:4px 8px;transition:all .2s}.nm-notif-delete:hover{background:#dc262614;color:#dc2626}.nm-pagination{gap:12px;margin-top:20px}.nm-pagination,.nm-pagination button{align-items:center;display:flex;justify-content:center}.nm-pagination button{background:#fff;border:1px solid #0000001a;border-radius:8px;cursor:pointer;height:36px;transition:all .2s;width:36px}.nm-pagination button:hover:not(:disabled){border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.nm-pagination button:disabled{cursor:not-allowed;opacity:.4}.nm-pagination span{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem}@media (max-width:640px){.nm-stats-grid{grid-template-columns:1fr 1fr}.nm-filters,.nm-target-options{flex-direction:column}.nm-filter-select{width:100%}}.stm-container{padding:0}.stm-header{justify-content:space-between;margin-bottom:20px}.stm-header,.stm-title{align-items:center;display:flex}.stm-title{color:#1e293b;font-size:1.4rem;font-weight:700;gap:10px;margin:0}.stm-title i{color:#6366f1}.stm-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.stm-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:14px;text-align:center;transition:all .2s}.stm-stat:hover{background:#f1f5f9;transform:translateY(-1px)}.stm-stat-value{color:#1e293b;font-size:1.6rem;font-weight:700}.stm-stat-label{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase}.stm-stat-open .stm-stat-value{color:#3b82f6}.stm-stat-progress .stm-stat-value{color:#f59e0b}.stm-stat-resolved .stm-stat-value{color:#22c55e}.stm-stat-closed .stm-stat-value{color:#6b7280}.stm-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.stm-search-wrap{flex:1 1;min-width:200px;position:relative}.stm-search-wrap i{color:#94a3b8;font-size:.85rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.stm-search{border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;outline:none;padding:9px 12px 9px 34px;width:100%}.stm-search:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.stm-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;min-width:130px;outline:none;padding:9px 12px}.stm-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.stm-table{border-collapse:collapse;font-size:.85rem;width:100%}.stm-table thead{background:#f8fafc}.stm-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.78rem;font-weight:600;padding:12px 14px;text-align:left;text-transform:uppercase}.stm-table td{border-bottom:1px solid #f1f5f9;padding:12px 14px;vertical-align:middle}.stm-table tbody tr:hover{background:#f8fafc}.stm-row-open{background:#eff6ff!important}.stm-id{color:#94a3b8;font-weight:600;white-space:nowrap}.stm-subject-text{color:#1e293b;cursor:pointer;font-weight:600}.stm-subject-text:hover{color:#6366f1;text-decoration:underline}.stm-replied-badge{color:#22c55e;display:inline-flex;font-size:.75rem;margin-left:6px}.stm-user-cell{display:flex;flex-direction:column;gap:2px}.stm-user-name{color:#1e293b;font-size:.83rem;font-weight:600}.stm-user-email{color:#94a3b8;font-size:.75rem}.stm-cat-badge{align-items:center;background:#f1f5f9;color:#475569;font-weight:600;gap:4px}.stm-cat-badge,.stm-priority-badge{border-radius:20px;display:inline-flex;font-size:.75rem;padding:3px 10px}.stm-priority-badge{background:#0000;border:1.5px solid;font-weight:700}.stm-status-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:4px 12px;white-space:nowrap}.stm-date{color:#64748b;font-size:.8rem;white-space:nowrap}.stm-empty{color:#94a3b8;padding:40px!important;text-align:center}.stm-loading{color:#6366f1;font-size:.9rem;padding:40px;text-align:center}.stm-actions{display:flex;gap:6px}.stm-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:all .2s;width:32px}.stm-view-btn{background:#eff6ff;color:#3b82f6}.stm-view-btn:hover{background:#3b82f6;color:#fff}.stm-pagination{gap:14px;margin-top:18px}.stm-page-btn,.stm-pagination{align-items:center;display:flex;justify-content:center}.stm-page-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;height:36px;transition:all .2s;width:36px}.stm-page-btn:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff}.stm-page-btn:disabled{cursor:not-allowed;opacity:.4}.stm-page-info{color:#64748b;font-size:.82rem}.stm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1060}.stm-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.stm-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 22px}.stm-modal-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0}.stm-modal-header h3 i{color:#6366f1}.stm-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem;line-height:1}.stm-modal-close:hover{color:#ef4444}.stm-modal-body{padding:22px}.stm-detail-top{margin-bottom:18px}.stm-detail-subject{color:#1e293b;font-size:1.15rem;font-weight:700;margin:0 0 8px}.stm-detail-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.82rem;gap:14px}.stm-detail-meta i{margin-right:4px}.stm-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:18px;padding:16px}.stm-msg-label{align-items:center;color:#64748b;display:flex;font-size:.78rem;font-weight:700;gap:6px;margin-bottom:8px;text-transform:uppercase}.stm-msg-text{color:#334155;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.stm-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stm-attachment-chip{align-items:center;background:#e2e8f0;border-radius:20px;color:#475569;display:inline-flex;font-size:.75rem;gap:4px;padding:4px 12px}.stm-attachment-link{cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.stm-attachment-link:hover{background:#3b82f6;color:#fff}.stm-controls-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr;margin-bottom:18px}.stm-control-group label{color:#64748b;display:block;font-size:.75rem;font-weight:700;margin-bottom:4px;text-transform:uppercase}.stm-control-group select{border:1px solid #d1d5db;outline:none;width:100%}.stm-cat-display,.stm-control-group select{border-radius:8px;font-size:.85rem;padding:8px 10px}.stm-cat-display{align-items:center;background:#f1f5f9;color:#475569;display:flex;font-weight:600;gap:5px}.stm-reply-section{margin-bottom:18px}.stm-reply-label{align-items:center;color:#1e293b;display:flex;font-size:.85rem;font-weight:700;gap:6px;margin-bottom:8px}.stm-reply-textarea{border:1px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:.88rem;min-height:100px;outline:none;padding:12px;resize:vertical;width:100%}.stm-reply-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.stm-reply-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;margin-top:10px;padding:10px 22px;transition:background .2s}.stm-reply-btn:hover:not(:disabled){background:#4f46e5}.stm-reply-btn:disabled{cursor:not-allowed;opacity:.5}.stm-existing-reply{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:18px;padding:16px}.stm-detail-timestamps{border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.8rem;gap:18px;padding-top:12px}.stm-detail-timestamps i{margin-right:4px}@media (max-width:768px){.stm-stats-row{grid-template-columns:repeat(3,1fr)}.stm-filters{flex-direction:column}.stm-controls-row{grid-template-columns:1fr}}@media (max-width:480px){.stm-stats-row{grid-template-columns:repeat(2,1fr)}}.admin-page{min-height:calc(100vh - 200px);padding:8px 0}.admin-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.admin-header,.admin-user-info{align-items:center;display:flex}.admin-user-info{gap:15px}.admin-user-info span{color:#212121;color:var(--text-primary,#212121);font-weight:500;font-weight:var(--font-weight-medium,500)}.admin-access-denied{background:#fff;background:var(--bg-surface,#fff);border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 24px #0000000f;padding:60px 20px;text-align:center}.admin-access-denied h2{color:#f44336;color:var(--color-danger,#f44336);font-weight:700;margin-bottom:15px}.admin-access-denied p{color:#757575;color:var(--text-secondary,#757575);font-size:.95rem;margin-bottom:10px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.admin-tabs button{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);border-radius:10px;color:#e91e63;color:var(--brand-primary,#e91e63);cursor:pointer;font-weight:600;padding:12px 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.admin-tabs button:hover{transform:translateY(-1px)}.admin-tabs button.active,.admin-tabs button:hover{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 3px 10px #e91e6340;color:#fff;color:var(--text-inverse,#fff)}.admin-content{background:#0000;border-radius:0;box-shadow:none;padding:0}.admin-page .loading{color:#757575;color:var(--text-secondary,#757575);font-size:1.2rem;padding:40px;text-align:center}.admin-page .btn{border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .25s;transition:all var(--transition-normal,.25s)}.admin-page .btn-primary{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff;color:var(--text-inverse,#fff)}.admin-page .btn-primary:hover{background:#c2185b;background:var(--brand-primary-dark,#c2185b)}.admin-page .btn-danger{background:#f44336;background:var(--color-danger,#f44336);color:#fff;color:var(--text-inverse,#fff)}.admin-page .btn-danger:hover{background:#d32f2f;background:var(--color-danger-dark,#d32f2f)}.btn-sm{font-size:.8rem;padding:6px 12px}.admin-breadcrumb{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;font-size:14px;margin-bottom:20px;padding:12px 18px}.admin-breadcrumb span{border-radius:6px;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;padding:3px 8px;transition:all .2s ease}.admin-breadcrumb span.active{background:#e91e630f;color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:600}.admin-breadcrumb span:hover:not(.active){background:#e91e630a;color:#c2185b;color:var(--brand-primary-dark,#c2185b)}.password-strength-indicator{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin:10px 0;padding:15px}.strength-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.strength-text{color:#343a40;font-size:14px;font-weight:600}.strength-score{color:#6c757d;font-size:12px}.strength-bar{background:#e9ecef;border-radius:3px;height:6px;margin-bottom:15px;overflow:hidden;width:100%}.strength-progress{border-radius:3px;height:100%;transition:all .3s ease}.requirements-list{display:flex;flex-direction:column;gap:8px}.requirement{align-items:center;display:flex;font-size:13px;gap:8px;transition:color .3s ease}.requirement.unmet{color:#dc3545}.requirement.met{color:#28a745}.requirement-icon{font-weight:700;text-align:center;width:16px}.requirement.met .requirement-icon{animation:bounce .5s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@media (max-width:480px){.password-strength-indicator{padding:12px}.strength-header{align-items:flex-start;flex-direction:column;gap:5px}.requirement{font-size:12px}}.device-management{margin:0 auto;max-width:800px;padding:20px}.device-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.device-header h2{color:#212121;color:var(--text-primary,#212121);font-size:1.8rem;margin:0}.device-limits{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.device-count{color:#757575;color:var(--text-secondary,#757575);font-size:.9rem}.device-limit-warning{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#f57f17;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium,500);padding:4px 8px}.device-loading{color:#757575;color:var(--text-secondary,#757575);padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f5f5f5;border-top:3px solid #e91e63;border:3px solid var(--gray-100,#f5f5f5);border-radius:50%;border-top-color:var(--brand-primary,#e91e63);height:40px;margin:0 auto 15px;width:40px}.device-error{background:#ffebee;background:var(--color-danger-light,#ffebee);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#c62828;margin-bottom:20px;padding:15px;text-align:center}.retry-btn{background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;margin-top:10px;padding:8px 16px}.retry-btn:hover{background:#d32f2f}.devices-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.device-card{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:20px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.device-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 4px 12px #0000001a}.device-card.current-device{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-color:#4caf50;border-color:var(--color-success,#4caf50)}.device-info{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.device-main{flex:1 1}.device-name-display{align-items:center;display:flex;gap:10px;margin-bottom:10px}.device-name{color:#212121;color:var(--text-primary,#212121);font-size:1.2rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.edit-btn{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.7;transition:opacity .2s}.edit-btn:hover{opacity:1}.device-name-edit{margin-bottom:10px}.name-input{border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);border-radius:6px;font-size:1rem;margin-bottom:8px;max-width:300px;padding:8px 12px;width:100%}.edit-actions{display:flex;gap:10px}.cancel-btn,.save-btn{border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);cursor:pointer;font-size:.9rem;padding:6px 12px}.save-btn{background:#4caf50;background:var(--color-success,#4caf50);color:#fff;color:var(--text-inverse,#fff)}.save-btn:disabled{background:#757575;background:var(--text-secondary,#757575);cursor:not-allowed}.save-btn:hover:not(:disabled){background:#388e3c}.cancel-btn{background:#757575;background:var(--text-secondary,#757575);color:var(--text-inverse,#fff)}.cancel-btn:hover{background:#616161;background:var(--gray-700,#616161)}.device-details{display:flex;flex-direction:column;gap:8px}.device-specs{display:flex;flex-wrap:wrap;gap:15px}.device-specs span{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#212121;color:var(--text-primary,#212121);font-size:.85rem;padding:4px 8px}.device-activity{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.last-activity{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem}.active-badge,.current-badge{border-radius:12px;border-radius:var(--border-radius-lg,12px);font-size:.75rem;font-weight:500;font-weight:var(--font-weight-medium,500);padding:2px 8px}.current-badge{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#2e7d32}.active-badge{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);color:#1565c0}.device-actions{align-items:flex-start;display:flex}.logout-btn{background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.logout-btn:hover:not(:disabled){background:#d32f2f}.logout-btn.disabled,.logout-btn:disabled{background:#757575;background:var(--text-secondary,#757575);cursor:not-allowed}.device-warning{background:#fff8e1;background:var(--color-warning-light,#fff8e1);border-left:4px solid #ffc107;border-left:4px solid var(--color-warning,#ffc107);border-radius:6px;color:#f57f17;font-size:.9rem;margin-top:10px;padding:10px}.device-management-info{background:#fafafa;background:var(--gray-50,#fafafa);border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:20px}.device-management-info h4{color:#212121;color:var(--text-primary,#212121);margin:0 0 15px}.device-management-info ul{color:#212121;color:var(--text-primary,#212121);margin:0;padding-left:20px}.device-management-info li{line-height:1.5;margin-bottom:8px}.no-devices{background:#fafafa;background:var(--gray-50,#fafafa);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#757575;color:var(--text-secondary,#757575);padding:40px;text-align:center}@media (max-width:768px){.device-management{padding:15px}.device-header{flex-direction:column;gap:10px}.device-header,.device-limits{align-items:flex-start}.device-info{flex-direction:column;gap:15px}.device-actions{align-self:flex-end}.device-activity,.device-specs{flex-direction:column;gap:8px}.device-activity{align-items:flex-start}}.session-management{margin:0 auto;max-width:800px;padding:20px}.session-management-header{margin-bottom:30px;text-align:center}.session-management-header h3{color:#212121;color:var(--text-primary,#212121);font-size:1.5rem;margin-bottom:8px}.session-management-header p{color:#757575;color:var(--text-secondary,#757575);font-size:.95rem}.session-management-loading{color:#757575;color:var(--text-secondary,#757575);padding:40px;text-align:center}.session-error-alert{align-items:center;background:#ffebee;background:var(--color-danger-light,#ffebee);border:1px solid #ffcdd2;border-radius:6px;color:#c62828;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.sessions-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.session-stat{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:20px;text-align:center}.stat-value{color:#e91e63;color:var(--brand-primary,#e91e63);display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#757575;color:var(--text-secondary,#757575);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.session-bulk-actions{margin-bottom:25px;text-align:right}.logout-all-btn{align-items:center;background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:background .3s ease}.logout-all-btn:hover:not(:disabled){background:#d32f2f}.logout-all-btn:disabled{background:#bdbdbd;background:var(--gray-400,#bdbdbd);cursor:not-allowed}.sessions-list{display:flex;flex-direction:column;gap:15px}.session-item{align-items:flex-start;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;display:flex;gap:15px;padding:20px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.session-item:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 4px 12px #0000001a}.session-item.current-session{border-left:4px solid #e91e63;border-left:4px solid var(--brand-primary,#e91e63)}.session-icon,.session-item.current-session{background:#fafafa;background:var(--gray-50,#fafafa)}.session-icon{border-radius:8px;border-radius:var(--border-radius-md,8px);color:#757575;color:var(--text-secondary,#757575);font-size:1.5rem;min-width:50px;padding:10px;text-align:center}.session-details{flex:1 1}.session-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.session-header h4{color:#212121;color:var(--text-primary,#212121);font-size:1.1rem;margin:0}.current-badge{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);font-size:.75rem;font-weight:700;padding:4px 8px}.session-info{display:flex;flex-direction:column;gap:8px}.session-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:8px}.platform-browser{background:#eee;background:var(--gray-200,#eee);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#212121;color:var(--text-primary,#212121);font-size:.85rem;font-weight:500;font-weight:var(--font-weight-medium,500);padding:4px 8px}.location{align-items:center;gap:5px}.location,.session-activity{color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:.85rem}.session-activity{flex-wrap:wrap;gap:15px}.activity-time,.session-expiry,.session-login-time{align-items:center;display:flex;gap:5px}.logout-session-btn,.session-actions{align-items:center;display:flex}.logout-session-btn{background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:.85rem;gap:6px;padding:8px 16px;transition:background .3s ease}.logout-session-btn:hover:not(:disabled){background:#d32f2f}.logout-session-btn:disabled{background:#bdbdbd;background:var(--gray-400,#bdbdbd);cursor:not-allowed}.no-sessions{color:#757575;color:var(--text-secondary,#757575);padding:60px 20px;text-align:center}.no-sessions i{color:#bdbdbd;color:var(--gray-400,#bdbdbd);font-size:3rem;margin-bottom:15px}.no-sessions h4{color:#212121;color:var(--text-primary,#212121);margin-bottom:10px}@media (max-width:768px){.session-management{padding:15px}.session-item{flex-direction:column;text-align:center}.session-activity{flex-direction:column;gap:8px}.session-actions,.session-meta{justify-content:center}.session-actions{margin-top:15px}}.pv-container{background:#f8f9fb;border:1px solid #e2e8f0;border-radius:8px;margin-top:8px;padding:12px 14px}.pv-verified{background:#f0fdf4;border-color:#bbf7d0}.pv-status{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:6px}.pv-verified-icon{color:#22c55e;font-size:1rem}.pv-unverified-icon{color:#f59e0b;font-size:1rem}.pv-lock-msg{align-items:center;color:#64748b;display:flex;font-size:.78rem;gap:5px;margin:0}.pv-lock-msg i{font-size:.7rem}.pv-alert{align-items:center;border-radius:6px;display:flex;font-size:.8rem;gap:6px;margin-bottom:8px;padding:8px 10px}.pv-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.pv-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.pv-action-row{display:flex;flex-direction:column;gap:10px}.pv-hint{color:#64748b;font-size:.78rem;margin:0 0 4px}.pv-input-row{align-items:center;display:flex;gap:8px}.pv-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.88rem;outline:none;padding:8px 12px;transition:border-color .2s}.pv-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.pv-otp-input{font-size:1.1rem;font-weight:600;letter-spacing:4px;max-width:140px;text-align:center}.pv-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.pv-btn:disabled{cursor:not-allowed;opacity:.5}.pv-btn-primary{background:#6366f1;color:#fff}.pv-btn-primary:hover:not(:disabled){background:#4f46e5}.pv-btn-outline{background:#fff;border:1px solid #6366f1;color:#6366f1}.pv-btn-outline:hover:not(:disabled){background:#eef2ff}.pv-otp-section{display:flex;flex-direction:column;gap:8px}.pv-otp-label{color:#374151;font-size:.82rem;font-weight:500;margin:0}.pv-resend-link{align-self:flex-start;background:none;border:none;color:#6366f1;cursor:pointer;font-size:.78rem;padding:0;text-decoration:underline}.pv-resend-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.pv-change-phone{border-top:1px solid #e5e7eb;padding-top:10px}@media (max-width:480px){.pv-input-row{align-items:stretch;flex-direction:column}.pv-otp-input{max-width:100%}}.pp-page{background:#f1f5f9;background:var(--bg-main,#f1f5f9);min-height:calc(100vh - 64px)}.pp-loading{color:#64748b;color:var(--text-secondary,#64748b);font-size:15px;padding:80px 20px;text-align:center}.pp-loading i{color:#e91e63;color:var(--brand-primary,#e91e63);margin-right:8px}.pp-hero{animation:gradient-shift 8s ease infinite;background:linear-gradient(135deg,#1a237e,#4a148c 50%,#e91e63);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,#4a148c 50%,var(--brand-primary,#e91e63) 100%);background-size:200% 200%;overflow:hidden;padding:40px 0 32px;position:relative}.pp-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.04' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:absolute}.pp-hero-inner{gap:24px;margin:0 auto;max-width:960px;padding:0 24px}.pp-hero-avatar,.pp-hero-inner{align-items:center;display:flex}.pp-hero-avatar{background:#ffffff26;border:3px solid #ffffff80;border-radius:50%;box-shadow:0 4px 20px #0003;flex-shrink:0;height:96px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease;width:96px}.pp-hero-avatar:hover{transform:scale(1.05)}.pp-hero-avatar img{height:100%;object-fit:cover;width:100%}.pp-hero-avatar>span{color:#fff;font-size:36px;font-weight:700}.pp-status-dot{background:#94a3b8;border:2px solid #fff;border-radius:50%;bottom:4px;height:14px;position:absolute;right:4px;width:14px}.pp-status-dot.online{background:#22c55e}.pp-hero-name{color:#fff;font-size:26px;font-weight:700;margin:0}.pp-hero-email{align-items:center;color:#fffc;display:flex;font-size:14px;gap:6px;margin:4px 0 12px}.pp-hero-email i{font-size:12px}.pp-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.pp-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 12px;text-transform:capitalize}.pp-badge i{font-size:8px}.pp-badge-success{background:#22c55e26;color:#22c55e}.pp-badge-warning{background:#f59e0b26;color:#f59e0b}.pp-badge-danger{background:#ef444426;color:#ef4444}.pp-badge-info{background:#3b82f626;color:#60a5fa}.pp-container{margin:0 auto;max-width:960px;padding:0 24px 40px}.pp-alert{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;margin:20px 0 0;padding:12px 16px}.pp-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.pp-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.pp-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:4px;margin:24px 0 20px;overflow-x:auto;padding-bottom:0}.pp-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.pp-tab.active,.pp-tab:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.pp-tab.active{background:#e91e630a;border-bottom-color:#e91e63;border-bottom-color:var(--brand-primary,#e91e63);border-radius:8px 8px 0 0;font-weight:600}.pp-tab i{font-size:14px}.pp-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden;padding:0;transition:box-shadow .3s ease}.pp-card:hover{box-shadow:0 4px 12px #00000014}.pp-card-header{align-items:center;background:#f8fafc;background:var(--bg-surface-alt,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:16px;font-weight:700;gap:10px;padding:18px 24px}.pp-card-header i{color:#e91e63;color:var(--brand-primary,#e91e63)}.pp-card-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0;padding:16px 24px 0}.pp-verify-banner{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;display:flex;flex-wrap:wrap;gap:14px;margin:20px 24px 0;padding:14px 18px}.pp-verify-icon{color:#f59e0b;font-size:24px}.pp-verify-text{flex:1 1;min-width:150px}.pp-verify-text strong{color:#92400e;display:block;font-size:14px}.pp-verify-text p{color:#a16207;font-size:13px;margin:2px 0 0}.pp-form{padding:24px}.pp-form-narrow{max-width:480px}.pp-photo-section{align-items:center;display:flex;gap:16px;margin-bottom:24px}.pp-photo-preview{align-items:center;background:#f8fafc;background:var(--bg-surface-alt,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.pp-photo-preview img{height:100%;object-fit:cover;width:100%}.pp-photo-preview i{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:24px}.pp-photo-input{display:none}.pp-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pp-field{margin-bottom:18px}.pp-field label{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:6px}.pp-field label i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:12px}.pp-field input,.pp-field select{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pp-field input:focus,.pp-field select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e6314;outline:none}.pp-field .pp-input-error{border-color:#ef4444}.pp-field .pp-disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.pp-field small{color:#94a3b8}.pp-error,.pp-field small{display:block;font-size:12px;margin-top:4px}.pp-error{color:#ef4444}.pp-mobile-row{display:flex;gap:8px}.pp-dial-code{flex:0 0 90px}.pp-form-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-top:8px;padding-top:20px}.pp-requirements{background:#f8fafc;border-left:3px solid #e91e63;border-left:3px solid var(--brand-primary,#e91e63);border-radius:0 8px 8px 0;margin:16px 0;padding:14px 18px}.pp-requirements h4{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 8px}.pp-requirements h4 i{color:#e91e63;color:var(--brand-primary,#e91e63);font-size:13px}.pp-requirements ul{margin:0;padding-left:18px}.pp-requirements li{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin-bottom:3px}.pp-security-grid{display:flex;flex-direction:column;gap:14px;padding:20px 24px}.pp-sec-item{align-items:center;background:#f8fafc;background:var(--bg-surface-alt,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;gap:14px;padding:16px 18px;transition:box-shadow .2s ease}.pp-sec-item:hover{box-shadow:0 2px 8px #0000000a}.pp-sec-warning{background:#fffbeb;border-color:#fde68a}.pp-sec-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:transform .2s ease;width:44px}.pp-sec-item:hover .pp-sec-icon{transform:scale(1.08)}.pp-sec-email{background:#ede9fe;color:#7c3aed}.pp-sec-login{background:#dbeafe;color:#2563eb}.pp-sec-alert{background:#fef3c7;color:#d97706}.pp-sec-status{background:#ecfdf5;color:#059669}.pp-sec-date{background:#fce7f3;color:#e91e63;color:var(--brand-primary,#e91e63)}.pp-sec-body{flex:1 1;min-width:0}.pp-sec-body h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;margin:0}.pp-sec-body p{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin:2px 0 0}.pp-sec-action{align-items:center;display:flex;flex-shrink:0;gap:8px}.pp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.pp-btn-primary{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 2px 8px #e91e6340;color:#fff}.pp-btn-primary:hover{box-shadow:0 4px 16px #e91e6359;transform:translateY(-1px)}.pp-btn-primary:disabled{cursor:not-allowed;opacity:.6}.pp-btn-outline{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.pp-btn-outline:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.pp-btn-sm{font-size:13px;padding:6px 14px}@media (max-width:768px){.pp-hero-inner{flex-direction:column;text-align:center}.pp-hero-avatar{height:80px;width:80px}.pp-hero-avatar>span{font-size:28px}.pp-hero-name{font-size:22px}.pp-hero-badges,.pp-hero-email{justify-content:center}.pp-form-grid{grid-template-columns:1fr}.pp-mobile-row{flex-direction:column}.pp-dial-code{flex:auto;width:100%}.pp-sec-item{flex-direction:column;text-align:center}.pp-sec-action{justify-content:center}.pp-photo-section{flex-direction:column;text-align:center}.pp-tabs{gap:0}.pp-tab{font-size:12px;padding:10px 12px}}@media (max-width:480px){.pp-hero{padding:28px 0 24px}.pp-container{padding:0 16px 32px}.pp-form,.pp-security-grid{padding:16px}}.static-page{min-height:calc(100vh - 200px);padding:40px 0}.static-page h1{margin-bottom:30px;text-align:center}.static-page .content,.static-page h1{color:#212121;color:var(--text-primary,#212121)}.static-page .content{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm,0 2px 8px #00000014);line-height:1.6;margin:0 auto;max-width:800px;padding:30px}.static-page .content p{margin-bottom:15px}.static-page .content h2{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200,#eee);color:#212121;color:var(--text-primary,#212121);font-size:1.25rem;font-weight:600;margin-bottom:12px;margin-top:28px;padding-bottom:8px}.static-page .content .disclaimer-note{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #eee;border:1px solid var(--gray-200,#eee);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#757575;color:var(--text-secondary,#757575);font-size:.875rem;margin-top:32px;padding:16px}.verify-email-page{align-items:center;background:linear-gradient(135deg,#1a237e,#e91e63);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,var(--brand-primary,#e91e63) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.verification-card{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow-xl,0 20px 40px #0000001a);max-width:500px;padding:40px;text-align:center;width:100%}.verification-status h2{color:#212121;color:var(--text-primary,#212121);margin-bottom:15px}.verification-status p{color:#757575;color:var(--text-secondary,#757575);line-height:1.6;margin-bottom:25px}.status-icon{font-size:64px;margin-bottom:20px}.success .status-icon{color:#4caf50;color:var(--color-success,#4caf50)}.error .status-icon{color:#f44336;color:var(--color-danger,#f44336)}.loading .spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top:4px solid #e91e63;border:4px solid var(--border-color,#e0e0e0);border-radius:50%;border-top-color:var(--brand-primary,#e91e63);height:50px;margin:0 auto 20px;width:50px}.verification-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:25px 0}.redirect-message{color:#757575;color:var(--text-secondary,#757575);font-size:14px;font-style:italic;margin-top:15px}@media (max-width:576px){.verification-card{padding:30px 20px}.verification-actions{flex-direction:column}.verification-actions .btn{width:100%}}.auth-page{background:#fff;display:flex;min-height:100vh}.auth-form-section{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:40px 24px}.auth-form-container{margin:auto 0;max-width:440px;width:100%}.auth-logo{color:inherit;gap:10px;margin-bottom:32px;text-decoration:none}.auth-logo,.auth-logo-icon{align-items:center;display:flex}.auth-logo-icon{background:linear-gradient(135deg,#e91e63,#9c27b0);background:linear-gradient(135deg,var(--brand-primary,#e91e63),#9c27b0);border-radius:12px;box-shadow:0 3px 12px #e91e634d;color:#fff;font-size:1.25rem;font-weight:700;height:42px;justify-content:center;transition:transform .3s ease;width:42px}.auth-logo:hover .auth-logo-icon{transform:scale(1.08) rotate(-3deg)}.auth-logo-text{font-size:1.25rem;font-weight:700}.auth-heading,.auth-logo-text{color:#212121;color:var(--text-primary,#212121)}.auth-heading{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:28px}.auth-google-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:12px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.auth-google-btn:hover{background:#fafafa;background:var(--gray-50,#fafafa);border-color:#bdbdbd;border-color:var(--gray-400,#bdbdbd);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm,0 1px 3px #00000014)}.auth-google-btn svg{flex-shrink:0;height:20px;width:20px}.auth-google-coming-soon{align-items:center;animation:googleToastSlideIn .3s ease;background:#fff8e1;background:var(--warning-light,#fff8e1);border:1px solid #ffe082;border:1px solid var(--warning-border,#ffe082);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#e65100;color:var(--warning-dark,#e65100);display:flex;font-size:.8125rem;font-weight:500;gap:8px;margin-top:8px;padding:10px 16px}.auth-google-coming-soon svg{flex-shrink:0;opacity:.8}@keyframes googleToastSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-divider{align-items:center;display:flex;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{background:#eee;background:var(--gray-200,#eee);content:"";flex:1 1;height:1px}.auth-divider span{color:#757575;color:var(--text-secondary,#757575);font-size:.8125rem;white-space:nowrap}.auth-form-group{margin-bottom:20px}.auth-form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.auth-form-input,.auth-form-label{color:#212121;color:var(--text-primary,#212121)}.auth-form-input{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);font-size:.9375rem;outline:none;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.auth-form-input:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e6314,0 2px 8px #e91e630f}.auth-form-input::placeholder{color:#bdbdbd;color:var(--gray-400,#bdbdbd)}.auth-form-input.is-invalid{border-color:#f44336;border-color:var(--color-danger,#f44336)}.auth-form-input.is-invalid:focus{box-shadow:0 0 0 3px #f443361a}.auth-name-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.auth-phone-row{display:flex;gap:8px}.auth-phone-flag{align-items:center;color:#757575;color:var(--text-secondary,#757575);cursor:default;display:flex;gap:4px;padding:0 10px;white-space:nowrap}.auth-dial-code-select,.auth-phone-flag{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);font-size:.875rem}.auth-dial-code-select{color:#212121;color:var(--text-primary,#212121);cursor:pointer;min-width:100px;outline:none;padding:11px 8px;width:auto}.auth-dial-code-select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.auth-phone-input{flex:1 1}.auth-password-wrapper{position:relative}.auth-password-wrapper .auth-form-input{padding-right:44px}.auth-password-toggle{align-items:center;background:none;border:none;color:#9e9e9e;color:var(--gray-500,#9e9e9e);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.auth-password-toggle:hover{color:#212121;color:var(--text-primary,#212121)}.auth-password-toggle svg{height:20px;width:20px}.auth-checkbox-group{align-items:flex-start;display:flex;gap:8px;margin-bottom:20px}.auth-checkbox{accent-color:#e91e63;accent-color:var(--brand-primary,#e91e63);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.auth-checkbox-label{color:#757575;color:var(--text-secondary,#757575);font-size:.875rem;line-height:1.4}.auth-checkbox-label a{color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:500;text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-submit-btn{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 8px #e91e6340;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:13px 20px;position:relative;transition:all .25s ease;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #e91e6359;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:scale(.99)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-submit-btn .auth-btn-spinner{animation:authSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:18px}@keyframes authSpin{to{transform:rotate(1turn)}}.auth-forgot-link{color:#e91e63;color:var(--brand-primary,#e91e63);display:inline-block;font-size:.8125rem;font-weight:500;margin-bottom:20px;text-decoration:none}.auth-forgot-link:hover{color:#c2185b;color:var(--brand-primary-dark,#c2185b);text-decoration:underline}.auth-show-password{align-items:center;display:flex;gap:8px;margin-bottom:4px;margin-top:8px}.auth-show-password label{cursor:pointer;font-size:.8125rem;-webkit-user-select:none;user-select:none}.auth-show-password label,.auth-switch{color:#757575;color:var(--text-secondary,#757575)}.auth-switch{font-size:.9375rem;margin-top:24px;text-align:center}.auth-switch a{color:#e91e63;color:var(--brand-primary,#e91e63);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-alert{align-items:flex-start;border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;font-size:.875rem;gap:10px;margin-bottom:20px;padding:12px 16px}.auth-alert-danger{background:#fff0f0;border:1px solid #ffcdd2;color:#d32f2f}.auth-alert-success{background:#f0fff0;border:1px solid #c8e6c9;color:#2e7d32}.auth-alert-icon{flex-shrink:0;margin-top:1px}.auth-alert-content{flex:1 1}.auth-lockout-hint{align-items:center;display:flex;font-size:.8125rem;gap:4px;margin-top:8px;opacity:.85}.auth-field-error{color:#f44336;color:var(--color-danger,#f44336);font-size:.8125rem;margin-top:4px}.auth-recaptcha-notice{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:.75rem;line-height:1.5;margin-top:20px;text-align:center}.auth-recaptcha-notice a{color:#757575;color:var(--gray-600,#757575);text-decoration:underline}.auth-approval-notice{color:#757575;color:var(--text-secondary,#757575);font-size:.8125rem;line-height:1.5;margin-top:16px;text-align:center}.auth-two-col-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.auth-form-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#212121;color:var(--text-primary,#212121);cursor:pointer;font-size:.9375rem;outline:none;padding:11px 14px;transition:border-color .2s ease;width:100%}.auth-form-select:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a}.auth-form-select.is-invalid{border-color:#f44336;border-color:var(--color-danger,#f44336)}.auth-label-optional{color:#9e9e9e;color:var(--gray-500,#9e9e9e);font-size:.75rem;font-weight:400;margin-left:4px}.auth-promo-section{align-items:center;animation:gradient-shift 8s ease infinite;background:linear-gradient(135deg,#1a237e,#283593 50%,#1a237e);background:linear-gradient(135deg,var(--brand-navy,#1a237e) 0,#283593 50%,#1a237e 100%);background-size:200% 200%;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:60px 40px;position:relative}.auth-promo-content{color:#fff;max-width:500px;position:relative;text-align:center;z-index:2}.auth-promo-title{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:16px}.auth-promo-subtitle{font-size:1.0625rem;line-height:1.6;margin-bottom:40px;opacity:.85}.auth-promo-illustration{margin:0 auto 40px;max-width:400px;width:100%}.auth-promo-cards{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.auth-promo-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;padding:20px 16px;text-align:center;transition:transform .3s ease,background .3s ease;width:140px}.auth-promo-card:hover{background:#ffffff2e;transform:translateY(-4px)}.auth-promo-card-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;font-size:1.25rem;height:40px;justify-content:center;margin:0 auto 12px;width:40px}.auth-promo-card-label{font-size:.8125rem;font-weight:500;opacity:.9}.auth-promo-testimonial{margin-top:32px}.auth-promo-stars{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:8px}.auth-promo-stars svg{fill:#ffc107;height:18px;width:18px}.auth-promo-rating{font-size:1.125rem;font-weight:700;margin-left:8px}.auth-promo-review-count{font-size:.8125rem;margin-bottom:12px;opacity:.7}.auth-promo-quote{font-size:.9375rem;font-style:italic;line-height:1.6;margin:0 auto;max-width:400px;opacity:.85}.auth-promo-section:before{animation:float 12s ease-in-out infinite;background:radial-gradient(ellipse,#e91e632e,#0000 70%);content:"";height:150%;pointer-events:none;position:absolute;right:-30%;top:-50%;width:80%}.auth-promo-section:after{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(ellipse,#6366f11f,#0000 70%);bottom:-30%;content:"";height:100%;left:-20%;pointer-events:none;position:absolute;width:60%}@media (max-width:1024px){.auth-promo-section{display:none}.auth-form-section{padding:32px 20px}}@media (max-width:480px){.auth-form-container{max-width:100%}.auth-heading{font-size:1.5rem}.auth-name-row,.auth-two-col-row{grid-template-columns:1fr}.auth-form-section{padding:24px 16px}}.auth-subheading{color:#757575;color:var(--text-secondary,#757575);font-size:.9375rem;line-height:1.5;margin-bottom:24px}.auth-password-requirements-info{background:#fafafa;background:var(--gray-50,#fafafa);border:1px solid #eee;border:1px solid var(--gray-200,#eee);border-radius:8px;border-radius:var(--border-radius-md,8px);margin-top:32px;padding:16px}.auth-password-requirements-info h4{color:#757575;color:var(--text-secondary,#757575);font-size:.8125rem;font-weight:600;margin:0 0 8px}.auth-password-requirements-info ul{list-style:none;margin:0;padding:0}.auth-password-requirements-info li{color:#757575;color:var(--text-secondary,#757575);font-size:.8125rem;padding:2px 0 2px 20px;position:relative}.auth-password-requirements-info li:before{color:#bdbdbd;color:var(--gray-400,#bdbdbd);content:"•";left:6px;position:absolute}.auth-state-container{padding:40px 0;text-align:center}.auth-state-spinner{animation:authSpin .8s linear infinite;border:3px solid #e0e0e0;border-top-color:#e91e63;border:3px solid var(--gray-200,#e0e0e0);border-radius:50%;border-top-color:var(--brand-primary,#e91e63);height:40px;margin:0 auto 16px;width:40px}.auth-state-container h2{color:#212121;color:var(--text-primary,#212121);font-size:1.25rem;margin-bottom:8px}.auth-state-container p{color:#757575;color:var(--text-secondary,#757575);font-size:.9375rem;margin-bottom:20px}.auth-state-link{align-items:center;color:#e91e63;color:var(--brand-primary,#e91e63);display:inline-flex;font-size:.9375rem;font-weight:500;gap:6px;text-decoration:none}.auth-state-link:hover{text-decoration:underline}.auth-success-icon{background:#e8f5e9;color:#2e7d32}.auth-error-icon,.auth-success-icon{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.auth-error-icon{background:#ffebee;color:#d32f2f}.google-callback-spinner{animation:google-spinner .8s linear infinite;border:4px solid #e0e0e0;border-top-color:#e91e63;border:4px solid var(--gray-200,#e0e0e0);border-radius:50%;border-top-color:var(--brand-primary,#e91e63);height:48px;margin:0 auto;width:48px}@keyframes google-spinner{to{transform:rotate(1turn)}}.device-limit-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.device-limit-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:100%}.device-limit-modal h2{color:#e74c3c;font-size:1.5rem;margin:0 0 15px;text-align:center}.device-limit-modal p{color:#555;line-height:1.5;margin-bottom:25px;text-align:center}.existing-devices{margin-bottom:25px}.existing-devices h4{color:#333;font-size:1.1rem;margin:0 0 15px}.device-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.device-info{flex:1 1}.device-info strong{color:#2c3e50;display:block;margin-bottom:5px}.device-info span{color:#6c757d;display:block;font-size:.9rem;margin-bottom:3px}.device-info small{color:#999;font-size:.8rem}.logout-device-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:15px;padding:8px 16px;transition:background .2s;white-space:nowrap}.logout-device-btn:hover:not(:disabled){background:#c82333}.logout-device-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.modal-actions{display:flex;gap:15px;justify-content:center}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.cancel-btn:hover{background:#5a6268}@media (max-width:768px){.device-limit-modal{margin:10px;padding:20px}.device-item{align-items:flex-start;flex-direction:column;gap:10px}.logout-device-btn{align-self:flex-end;margin-left:0}}.sr-page{margin:0 auto;max-width:1200px;padding:var(--space-6) var(--space-6) var(--space-10)}.sr-empty,.sr-error,.sr-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:300px}.sr-spinner{animation:sr-spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:var(--border-radius-circle);border-top-color:var(--brand-primary);height:40px;width:40px}@keyframes sr-spin{to{transform:rotate(1turn)}}.sr-empty i,.sr-error i{color:var(--gray-400);font-size:2.5rem}.sr-retry-btn{background:var(--brand-primary);border:none;border-radius:var(--border-radius-pill);color:var(--color-white);cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-6);transition:background var(--transition-fast)}.sr-retry-btn:hover{background:var(--brand-primary-dark)}.sr-header{margin-bottom:var(--space-6)}.sr-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.sr-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;max-width:640px}.sr-layout{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 300px}.sr-main{min-width:0}.sr-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.sr-filter-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.sr-filter-btn:hover{border-color:var(--brand-primary-light);color:var(--brand-primary)}.sr-filter-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-white)}.sr-topics{display:flex;flex-direction:column;gap:var(--space-3)}.sr-topic-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.sr-topic-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.sr-topic-card.expanded{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.sr-topic-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-align:left;transition:background var(--transition-fast);width:100%}.sr-topic-header:hover{background:var(--bg-hover)}.sr-topic-icon{align-items:center;border-radius:var(--border-radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.sr-topic-info{flex:1 1;min-width:0}.sr-topic-category{display:inline-block;font-size:var(--font-size-xs);letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.sr-topic-category,.sr-topic-name{font-weight:var(--font-weight-semibold)}.sr-topic-name{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-tight);margin:0}.sr-topic-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:4px 0 0;overflow:hidden}.sr-topic-meta{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.sr-topic-progress-mini{align-items:flex-end;display:flex;flex-direction:column;gap:4px;min-width:80px}.sr-mini-bar-bg{background:var(--gray-200);border-radius:2px;height:4px;overflow:hidden;width:100%}.sr-mini-bar-fill{border-radius:2px;height:100%;transition:width .4s ease}.sr-mini-bar-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.sr-chevron{color:var(--gray-400);font-size:var(--font-size-sm);transition:transform .25s ease}.sr-chevron.rotated{transform:rotate(180deg)}.sr-topic-lessons{animation:sr-slideDown .25s ease forwards;border-top:1px solid var(--border-light);padding:var(--space-2) 0}@keyframes sr-slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sr-lesson-row{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-3) calc(var(--space-5) + 48px + var(--space-4));transition:background var(--transition-fast)}.sr-lesson-row:hover{background:var(--bg-hover)}.sr-lesson-row.locked{opacity:.55}.sr-lesson-index{flex-shrink:0;font-size:1.1rem}.sr-lesson-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sr-lesson-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sr-lesson-row.completed .sr-lesson-title{color:var(--color-success-dark)}.sr-lesson-desc{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.sr-lesson-meta{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.sr-lesson-time{color:var(--text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.sr-lesson-time i{margin-right:3px}.sr-free-badge{background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:var(--border-radius-pill);color:var(--color-success-dark);font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.sr-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + var(--space-6))}.sr-progress-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.sr-progress-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.sr-progress-header i{color:var(--brand-primary);font-size:var(--font-size-lg)}.sr-progress-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.sr-progress-login{color:var(--text-secondary);padding:var(--space-6) var(--space-2);text-align:center}.sr-progress-login i{color:var(--gray-300);display:block;font-size:2rem;margin-bottom:var(--space-3)}.sr-progress-login p{font-size:var(--font-size-sm);margin:0}.sr-progress-circle-wrap{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-5);position:relative}.sr-circular{display:block}.sr-circular-bg{fill:none;stroke:var(--gray-200)}.sr-circular-fill{fill:none;stroke:var(--brand-primary);transition:stroke-dashoffset .6s ease}.sr-progress-circle-label{align-items:center;display:flex;flex-direction:column;left:50%;line-height:1;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.sr-progress-num{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.sr-progress-den,.sr-progress-sep{color:var(--text-secondary);font-size:var(--font-size-sm)}.sr-progress-text{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:4px}.sr-stats-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-5)}.sr-stat-box{background:var(--gray-50);border-radius:var(--border-radius-md);padding:var(--space-3);text-align:center}.sr-stat-box i{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.sr-stat-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.sr-stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:2px}.sr-skill-breakdown h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.sr-skillbar{margin-bottom:var(--space-3)}.sr-skillbar:last-child{margin-bottom:0}.sr-skillbar-head{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.sr-skillbar-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.sr-skillbar-nums{color:var(--text-secondary);font-size:var(--font-size-xs)}.sr-skillbar-track{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden;width:100%}.sr-skillbar-fill{border-radius:3px;height:100%;transition:width .5s ease}@media (max-width:1024px){.sr-layout{grid-template-columns:1fr}.sr-sidebar{position:static}.sr-progress-card{grid-gap:var(--space-4) var(--space-6);align-items:start;display:grid;gap:var(--space-4) var(--space-6);grid-template-columns:auto 1fr}.sr-progress-header{grid-column:1/-1;margin-bottom:0}.sr-progress-circle-wrap,.sr-stats-row{margin-bottom:0}}@media (max-width:768px){.sr-page{padding:var(--space-4) var(--space-4) var(--space-8)}.sr-title{font-size:var(--font-size-xl)}.sr-topic-header{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.sr-topic-icon{font-size:1.2rem;height:40px;width:40px}.sr-topic-desc{display:none}.sr-lesson-row{padding-left:calc(var(--space-4) + 40px + var(--space-3));padding-right:var(--space-4)}.sr-progress-card{display:block}.sr-progress-circle-wrap{margin-bottom:var(--space-5)}.sr-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-1)}.sr-filter-btn{flex-shrink:0;white-space:nowrap}}@media (max-width:480px){.sr-topic-progress-mini{display:none}.sr-lesson-meta{align-items:flex-end;flex-direction:column;gap:4px}}.ld-page{margin:0 auto;max-width:840px;padding:24px 20px 60px}.ld-error,.ld-loading{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px;text-align:center}.ld-error i{color:#ef5350;color:var(--color-danger,#ef5350);font-size:2rem}.ld-spinner{animation:ld-spin .7s linear infinite;border:3px solid #eee;border-top-color:#e91e63;border:3px solid var(--gray-200,#eee);border-radius:50%;border-top-color:var(--brand-primary,#e91e63);height:36px;width:36px}@keyframes ld-spin{to{transform:rotate(1turn)}}.ld-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;margin-bottom:20px}.ld-back{background:none;border:none;color:#e91e63;color:var(--brand-primary,#e91e63);cursor:pointer;font-size:.85rem;font-weight:600;padding:0}.ld-back:hover{text-decoration:underline}.ld-back i{margin-right:4px}.ld-sep{color:#bbb;color:var(--gray-400,#bbb)}.ld-crumb{font-weight:500}.ld-crumb-current{color:#212121;color:var(--text-primary,#212121);font-weight:600}.ld-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.ld-title{color:#212121;color:var(--text-primary,#212121);font-size:1.5rem;font-weight:700;margin:0}.ld-subtitle{color:#757575;color:var(--text-secondary,#757575);font-size:.9rem;margin:6px 0 0}.ld-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ld-tag{border-radius:20px;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.ld-tag i{margin-right:4px}.ld-tag-time{background:#f5f5f5;background:var(--gray-100,#f5f5f5);color:#757575;color:var(--text-secondary,#757575)}.ld-tag-free{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.ld-tag-quiz{background:#f3e5f5;color:#7b1fa2}.ld-completed-badge{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#2e7d32;color:var(--color-success-dark,#2e7d32);flex-shrink:0;font-size:.85rem;font-weight:600;padding:8px 16px}.ld-completed-badge i{margin-right:6px}.ld-content-section{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);margin-bottom:28px;padding:28px 32px}.ld-content{color:#212121;color:var(--text-primary,#212121);font-size:.95rem;line-height:1.75}.ld-content h2,.ld-content h3,.ld-content h4{color:#1a237e;color:var(--brand-navy,#1a237e);font-weight:700;margin:20px 0 10px}.ld-content h2{font-size:1.2rem}.ld-content h3{font-size:1.05rem}.ld-content p{margin:0 0 12px}.ld-content ol,.ld-content ul{margin:0 0 12px 20px}.ld-content li{margin-bottom:4px}.ld-content blockquote{background:#fafafa;background:var(--gray-50,#fafafa);border-left:3px solid #e91e63;border-left:3px solid var(--brand-primary,#e91e63);border-radius:0 4px 4px 0;border-radius:0 var(--border-radius-sm,4px) var(--border-radius-sm,4px) 0;font-style:italic;margin:12px 0;padding:10px 16px}.ld-content code{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-radius:3px;font-size:.85em;padding:1px 6px}.ld-content strong{color:#1a237e;color:var(--brand-navy,#1a237e)}.ld-content table{border-collapse:collapse;margin:12px 0;width:100%}.ld-content td,.ld-content th{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);font-size:.85rem;padding:8px 12px;text-align:left}.ld-content th{background:#fafafa;background:var(--gray-50,#fafafa);font-weight:600}.ld-empty-content{color:#757575;color:var(--text-secondary,#757575);padding:60px 20px;text-align:center}.ld-empty-content i{color:#ccc;color:var(--gray-300,#ccc);font-size:2.5rem}.ld-empty-content h3{color:#212121;color:var(--text-primary,#212121);font-weight:600;margin:12px 0 6px}.ld-quiz-section{margin-bottom:28px}.ld-quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ld-quiz-header h2{color:#212121;color:var(--text-primary,#212121);font-size:1.15rem;font-weight:700;margin:0}.ld-quiz-header h2 i{color:#e91e63;color:var(--brand-primary,#e91e63);margin-right:8px}.ld-score-badge{border-radius:20px;font-size:.85rem;font-weight:700;padding:6px 16px}.ld-score-badge.pass{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#2e7d32;color:var(--color-success-dark,#2e7d32)}.ld-score-badge.fail{background:#ffebee;color:#c62828}.ld-questions{display:flex;flex-direction:column;gap:16px}.ld-question{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:20px;transition:border-color .2s}.ld-question.correct{border-color:#4caf50;border-color:var(--color-success,#4caf50)}.ld-question.wrong{border-color:#ef5350;border-color:var(--color-danger,#ef5350)}.ld-q-head{align-items:flex-start;display:flex;gap:10px;margin-bottom:14px}.ld-q-num{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:28px;justify-content:center;width:28px}.ld-q-text{color:#212121;color:var(--text-primary,#212121);flex:1 1;font-size:.95rem;font-weight:600;line-height:1.5}.ld-q-icon{flex-shrink:0;font-size:1.1rem}.ld-q-icon.correct{color:#4caf50;color:var(--color-success,#4caf50)}.ld-q-icon.wrong{color:#ef5350;color:var(--color-danger,#ef5350)}.ld-options{display:flex;flex-direction:column;gap:8px}.ld-option{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#212121;color:var(--text-primary,#212121);cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 14px;text-align:left;transition:all .15s;width:100%}.ld-option:hover:not(:disabled){background:#e91e6308}.ld-option.selected,.ld-option:hover:not(:disabled){border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.ld-option.selected{background:#e91e630f}.ld-option.correct-option{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);border-color:#4caf50;border-color:var(--color-success,#4caf50)}.ld-option.wrong-option{background:#ffebee;border-color:#ef5350;border-color:var(--color-danger,#ef5350)}.ld-option:disabled{cursor:default}.ld-option-letter{align-items:center;background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-radius:50%;color:#757575;color:var(--text-secondary,#757575);display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:26px;justify-content:center;width:26px}.ld-option.selected .ld-option-letter{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff}.ld-option.correct-option .ld-option-letter{background:#4caf50;background:var(--color-success,#4caf50);color:#fff}.ld-option.wrong-option .ld-option-letter{background:#ef5350;background:var(--color-danger,#ef5350);color:#fff}.ld-option-text{flex:1 1}.ld-option .fa-check{color:#4caf50;color:var(--color-success,#4caf50);margin-left:auto}.ld-option .fa-times{color:#ef5350;color:var(--color-danger,#ef5350);margin-left:auto}.ld-explanation{align-items:flex-start;background:#fffde7;border-left:3px solid #fbc02d;border-radius:0 4px 4px 0;border-radius:0 var(--border-radius-sm,4px) var(--border-radius-sm,4px) 0;color:#5d4037;display:flex;font-size:.85rem;gap:8px;margin-top:12px;padding:10px 14px}.ld-explanation i{color:#fbc02d;flex-shrink:0;margin-top:2px}.ld-quiz-actions{display:flex;gap:12px;margin-top:20px}.ld-bottom-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:center;padding:24px 0}.ld-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 22px;transition:all .15s;transition:all var(--transition-fast,.15s)}.ld-btn:disabled{cursor:default;opacity:.5}.ld-btn-primary{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff}.ld-btn-primary:hover:not(:disabled){background:#c2185b}.ld-btn-outline{background:#fff;border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121)}.ld-btn-outline:hover:not(:disabled){border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.ld-btn-success{background:#4caf50;background:var(--color-success,#4caf50);color:#fff}.ld-btn-success:hover:not(:disabled){background:#388e3c}@media (max-width:640px){.ld-page{padding:16px 12px 48px}.ld-header{flex-direction:column}.ld-content-section{padding:20px 16px}.ld-title{font-size:1.25rem}}.me-page{padding:0 0 40px}.me-header{margin-bottom:24px}.me-title{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 6px}.me-title i{color:#e91e63;color:var(--brand-primary,#e91e63)}.me-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;margin:0}.me-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.me-stat-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .2s}.me-stat-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.me-stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700}.me-stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;margin-top:2px}.me-stat--free .me-stat-value{color:#4caf50}.me-stat--pending .me-stat-value{color:#f59e0b}.me-stat--paid .me-stat-value{color:#2196f3}.me-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.me-filter-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px;transition:all .2s}.me-filter-btn:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.me-filter-btn.active,.me-filter-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.me-filter-btn.active{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff}.me-empty{color:#6b7280;color:var(--text-secondary,#6b7280);padding:60px 20px;text-align:center}.me-empty i{color:#d1d5db;color:var(--border-color,#d1d5db);font-size:3rem;margin-bottom:16px}.me-empty h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;margin:0 0 8px}.me-empty p{font-size:.85rem;margin:0 0 20px}.me-browse-btn{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 24px;transition:background .2s}.me-browse-btn:hover{background:#c2185b}.me-list{display:flex;flex-direction:column;gap:12px}.me-card{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s}.me-card:hover{box-shadow:0 4px 16px #0000000f}.me-card--active{border-left:3px solid #4caf50}.me-card-left{flex:1 1;gap:14px;min-width:0}.me-card-icon,.me-card-left{align-items:center;display:flex}.me-card-icon{background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:10px;color:#fff;flex-shrink:0;font-size:1rem;height:44px;justify-content:center;width:44px}.me-card-info{min-width:0}.me-card-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.95rem;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-card-set{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;margin:0 0 6px}.me-card-meta{display:flex;flex-wrap:wrap;gap:14px}.me-card-meta span{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;font-size:.72rem;gap:5px}.me-card-meta i{font-size:.65rem}.me-card-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.me-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;padding:4px 10px}.me-badge--free{background:#e8f5e9;color:#2e7d32}.me-badge--pending{background:#fff8e1;color:#f57f17}.me-badge--paid{background:#e3f2fd;color:#1565c0}.me-badge--overdue{background:#fce4ec;color:#c62828}.me-go-btn{align-items:center;background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.me-go-btn:hover{box-shadow:0 4px 12px #e91e634d;transform:translateY(-1px)}.me-pending-text{align-items:center;color:#f57f17;display:flex;font-size:.75rem;gap:5px;white-space:nowrap}@media (max-width:768px){.me-stats{grid-template-columns:repeat(2,1fr)}.me-card{align-items:flex-start;flex-direction:column;gap:12px}.me-card-right{justify-content:space-between;width:100%}}@media (max-width:480px){.me-stats{gap:8px;grid-template-columns:1fr 1fr}.me-stat-card{padding:12px}}.sp-page{padding:0 0 40px}.sp-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.sp-title{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 6px}.sp-title i{color:#e91e63;color:var(--brand-primary,#e91e63)}.sp-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;margin:0}.sp-back-btn{background:none;color:#e91e63;color:var(--brand-primary,#e91e63);gap:6px;margin-bottom:8px;padding:0}.sp-back-btn,.sp-create-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:.85rem;font-weight:600}.sp-create-btn{background:#e91e63;background:var(--brand-primary,#e91e63);border-radius:8px;color:#fff;gap:8px;padding:10px 20px;transition:background .2s;white-space:nowrap}.sp-create-btn:hover{background:#c2185b}.sp-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sp-filter-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.78rem;font-weight:500;padding:7px 14px;text-transform:capitalize;transition:all .2s}.sp-filter-btn:hover{color:#e91e63;color:var(--brand-primary,#e91e63)}.sp-filter-btn.active,.sp-filter-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63)}.sp-filter-btn.active{background:#e91e63;background:var(--brand-primary,#e91e63);color:#fff}.sp-empty{color:#6b7280;color:var(--text-secondary,#6b7280);padding:60px 20px;text-align:center}.sp-empty i{color:#d1d5db;color:var(--border-color,#d1d5db);font-size:3rem;margin-bottom:16px}.sp-empty h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;margin:0 0 8px}.sp-ticket-list{display:flex;flex-direction:column;gap:10px}.sp-ticket-card{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s}.sp-ticket-card:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 2px 12px #0000000f}.sp-ticket-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.sp-status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.sp-status-dot.sp-s-open{background:#4caf50}.sp-status-dot.sp-s-progress{background:#2196f3}.sp-status-dot.sp-s-resolved{background:#9e9e9e}.sp-status-dot.sp-s-closed{background:#757575}.sp-ticket-info h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-ticket-meta{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.72rem}.sp-ticket-meta,.sp-ticket-right{align-items:center;display:flex;gap:10px}.sp-ticket-right{flex-shrink:0}.sp-ticket-arrow{color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:.75rem}.sp-status-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.sp-s-open{background:#e8f5e9;color:#2e7d32}.sp-s-progress{background:#e3f2fd;color:#1565c0}.sp-s-resolved{background:#f5f5f5;color:#616161}.sp-s-closed{background:#eee;color:#424242}.sp-priority-badge{border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.sp-p-low{background:#f5f5f5;color:#757575}.sp-p-medium{background:#fff3e0;color:#ef6c00}.sp-p-high{background:#fce4ec;color:#c62828}.sp-p-urgent{background:#f44336;color:#fff}.sp-category-badge{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);display:inline-flex;font-size:.7rem;font-weight:500;gap:5px;padding:2px 8px;text-transform:capitalize}.sp-form{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:24px}.sp-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.82rem;gap:8px;margin-bottom:16px;padding:10px 14px}.sp-form-group{margin-bottom:18px}.sp-form-group label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}.sp-required{color:#e53935}.sp-form-group input,.sp-form-group textarea{background:#fff;background:var(--bg-surface,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#212121;color:var(--text-primary,#212121);font-family:inherit;font-size:.85rem;padding:10px 14px;transition:border-color .2s;width:100%}.sp-form-group input:focus,.sp-form-group textarea:focus{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);box-shadow:0 0 0 3px #e91e631a;outline:none}.sp-form-group textarea{min-height:100px;resize:vertical}.sp-category-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.sp-cat-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:6px;padding:12px 8px;transition:all .2s}.sp-cat-btn i{font-size:1rem}.sp-cat-btn.active,.sp-cat-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.sp-cat-btn.active{background:#e91e630f;font-weight:600}.sp-file-area{flex-wrap:wrap;gap:8px}.sp-file-area,.sp-file-btn{align-items:center;display:flex}.sp-file-btn{background:#0000;border:1.5px dashed #d1d5db;border:1.5px dashed var(--border-color,#d1d5db);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8rem;gap:6px;padding:8px 14px;transition:border-color .2s}.sp-file-btn:hover{border-color:#e91e63;border-color:var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.sp-file-btn:disabled{cursor:not-allowed;opacity:.5}.sp-file-chip{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:6px;color:#333;color:var(--text-primary,#333);display:flex;font-size:.75rem;gap:6px;padding:5px 10px}.sp-file-chip button{background:none;border:none;color:#e53935;cursor:pointer;font-size:.7rem;padding:0}.sp-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.sp-btn-cancel{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500;padding:10px 20px}.sp-btn-cancel,.sp-btn-submit{cursor:pointer;font-size:.85rem}.sp-btn-submit{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 24px;transition:background .2s}.sp-btn-submit:hover{background:#c2185b}.sp-btn-submit:disabled{cursor:not-allowed;opacity:.6}.sp-detail-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.sp-detail-head{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:20px 24px}.sp-detail-head h2{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.15rem;font-weight:700;margin:0 0 10px}.sp-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.sp-detail-body{padding:24px}.sp-detail-section{margin-bottom:20px}.sp-detail-section h4{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:.85rem;font-weight:700;gap:6px;margin:0 0 8px}.sp-detail-message{color:#333;color:var(--text-primary,#333);font-size:.88rem;line-height:1.7;margin:0;white-space:pre-wrap}.sp-admin-response{background:#e3f2fd;border-radius:10px;padding:16px}.sp-admin-response h4{color:#1565c0}.sp-admin-response p{color:#1a1a2e;font-size:.88rem;line-height:1.7;margin:0;white-space:pre-wrap}.sp-attachment-list{display:flex;flex-wrap:wrap;gap:8px}.sp-attachment-chip{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.75rem;gap:5px;padding:5px 10px}.sp-detail-meta{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-wrap:wrap;font-size:.75rem;gap:20px;padding-top:16px}.sp-detail-meta span{align-items:center;display:flex;gap:5px}@media (max-width:768px){.sp-header{flex-direction:column}.sp-category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sp-category-grid{grid-template-columns:1fr 1fr}.sp-form{padding:16px}}.notif-page{padding:0}.notif-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.notif-header,.notif-header-left{align-items:center;display:flex;gap:12px}.notif-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.notif-title i{color:#f59e0b;font-size:20px}.notif-unread-count{background:#fef3c7;border-radius:20px;color:#a16207;font-size:12px;font-weight:600;padding:3px 10px}.notif-header-actions{align-items:center;display:flex;gap:10px}.notif-filters{background:#f1f5f9;background:var(--gray-100,#f1f5f9);border-radius:8px;display:flex;gap:4px;padding:3px}.notif-filter-btn{background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.notif-filter-btn.active,.notif-filter-btn:hover{color:#1e293b;color:var(--text-primary,#1e293b)}.notif-filter-btn.active{background:#fff;box-shadow:0 1px 3px #00000014;font-weight:600}.notif-mark-all{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s}.notif-mark-all:hover{border-color:#009688;color:#009688}.notif-loading{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;padding:48px 20px;text-align:center}.notif-loading i{margin-right:8px}.notif-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);padding:64px 20px;text-align:center}.notif-empty i{display:block;font-size:48px;margin-bottom:16px;opacity:.4}.notif-empty p{font-size:15px;margin:0}.notif-list{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.notif-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);cursor:pointer;display:flex;gap:14px;padding:14px 18px;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc;background:var(--gray-50,#f8fafc)}.notif-item--unread{background:#fffbeb}.notif-item--unread:hover{background:#fef3c7}.notif-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.notif-body{flex:1 1;min-width:0}.notif-message{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;line-height:1.4;margin:0 0 2px}.notif-item--unread .notif-message{font-weight:600}.notif-time{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px}.notif-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.notif-item:hover .notif-actions{opacity:1}.notif-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s;width:30px}.notif-action-btn:hover{border-color:#009688;color:#009688}.notif-action-delete:hover{border-color:#dc2626;color:#dc2626}.notif-pagination{gap:12px;margin-top:16px;padding:12px 0}.notif-page-btn,.notif-pagination{align-items:center;display:flex;justify-content:center}.notif-page-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;height:32px;transition:all .2s;width:32px}.notif-page-btn:hover:not(:disabled){border-color:#009688;color:#009688}.notif-page-btn:disabled{cursor:not-allowed;opacity:.4}.notif-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}@media (max-width:640px){.notif-header{align-items:flex-start;flex-direction:column}.notif-item{gap:10px;padding:12px 14px}.notif-actions{opacity:1}.notif-icon{font-size:14px;height:36px;width:36px}}.session-timeout-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.session-timeout-modal{animation:slideUp .3s ease;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 20px 60px #0000004d;max-width:450px;padding:30px;width:90%}.session-timeout-header{margin-bottom:20px;text-align:center}.session-timeout-icon{animation:pulse 2s infinite;color:#ffc107;color:var(--color-warning,#ffc107);font-size:3rem;margin-bottom:15px}.session-timeout-header h3{color:#212121;color:var(--text-primary,#212121);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.session-timeout-content{margin-bottom:25px;text-align:center}.session-timeout-content p{color:#757575;color:var(--text-secondary,#757575);font-size:1rem;line-height:1.5;margin:0 0 15px}.session-timeout-content strong{color:#f44336;color:var(--color-danger,#f44336);font-size:1.2rem;font-weight:700}.session-timeout-warning{align-items:center;background:#fff8e1;background:var(--color-warning-light,#fff8e1);border:1px solid #fff8e1;border:1px solid var(--color-warning-light,#fff8e1);border-radius:6px;color:#f57f17;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:12px}.session-timeout-progress{background:#eee;background:var(--gray-200,#eee);border-radius:10px;height:8px;margin-bottom:25px;overflow:hidden}.session-timeout-progress-bar{border-radius:10px;height:100%;transition:all 1s linear,background-color .3s ease}.session-timeout-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.extend-session-btn{align-items:center;background:#e91e63;background:var(--brand-primary,#e91e63);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:flex;font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:8px;justify-content:center;padding:12px 20px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.extend-session-btn:hover:not(:disabled){background:#c2185b;background:var(--brand-primary-dark,#c2185b);transform:translateY(-2px)}.extend-session-btn:disabled{background:#bdbdbd;background:var(--gray-400,#bdbdbd);cursor:not-allowed;transform:none}.logout-now-btn{align-items:center;background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:flex;font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:8px;justify-content:center;padding:12px 20px;transition:all .25s ease-in-out;transition:all var(--transition-normal,.25s ease-in-out)}.logout-now-btn:hover{background:#d32f2f;transform:translateY(-2px)}.session-timeout-footer{border-top:1px solid #eee;border-top:1px solid var(--gray-200,#eee);padding-top:15px;text-align:center}.session-timeout-footer small{color:#757575;color:var(--text-secondary,#757575);font-size:.8rem}.session-timeout-footer i{color:#e91e63;color:var(--brand-primary,#e91e63);margin-right:5px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:480px){.session-timeout-modal{margin:20px;padding:20px}.session-timeout-actions{grid-template-columns:1fr}.session-timeout-header h3{font-size:1.3rem}.session-timeout-icon{font-size:2.5rem}}.mocktest-header{align-items:center;background-color:#e91e63;background-color:var(--brand-primary,#e91e63);box-shadow:0 2px 8px #00000026;color:#fff;color:var(--text-inverse,#fff);display:flex;height:56px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mocktest-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.mocktest-header-logo{align-items:center;display:flex;gap:10px}.mocktest-header-logo-text{color:#fff;color:var(--text-inverse,#fff);font-size:18px;font-weight:700;letter-spacing:.3px}.mocktest-header-exit-btn{background:#0000;border:1px solid #ffffff4d;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:14px;font-weight:500;padding:6px 18px;transition:all .2s ease}.mocktest-header-exit-btn:hover{background:#ffffff1a;border-color:#ffffff80}.mocktest-exit-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.mocktest-exit-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:10px;box-shadow:0 10px 30px #00000040;max-width:480px;padding:24px;text-align:center;width:90%}.mocktest-exit-modal h3{color:#212121;color:var(--text-primary,#212121);font-size:20px;margin:0 0 12px}.mocktest-exit-modal p{color:#757575;color:var(--text-secondary,#757575);font-size:15px;line-height:1.6;margin-bottom:20px}.mocktest-exit-modal-actions{display:flex;gap:10px;justify-content:flex-end}.mocktest-exit-cancel-btn{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#212121;color:var(--text-primary,#212121);cursor:pointer;font-weight:500;padding:10px 18px;transition:background .2s}.mocktest-exit-cancel-btn:hover{background:#f5f5f5;background:var(--gray-100,#f5f5f5)}.mocktest-exit-confirm-btn{background:#f44336;background:var(--color-danger,#f44336);border:none;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-weight:500;padding:10px 18px;transition:background .2s}.mocktest-exit-confirm-btn:hover{background:#d32f2f;background:var(--color-danger-dark,#d32f2f)}@media (min-width:768px){.mocktest-header-logo-text{font-size:20px}}:root{--brand-primary:#e91e63;--brand-primary-dark:#c2185b;--brand-primary-light:#f48fb1;--brand-primary-bg:#e91e6314;--brand-navy:#1a237e;--brand-navy-light:#283593;--accent-purple:#7c3aed;--accent-purple-light:#a78bfa;--accent-teal:#0d9488;--accent-teal-light:#5eead4;--accent-amber:#f59e0b;--accent-amber-light:#fcd34d;--accent-indigo:#4f46e5;--accent-indigo-light:#818cf8;--accent-rose:#f43f5e;--accent-emerald:#059669;--gradient-primary:linear-gradient(135deg,#e91e63,#9c27b0);--gradient-navy:linear-gradient(135deg,#1a237e,#283593);--gradient-warm:linear-gradient(135deg,#ff6b6b,#e91e63 50%,#9c27b0);--gradient-cool:linear-gradient(135deg,#667eea,#764ba2);--gradient-ocean:linear-gradient(135deg,#0ea5e9,#6366f1);--gradient-sunset:linear-gradient(135deg,#f97316,#ef4444 50%,#ec4899);--gradient-emerald:linear-gradient(135deg,#10b981,#059669);--gradient-surface:linear-gradient(145deg,#fff,#f8fafc);--gradient-hero:linear-gradient(160deg,#fdf2f8,#ede9fe 30%,#e0f2fe 60%,#ecfdf5);--color-white:#fff;--color-black:#000;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--color-success:#10b981;--color-success-dark:#059669;--color-success-light:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-light:#fffbeb;--color-warning-border:#fde68a;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-danger-light:#fef2f2;--color-danger-border:#fecaca;--color-info:#3b82f6;--color-info-dark:#2563eb;--color-info-light:#eff6ff;--color-info-border:#bfdbfe;--text-primary:#212121;--text-secondary:#757575;--text-disabled:#bdbdbd;--text-inverse:#fff;--text-link:#1976d2;--text-link-hover:#1565c0;--bg-body:#f5f5f5;--bg-surface:#fff;--bg-sidebar:#f5f5f5;--bg-hover:#0000000a;--bg-active:#fff;--bg-overlay:#00000080;--border-color:#e0e0e0;--border-light:#f0f0f0;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:20px;--border-radius-3xl:24px;--border-radius-pill:50px;--border-radius-circle:50%;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-glow:0 0 20px #e91e6326;--shadow-glow-lg:0 0 40px #e91e6333,0 0 80px #e91e631a;--shadow-colored:0 4px 14px #e91e6340;--shadow-elevated:0 12px 28px #0000001f,0 8px 10px #00000014;--glass-bg:#ffffffb3;--glass-bg-dark:#1a237ed9;--glass-border:#ffffff4d;--glass-blur:blur(12px);--glass-blur-lg:blur(20px);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"Fira Code","Source Code Pro",Menlo,Monaco,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--navbar-height:64px;--sidebar-width:260px;--sidebar-width-collapsed:0px;--content-max-width:1400px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--transition-bounce:400ms cubic-bezier(0.34,1.56,0.64,1);--transition-spring:500ms cubic-bezier(0.175,0.885,0.32,1.275);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-fab:1080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e91e63,#9c27b0);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.gradient-text-warm{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#ff6b6b,#e91e63 50%,#9c27b0);background:var(--gradient-warm);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.dl-wrapper{background:#f5f5f5;background:var(--bg-body,#f5f5f5);display:flex;flex-direction:column;min-height:100vh}.dl-body{display:flex;flex:1 1}.dl-content{flex:1 1;max-width:100%;min-width:0;padding:1.5rem;padding:var(--space-6,1.5rem)}@media (max-width:991px){.dl-content{padding:1rem;padding:var(--space-4,1rem)}}@media (max-width:767px){.dl-content{padding:.75rem;padding:var(--space-3,.75rem)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;background:var(--bg-body,#f5f5f5);color:#212121;color:var(--text-primary,#212121);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family,"Inter","Segoe UI",Tahoma,Geneva,Verdana,sans-serif);line-height:1.6;text-rendering:optimizeLegibility}::selection{background:#e91e6326;color:#c2185b;color:var(--brand-primary-dark,#c2185b)}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{animation:fadeIn .3s ease-out;flex:1 1}.container{margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);padding:0 15px}.loading{color:#757575;color:var(--text-secondary,#757575);font-size:1.1rem;padding:60px 40px;text-align:center}.loading:after{animation:spin .7s linear infinite;border:3px solid #eee;border-top-color:#e91e63;border:3px solid var(--gray-200,#eee);border-radius:50%;border-top-color:var(--brand-primary,#e91e63);content:"";display:block;height:36px;margin:16px auto 0;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#fef2f2;background:var(--color-danger-light,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-danger-border,#fecaca);border-radius:12px;border-radius:var(--border-radius-lg,12px);color:#ef4444;color:var(--color-danger,#ef4444);font-size:1.1rem;margin:20px;padding:40px;text-align:center}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:8px;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:10px 22px;position:relative;transition:all .25s ease;transition:all var(--transition-normal,.25s) ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);box-shadow:0 2px 8px #e91e6340;color:#fff;color:var(--text-inverse,#fff)}.btn-primary:hover{box-shadow:0 4px 16px #e91e6359;transform:translateY(-1px)}.btn-secondary{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#212121;color:var(--text-primary,#212121)}.btn-secondary:hover{background:#eee;background:var(--gray-200,#eee);border-color:#bdbdbd;border-color:var(--gray-400,#bdbdbd)}.btn-success{background:var(--gradient-emerald);box-shadow:0 2px 8px #10b98140;color:#fff;color:var(--text-inverse,#fff)}.btn-success:hover{box-shadow:0 4px 16px #10b98159;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440;color:#fff;color:var(--text-inverse,#fff)}.btn-danger:hover{box-shadow:0 4px 16px #ef444459;transform:translateY(-1px)}.btn-outline-primary{background:#0000;border:2px solid #e91e63;border:2px solid var(--brand-primary,#e91e63);color:#e91e63;color:var(--brand-primary,#e91e63)}.btn-outline-primary:hover{background:var(--brand-primary-bg);box-shadow:var(--shadow-glow)}.card-elevated{background:#fff;border:1px solid #f0f0f0;border:1px solid var(--border-light,#f0f0f0);border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius-xl,16px)}.not-found{animation:fadeInUp .5s ease-out;padding:80px 20px;text-align:center}.not-found h2{color:#212121;color:var(--text-primary,#212121);font-size:2rem;margin-bottom:12px}.not-found p{color:#757575;color:var(--text-secondary,#757575);margin-bottom:24px}
/*# sourceMappingURL=main.44ec809e.css.map*/