.lesson-student-attendance{border-bottom:1px solid var(--lne-border,var(--notes-border));color:var(--lne-text,var(--notes-text));flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 0;font-size:12px;display:flex}.lesson-student-attendance strong{color:inherit}.lesson-student-attendance label{color:inherit;cursor:pointer;align-items:center;gap:8px;margin:0;display:inline-flex}.lesson-student-attendance input[type=checkbox]{accent-color:#0245ae;width:16px;height:16px}.lesson-student-attendance .lesson-attendance-status{color:inherit}.lesson-student-attendance .lesson-attendance-status[data-status=absent]{color:#be123c;font-weight:600}.lesson-student-attendance .lesson-attendance-status[data-status=present]{color:#166534;font-weight:600}.lesson-absence-confirmation{box-sizing:border-box;color:#202020;background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:min(500px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;position:fixed;inset:0;overflow:auto}.lesson-absence-confirmation::backdrop{background:#0009}.lesson-absence-confirmation h2{color:inherit;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;display:flex}.lesson-absence-confirmation h2 i{color:#be123c}.lesson-absence-confirmation p{color:inherit;margin:0 0 16px;font-size:13px;line-height:1.7}.lesson-absence-confirmation label{gap:6px;margin-bottom:16px;font-size:13px;display:grid}.lesson-absence-confirmation textarea{box-sizing:border-box;width:100%;min-height:72px;color:inherit;resize:vertical;background:0 0;border:1px solid #dbe3ee;border-radius:6px;padding:10px}[data-theme=dark] .lesson-absence-confirmation textarea{border-color:#484848}.lesson-absence-confirmation footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.lesson-absence-confirmation button{color:#202020;min-height:38px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ee;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.lesson-absence-confirmation .lesson-absence-confirm{color:#fff;background:#be123c;border-color:#be123c}.lesson-absence-confirmation button:disabled{opacity:.5;cursor:default}.lesson-attendance-error{flex-basis:100%;margin:0}.lesson-student-attendance .lesson-attendance-error,.lesson-absence-confirmation .lesson-attendance-error{color:#be123c;font-size:12px}.lesson-student-attendance input:focus-visible,.lesson-absence-confirmation button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}[data-theme=dark] .lesson-absence-confirmation{color:#f1f1f1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#242424;border-color:#484848}[data-theme=dark] .lesson-absence-confirmation button:not(.lesson-absence-confirm){color:#f1f1f1;background:#303030;border-color:#484848}[data-theme=dark] :is(.lesson-student-attendance .lesson-attendance-error,.lesson-absence-confirmation .lesson-attendance-error,.lesson-student-attendance .lesson-attendance-status[data-status=absent]){color:#fda4af}[data-theme=dark] .lesson-student-attendance .lesson-attendance-status[data-status=present]{color:#86efac}.lesson-workflow-status{border-bottom:1px solid var(--border-color,#dce4ef);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.lesson-workflow-status>div{flex:1;gap:4px;min-width:180px;display:grid}.lesson-workflow-status span{color:var(--lne-muted,var(--notes-muted,#64748b))}.lesson-workflow-status button{color:#fff;white-space:normal;background:#195bc5;border:1px solid #3978df;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.lesson-workflow-status button:disabled{opacity:.5;cursor:not-allowed}.lesson-workflow-status>.lesson-workflow-error{flex-wrap:wrap;flex:0 0 100%;align-items:center;gap:12px;min-width:0;display:flex}.lesson-workflow-error p{color:#c43d52;overflow-wrap:anywhere;flex:180px;margin:0}.lesson-workflow-error button{flex-shrink:0;margin:0}.lesson-report-outcome{border-bottom:1px solid var(--border-color,#dce4ef);padding:16px 0}.lesson-report-outcome h2{font-size:16px}[data-theme=dark] :is(.lesson-workflow-status,.lesson-report-outcome){border-color:#454545}[data-theme=dark] .lesson-workflow-status span{color:#aeb9c9}[data-theme=dark] .lesson-workflow-status p{color:#fda4af}.lesson-notes-editor.dispatch-notes-widget{--lne-bg:#fff;--lne-field:#f8fafc;--lne-text:#202020;--lne-muted:#64748b;--lne-border:#dbe3ee;--notes-header-gradient:#0245ae;--notes-label-color:#0245ae;--notes-accent:#0245ae;--notes-accent-hover:#023d9a;--notes-accent-soft:#0245ae1f;border:1px solid var(--lne-border);width:min(460px,100vw - 32px);max-width:none;height:fit-content;max-height:min(880px,100dvh - 32px);color:var(--lne-text);background:var(--lne-bg);border-radius:8px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.lesson-notes-editor::backdrop{background:#0009}.lesson-notes-editor form{flex-direction:column;max-height:min(878px,100dvh - 34px);margin:0;display:flex}.lesson-notes-editor .dispatch-notes-header{flex-shrink:0;padding:14px 16px}.lesson-notes-editor h2{color:inherit;align-items:center;gap:9px;margin:0;font-size:16px;display:flex}.lesson-notes-editor .lne-body{overscroll-behavior:contain;scrollbar-color:var(--notes-accent) var(--lne-bg);flex:1;gap:16px;min-height:0;max-height:none;padding:16px;overflow:auto}.lesson-notes-editor .lne-body::-webkit-scrollbar{width:6px}.lesson-notes-editor .lne-body::-webkit-scrollbar-track{background:var(--lne-bg)}.lesson-notes-editor .lne-body::-webkit-scrollbar-thumb{background:var(--notes-accent);border-radius:3px}.lesson-notes-editor fieldset{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.lesson-notes-editor fieldset:disabled{opacity:.65}.lesson-notes-editor .lesson-material-progress-editor{background:0 0;margin:0}.lesson-notes-editor .dispatch-notes-label{text-transform:none;color:var(--notes-label-color)}.lesson-notes-editor :is(.lne-material-picker,.lne-library,.notes-manual-edit) label{min-width:0;color:var(--lne-text);flex-direction:column;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.lesson-notes-editor :is(.lne-material-picker,.lne-library,.notes-manual-edit) :is(input:not([type=radio]),select,textarea){border:1px solid var(--lne-border);background:var(--lne-field);width:100%;min-width:0;min-height:36px;color:var(--lne-text);font:inherit;box-sizing:border-box;border-radius:5px;padding:8px 10px;font-size:13px}.lesson-notes-editor :is(.lne-material-picker,.lne-library,.notes-manual-edit,footer) button,.lesson-notes-editor .lne-icon{background:var(--lne-field);border:1px solid var(--lne-border);min-height:36px;color:var(--lne-text);font:inherit;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.lesson-notes-editor button:disabled{cursor:default;opacity:.5}.lesson-notes-editor :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--notes-accent);outline-offset:2px}.lesson-notes-editor .lne-icon{flex:0 0 32px;width:32px;min-height:32px;padding:0}.lesson-notes-editor .lne-material-picker{border-bottom:1px solid var(--lne-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-bottom:16px;display:grid}.lesson-notes-editor .lne-library{border-bottom:1px solid var(--lne-border);gap:12px;padding-bottom:16px;display:grid}.lesson-notes-editor .lne-library>button{justify-self:start}.lesson-notes-editor .notes-manual-edit{gap:10px;font-size:12px;display:grid}.lesson-notes-editor .notes-manual-edit summary{color:var(--lne-muted);cursor:pointer}.lesson-notes-editor .notes-manual-edit .notes-meaning-choice{flex-direction:row;align-items:center}.lesson-notes-editor .notes-meaning-editor{border-top:1px solid var(--lne-border);gap:8px;padding-top:10px;display:grid}.lesson-notes-editor .notes-meaning-editor>button{justify-self:start}.lesson-notes-editor input[type=radio]{width:16px;height:16px;accent-color:var(--notes-accent)}.lesson-notes-editor .lne-error,.lesson-notes-editor .lne-notice{overflow-wrap:anywhere;color:#be123c;margin:0;font-size:12px;line-height:1.6}.lesson-notes-editor .lne-notice{color:var(--lne-muted)}.lesson-notes-editor .lne-validation-summary{color:#be123c;overflow-wrap:anywhere;background:#fff1f2;border-bottom:1px solid #fecdd3;flex-shrink:0;gap:6px;max-height:25dvh;padding:12px 16px;font-size:12px;line-height:1.5;display:grid;overflow:auto}.lesson-notes-editor .lne-validation-summary strong{color:inherit;font-size:13px}.lesson-notes-editor .lne-validation-summary p{margin:0}.lesson-notes-editor .lne-validation-summary button{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}[data-theme=dark] .lesson-notes-editor .lne-validation-summary{color:#fda4af;background:#3b252b;border-color:#854453}.lesson-notes-editor .lesson-feedback-privacy{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;margin:0;padding:10px;font-size:12px;line-height:1.6}.lesson-feedback-privacy i{margin-right:6px}.lesson-notes-editor .lne-absence-message{color:var(--lne-text);margin:0;font-size:13px;line-height:1.7}[data-theme=dark] .lesson-notes-editor .lesson-feedback-privacy{color:#bfdbfe;background:#243349;border-color:#42648d}.notes-field-optional{color:inherit;margin-left:4px;font-size:11px;font-weight:400}.lesson-notes-editor .lesson-level-assessment h3{margin:0 0 10px}.lesson-assessment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson-assessment-options label{cursor:pointer;color:var(--lne-text);align-items:flex-start;gap:7px;margin:0;font-size:12px;display:flex}.lesson-assessment-none{grid-column:1/-1;padding:4px 0}.lesson-assessment-option{border:1px solid var(--lne-border);background:var(--lne-field);border-radius:5px;padding:10px}.lesson-assessment-option[data-selected=true]{border-color:var(--notes-accent);background:var(--notes-accent-soft)}.lesson-assessment-option span{overflow-wrap:anywhere;min-width:0}.lesson-assessment-option strong{font-size:12px;line-height:1.5;display:block}.lesson-notes-editor .lesson-assessment-option :is(span,strong){color:var(--lne-text)}.lesson-assessment-option small{color:var(--lne-muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.lesson-assessment-options input[type=radio]{flex:0 0 16px;margin:2px 0 0}.lesson-notes-editor .notes-field-error,.lesson-notes-editor .lne-validation-error{color:#be123c;margin:0;font-size:12px;line-height:1.5}.lesson-notes-editor [aria-invalid=true]{border-color:#be123c}.lesson-notes-editor .lne-validation-error{overflow-wrap:anywhere;flex-basis:100%;max-height:84px;overflow-y:auto}.lesson-notes-editor .lne-validation-error span{color:inherit;display:block}[data-theme=dark] .lesson-notes-editor :is(.notes-field-error,.lne-validation-error){color:#fda4af}[data-theme=dark] .lesson-notes-editor [aria-invalid=true]{border-color:#fda4af}.lesson-notes-editor footer.dispatch-notes-footer{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.lesson-notes-editor footer>span{color:var(--lne-muted);flex-basis:100%;font-size:12px}.lesson-notes-editor footer .lne-save{background:var(--notes-accent);border-color:var(--notes-accent);color:#fff;margin-left:auto}[data-theme=dark] .lesson-notes-editor.dispatch-notes-widget{--lne-bg:#242424;--lne-field:#303030;--lne-text:#f1f1f1;--lne-muted:#b8b8b8;--lne-border:#484848;--notes-label-color:#93c5fd;--notes-accent:#3b82f6;--notes-accent-hover:#2563eb;--notes-accent-soft:#3b82f629;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .lesson-notes-editor .lne-error{color:#fda4af}[data-theme=dark] .lesson-notes-editor :is(.dispatch-notes-content,.dispatch-notes-footer){background:var(--lne-bg);border-color:var(--lne-border)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-row,.grammar-row,.pronunciation-row){border-color:var(--lne-border);background:#2a2a2a}[data-theme=dark] .lesson-notes-editor :is(input,textarea,.vocabulary-definition-content,.vocabulary-definition-placeholder,.vocabulary-definition-hidden,.vocabulary-translations,.pronunciation-display,.pronunciation-phonetic-placeholder,.pronunciation-phonetic-hidden,.grammar-explanation){background:var(--lne-field);color:var(--lne-text);border-color:var(--lne-border)}[data-theme=dark] .lesson-notes-editor :is(input,textarea)::placeholder{color:var(--lne-muted);opacity:1}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-field-label,.grammar-field-label,.pronunciation-field-label,.vocabulary-definition-placeholder,.pronunciation-phonetic-placeholder,.vocabulary-part-of-speech,.translation-romanized){color:var(--lne-muted)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-meaning,.translation-native,.pronunciation-phonetic-display,.grammar-explanation-simple,.grammar-explanation-technical){color:var(--lne-text)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-check-btn,.vocabulary-info-btn,.vocabulary-toggle-btn,.vocabulary-def-tab,.grammar-check-btn,.grammar-info-btn,.pronunciation-check-btn,.pronunciation-toggle-btn){background:var(--lne-field);border-color:var(--lne-border);color:var(--lne-text)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-def-tab.active,.vocabulary-toggle-btn.active,.vocabulary-info-btn.active,.grammar-info-btn.active,.pronunciation-toggle-btn.active){color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-add-btn,.grammar-add-btn,.pronunciation-add-btn){background:var(--notes-accent-soft);border-color:var(--notes-accent);color:var(--notes-label-color)}[data-theme=dark] .lesson-notes-editor footer .lne-save{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .lesson-notes-editor :is(input,textarea,select)[aria-invalid=true]{border-color:#fda4af}@media (width<=600px){.lesson-notes-editor.dispatch-notes-widget{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.lesson-notes-editor form{max-height:calc(100dvh - 18px)}.lesson-notes-editor .lne-material-picker{grid-template-columns:minmax(0,1fr)}.lesson-notes-editor .lne-material-picker>button{justify-self:start}}.lne-continuation{border-bottom:1px solid var(--border-color,#dce4ef);padding:12px 0}.lne-continuation p{margin:6px 0}.lesson-notes-card{box-sizing:border-box;--notes-text:#000;--notes-muted:#64748b;--notes-border:#e2e8f0;--notes-surface:#fff;--notes-header:#f8fafc;--notes-divider:#94a3b8;--notes-blue:#1d4ed8;--notes-teal:#0f766e;--notes-amber:#925c0a;--notes-rose:#a33459;background:var(--notes-surface);border:1px solid var(--notes-border);min-width:0;color:var(--notes-text);border-radius:8px;margin-top:16px;padding:20px}.student-profile-main .lesson-notes-card{margin-top:16px!important}.lesson-notes-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lesson-notes-heading h2{color:var(--notes-text);align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.lesson-notes-refresh{border:1px solid var(--notes-border);background:var(--notes-header);width:34px;height:34px;color:var(--notes-muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.lesson-notes-refresh:disabled{opacity:.5;cursor:wait}.lesson-notes-actions{align-items:center;gap:8px;display:flex}.lesson-notes-edit{border:1px solid var(--notes-blue);background:var(--notes-header);min-height:34px;color:var(--notes-blue);font:inherit;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.lesson-notes-edit:disabled{cursor:default;opacity:.5}.lesson-notes-edit-window{min-height:20px;color:var(--notes-muted);margin-bottom:8px;font-size:12px;line-height:1.6}.lesson-notes-edit-window button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (width<=400px){.lesson-notes-heading{flex-wrap:wrap}}.lesson-notes-tabs{border-bottom:1px solid var(--notes-border);gap:4px;display:flex;overflow-x:auto}.lesson-notes-tabs button{min-height:42px;color:var(--notes-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:4px 4px 0 0;flex:none;padding:10px 16px;font-size:13px;font-weight:600}.lesson-notes-tabs button:hover{background:var(--notes-header);color:var(--notes-text)}.lesson-notes-tabs button[aria-selected=true]{color:#1d4ed8;background:#eff6ff;border-bottom-color:#3b82f6}.lesson-notes-card button:focus-visible,.lesson-notes-card [role=tabpanel]:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.lesson-notes-card [role=tabpanel]{box-sizing:border-box;scrollbar-gutter:stable;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--notes-divider) transparent;height:520px;padding-right:8px;overflow:hidden auto}.lesson-notes-card [role=tabpanel]::-webkit-scrollbar{width:6px}.lesson-notes-card [role=tabpanel]::-webkit-scrollbar-track{background:0 0}.lesson-notes-card [role=tabpanel]::-webkit-scrollbar-thumb{background:var(--notes-divider);border-radius:3px}.lesson-notes-entry{padding:16px 0}.lesson-notes-entry+.lesson-notes-entry{border-top:3px solid var(--notes-divider);margin-top:12px;padding-top:24px}.lesson-notes-entry:last-child{padding-bottom:0}.lesson-notes-meta{color:var(--notes-muted);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:12px;font-size:12px;display:flex}.lesson-notes-meta span{align-items:center;gap:7px;display:inline-flex}.lesson-notes-columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.lesson-notes-column{flex-direction:column;gap:20px;min-width:0;padding-right:20px;display:flex}.lesson-notes-column+.lesson-notes-column{border-left:1px solid var(--notes-border);padding:0 0 0 20px}.lesson-notes-column h3,.lesson-notes-column h4{color:var(--notes-text);align-items:flex-start;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.lesson-notes-column h3 i,.lesson-notes-column h4 i{color:#3b82f6;flex-shrink:0}.lesson-note-section{--note-accent:var(--notes-blue)}.lesson-grammar-section,.lesson-feedback-section{--note-accent:var(--notes-teal)}.lesson-pronunciation-section{--note-accent:var(--notes-amber)}.lesson-handoff-section{--note-accent:var(--notes-rose)}.lesson-note-section h4{color:var(--note-accent);border-bottom:1px solid var(--notes-border);padding-bottom:8px;line-height:1.5}.lesson-note-section h4 i{color:inherit}.lesson-note-section.lesson-words-section li,.lesson-vocabulary-section li strong{color:var(--notes-text);font-weight:600}.lesson-grammar-note strong{color:var(--notes-text)}.lesson-pending-feedback h3,.lesson-pending-feedback h3 i{color:var(--notes-teal)}.lesson-pending-handoff h3,.lesson-pending-handoff h3 i{color:var(--notes-rose)}.lesson-notes-column p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--notes-text);margin:0;font-size:13px;line-height:1.7}.lesson-material-notes+.lesson-material-notes{border-top:1px solid var(--notes-border);margin-top:20px;padding-top:20px}.lesson-material-notes .lesson-learning-notes{padding-right:0}.lesson-materials-used{border-bottom:1px solid var(--notes-border);margin-bottom:20px;padding:0 0 16px}.lesson-materials-used h3{color:var(--notes-blue);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.lesson-materials-used h3 span{color:var(--notes-muted);font-size:12px;font-weight:400}.lesson-materials-used ol{color:var(--notes-text);margin:0;padding-left:20px;font-size:13px;list-style:decimal}.lesson-materials-used li+li{margin-top:8px}.lesson-materials-used li span{color:var(--notes-muted);font-size:12px;display:block}.lesson-materials-used li strong{overflow-wrap:anywhere;font-weight:600;display:block}.lesson-summary-notes{border-top:2px solid var(--notes-border);margin-top:24px;padding-top:20px}.lesson-material-progress{color:var(--notes-text);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:12px;display:flex}.lesson-material-progress .lesson-material-status{color:var(--notes-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.lesson-material-progress[data-status=completed] .lesson-material-status{color:var(--notes-teal)}.lesson-material-progress[data-status=in_progress] .lesson-material-status{color:var(--notes-amber)}.lesson-material-progress p{overflow-wrap:anywhere;color:var(--notes-text);margin:0}.lesson-material-progress .lesson-material-progress-details{white-space:pre-wrap;flex-basis:100%;line-height:1.6}.lesson-material-progress.is-compact{margin-top:3px}.lesson-notes-material{border-bottom:1px solid var(--notes-border);overflow-wrap:anywhere;margin-bottom:20px;padding-bottom:12px}.lesson-notes-material span{color:var(--notes-muted);align-items:center;gap:8px;font-size:12px;display:flex}.lesson-notes-material h3{color:var(--notes-blue);margin:5px 0 0;font-size:16px;line-height:1.5}.lesson-learning-notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px 24px;display:grid}.lesson-learning-notes>section{min-width:0}.lesson-learning-notes .lesson-words-section,.lesson-learning-notes .lesson-vocabulary-section,.lesson-learning-notes .lesson-feedback-section{grid-column:1/-1}.lesson-tutor-notes{align-self:start}.lesson-words-section ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 28px;display:grid}.lesson-note-section.lesson-words-section li+li{margin-top:0}.lesson-note-section ol,.lesson-note-section ul{overflow-wrap:anywhere;margin:0;padding-left:22px;font-size:13px;line-height:1.7}.lesson-note-section li{list-style:inherit;color:var(--notes-text)}.lesson-note-section li+li{margin-top:4px}.lesson-grammar-note+.lesson-grammar-note{margin-top:12px}.lesson-notes-card .lesson-note-section .lesson-note-phonetic{color:var(--notes-text)!important}.recent-lesson-details{margin-bottom:20px}.lesson-history-heading{background:var(--notes-header);border-left:4px solid var(--notes-blue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;padding:12px;display:flex}.lesson-history-heading h3{min-width:0;color:var(--notes-text);overflow-wrap:anywhere;align-items:flex-start;gap:8px;margin:0;font-size:14px;font-weight:700;line-height:1.5;display:flex}.lesson-history-heading h3 i{color:var(--notes-blue);flex-shrink:0}.recent-lesson-current{color:var(--notes-blue);border:1px solid;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:600;display:inline-block}.recent-lesson-details dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;margin:0;font-size:12px;display:grid}.recent-lesson-details dl>div{border-bottom:1px solid var(--notes-border);grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.recent-lesson-details dt{color:var(--notes-muted);align-items:flex-start;gap:7px;font-weight:600;display:flex}.recent-lesson-details dt i{flex-shrink:0}.recent-lesson-details dd{color:var(--notes-text);overflow-wrap:anywhere;margin:0}.recent-lesson-details dl>div:first-child dd{font-weight:600}.recent-lesson-details .lesson-attendance{color:var(--notes-text);font-weight:600}.recent-lesson-timezone{color:var(--notes-muted);font-size:11px;display:inline-block}.recent-lesson-pending{min-height:100px}.lesson-notes-pending-message{align-items:flex-start;gap:10px;font-size:13px;display:flex}.lesson-notes-pending-message>i{color:var(--notes-muted)}.lesson-notes-pending-message strong{color:var(--notes-text)}.lesson-notes-pending-message p{color:var(--notes-muted);margin-top:5px;font-size:12px}.recent-lessons-footer{color:var(--notes-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:12px;display:flex}.recent-lessons-footer button{border:1px solid var(--notes-border);background:var(--notes-header);min-height:36px;color:var(--notes-text);font:inherit;cursor:pointer;border-radius:5px;align-items:center;gap:7px;padding:7px 12px;font-weight:600;display:inline-flex}.lesson-notes-column p.lesson-note-empty{color:var(--notes-muted)}.lesson-notes-state{color:var(--notes-muted);margin:0;padding:20px 0;font-size:13px}.lesson-notes-empty{padding-top:20px}.lesson-notes-empty .lesson-notes-state{padding-bottom:0}.lesson-notes-error{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lesson-notes-error button{background:var(--notes-header);border:1px solid var(--notes-border);color:var(--notes-text);cursor:pointer;border-radius:6px;padding:6px 12px}[data-theme=dark] .lesson-notes-card{--notes-text:var(--fxv-text,#f1f5f9);--notes-muted:var(--fxv-text-muted,#a1a1aa);--notes-border:var(--fxv-border,#3a3a3a);--notes-surface:var(--fxv-surface,#242424);--notes-header:#2c2c2c;--notes-divider:#737373;--notes-blue:#93c5fd;--notes-teal:#5eead4;--notes-amber:#fcd34d;--notes-rose:#f9a8c4}[data-theme=dark] .lesson-notes-tabs button[aria-selected=true]{color:#93c5fd;background:#263448}@media (width<=640px){.lesson-notes-card{padding:16px}.lesson-notes-card [role=tabpanel]{height:560px}.lesson-notes-tabs button{min-height:44px;padding:10px 12px}.lesson-notes-columns{grid-template-columns:minmax(0,1fr);gap:16px}.lesson-notes-column{padding:0}.lesson-notes-column+.lesson-notes-column{border-left:0;border-top:1px solid var(--notes-border);padding:16px 0 0}.lesson-learning-notes{grid-template-columns:minmax(0,1fr)}.lesson-words-section ol{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-lesson-details dl{grid-template-columns:minmax(0,1fr)}.recent-lesson-details dl>div{grid-template-columns:minmax(0,105px) minmax(0,1fr)}}.lesson-advance-material-request{color:#202020;background:#fff;border:1px solid #dbe3ee;border-radius:8px;margin-bottom:16px;padding:20px;font-size:13px}.lesson-advance-material-request header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.lesson-advance-material-request h2{color:inherit;align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.lesson-advance-material-request p{color:#64748b;margin:4px 0;line-height:1.6}.lesson-advance-material-request strong{color:inherit}.lesson-advance-material-request button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #dbe3ee;border-radius:4px;padding:8px}.lesson-advance-material-request button:disabled{opacity:.5}.lesson-advance-material-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.lesson-advance-material-content>div{overflow-wrap:anywhere;min-width:0}.lesson-advance-material-request a{color:#0245ae;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}[data-theme=dark] .lesson-advance-material-request{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border)}[data-theme=dark] .lesson-advance-material-request :is(p,button){color:var(--fxv-text-muted);border-color:var(--fxv-border)}[data-theme=dark] .lesson-advance-material-request a{color:#93c5fd}@media (width<=600px){.lesson-advance-material-content{flex-direction:column;align-items:flex-start;gap:10px}}.student-profile-page{background:#f8fafc;min-height:100vh;display:flex}.student-profile-content{flex:1;min-width:0;margin-left:116px}.student-profile-main{max-width:1200px;margin:0 auto;padding:32px 48px}.student-profile-state{text-align:center;color:#64748b;padding:32px}.student-profile-state.error{color:#dc2626}.back-button{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:8px 0;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.back-button:hover{color:#0245ae}.back-button i{font-size:14px;transition:transform .2s}.back-button:hover i{transform:translate(-4px)}.lesson-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:20px 24px;display:flex}.lesson-info-header{align-items:center;gap:12px;display:flex}.lesson-info-header i{color:#0245ae;background:#0245ae1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.lesson-info-header h2{color:#1e293b;margin:0;font-size:16px;font-weight:700}.lesson-status-badge{color:#059669;text-transform:capitalize;background:#10b9811a;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.lesson-status-badge.confirmed{color:#059669;background:#10b9811a}.lesson-status-badge.completed{color:#64748b;background:#64748b1a}.lesson-status-badge.cancelled{color:#dc2626;background:#ef44441a}.lesson-info-details{align-items:center;gap:20px;display:flex}.lesson-info-item{color:#64748b;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.lesson-info-item i{color:#94a3b8;font-size:14px}.profile-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:32px}.profile-header-content{align-items:center;gap:32px;display:flex}.profile-photo-container{flex-shrink:0;position:relative}.profile-avatar{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:36px;font-weight:700;display:flex}.profile-level-badge{color:#fff;white-space:nowrap;background:#10b981;border:3px solid #fff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:0;right:0}.profile-info{flex:1}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.profile-name{color:#1e293b;margin:0;font-size:24px;font-weight:700;line-height:1.2}.profile-id-badge{color:#64748b;letter-spacing:0;background:#f1f5f9;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.profile-action-buttons{flex-direction:row;gap:10px;margin-left:auto;display:flex}.enter-classroom-btn{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#2563eb 52%,#60a5fa 100%);border:1px solid #60a5fa57;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #0245ae47,0 4px 10px #2563eb38,inset 0 1px #ffffff2e}.enter-classroom-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff2e 0%,#fff0 46%);position:absolute;inset:1px}.enter-classroom-btn:hover:not(:disabled){filter:saturate(1.06)brightness(1.04);border-color:#93c5fd80;transform:translateY(-2px);box-shadow:0 16px 30px #0245ae57,0 6px 14px #2563eb3d,inset 0 1px #ffffff3d}.enter-classroom-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px #0245ae42,inset 0 1px #ffffff1f}.enter-classroom-btn i{font-size:16px}.enter-classroom-btn span,.enter-classroom-btn i{z-index:1;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 1px 2px #07174038;position:relative}.contact-info-grid{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.contact-info-item{align-items:center;gap:8px;display:flex}.contact-info-item i{color:#94a3b8;font-size:14px}.contact-info-item span{color:#64748b;font-size:13px;font-weight:500}.stats-container{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:100px;padding:12px 20px}.stat-card.blue{background:#0245ae0d;border-color:#0245ae33}.stat-card.green{background:#10b9810d;border-color:#10b98133}.stat-card.orange{background:#f59e0b0d;border-color:#f59e0b33}.stat-value{color:#1e293b;font-size:24px;font-weight:700;line-height:1}.stat-card.blue .stat-value{color:#0245ae}.stat-card.green .stat-value{color:#059669}.stat-card.orange .stat-value{color:#d97706}.stat-value.with-icon{justify-content:center;align-items:center;gap:4px;display:flex}.stat-value i{font-size:18px}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px;font-weight:600}.stat-card.blue .stat-label{color:#0245ae}.stat-card.green .stat-label{color:#059669}.stat-card.orange .stat-label{color:#b45309}.tabs-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.tab-button{color:#64748b;cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.tab-button:hover{color:#1e293b;background:#f8fafc}.tab-button.active,.tab-button.active:hover{color:#fff;background:#0245ae}.learner-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px 24px}.learner-profile-title{color:#1e293b;margin:0 0 18px;font-size:16px;font-weight:700}.learner-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learner-profile-field{border-left:1px solid #e2e8f0;flex-direction:column;gap:7px;min-width:0;padding:0 20px;display:flex}.learner-profile-field:first-child{border-left:0;padding-left:0}.learner-profile-label{color:#64748b;font-size:12px;font-weight:700}.learner-profile-field strong{color:#1e293b;overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.4}.learner-profile-note{color:#64748b;font-size:12px;line-height:1.4}.assessment-results{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:18px}.assessment-results[hidden]{display:none}.assessment-results-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.assessment-results-score{flex-direction:column;gap:5px;display:flex}.assessment-results-score span,.assessment-results-remarks h3{color:#64748b;text-transform:capitalize;font-size:12px;font-weight:700}.assessment-results-score strong{color:#1e293b;font-size:16px}.assessment-results-remarks{margin-top:18px}.assessment-results-remarks h3{margin:0 0 8px}.assessment-results-remarks ul{color:#334155;margin:0;padding-left:20px;font-size:13px;line-height:1.6}.assessment-results-assessor{color:#64748b;margin:16px 0 0;font-size:12px}.assessment-results-assessor strong{color:#1e293b}.assessment-results-action{justify-content:flex-end;margin-top:18px;display:flex}.assessment-results-toggle{color:#1d4ed8;min-height:36px;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.assessment-results-toggle:hover{background:#dbeafe}.assessment-results-toggle:focus-visible{outline-offset:2px;outline:2px solid #2563eb}[data-theme=dark] .assessment-results{border-top-color:var(--fxv-border)}[data-theme=dark] .assessment-results-score span,[data-theme=dark] .assessment-results-remarks h3,[data-theme=dark] .assessment-results-assessor{color:var(--fxv-text-muted)}[data-theme=dark] .assessment-results-score strong,[data-theme=dark] .assessment-results-remarks ul,[data-theme=dark] .assessment-results-assessor strong{color:var(--fxv-text)}[data-theme=dark] .assessment-results-toggle{color:#bfdbfe;background:#2563eb26;border-color:#93c5fd59}[data-theme=dark] .assessment-results-toggle:hover{background:#2563eb40}@media (width<=480px){.assessment-results-scores{grid-template-columns:1fr;gap:12px}.assessment-results-score{flex-direction:row;justify-content:space-between}}@media (width<=720px){.learner-profile-grid{grid-template-columns:1fr}.learner-profile-field,.learner-profile-field:first-child{border-top:1px solid #e2e8f0;border-left:0;padding:14px 0}.learner-profile-field:first-child{border-top:0;padding-top:0}.learner-profile-field:last-child{padding-bottom:0}}.overview-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.content-card,.content-card.simple{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card-title{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.card-title i{color:#0245ae;font-size:18px}.card-title.blue{color:#0245ae;font-size:16px}.card-title.blue i{font-size:18px}.card-text{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.6}.section-subtitle{color:#1e293b;margin-bottom:12px;font-size:14px;font-weight:700}.topic-tags{flex-wrap:wrap;gap:8px;display:flex}.topic-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.sessions-list{flex-direction:column;gap:10px;display:flex}.session-card{background:#f8fafc;border-left:3px solid #0245ae;border-radius:10px;padding:14px 16px}.session-card.completed{background:#f8fafc;border-left-color:#10b981;justify-content:space-between;align-items:center;display:flex}.session-topic{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:600}.session-card.completed .session-topic{font-size:14px}.session-meta{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.session-meta i{font-size:12px}.session-meta-row{color:#64748b;align-items:center;gap:16px;font-size:13px;display:flex}.session-meta-item{align-items:center;gap:6px;display:flex}.session-meta-item i{font-size:12px}.rating-badge{color:#d97706;background:#fef3c7;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:flex}.rating-badge i{font-size:12px}.rating-badge.small{padding:4px 8px;font-size:12px}.rating-badge.small i{font-size:11px}.notes-list{flex-direction:column;gap:12px;display:flex}.note-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.note-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.note-date-time{align-items:center;gap:12px;display:flex}.note-date{color:#1e293b;font-size:13px;font-weight:600}.note-time{color:#94a3b8;font-size:12px}.note-content{color:#64748b;margin:0;font-size:14px;line-height:1.6}.empty-state{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 24px;display:flex}.empty-state i{color:#cbd5e1;margin-bottom:12px;font-size:40px}.empty-state h3{color:#64748b;margin-bottom:6px;font-size:16px;font-weight:600}.empty-state p{color:#94a3b8;font-size:13px}.test-headset-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.test-headset-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.test-headset-btn i{font-size:14px}.open-chatlog-btn{color:#334155;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:inline-flex}.open-chatlog-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.open-chatlog-btn:focus-visible,.chatlog-close-btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.chatlog-modal-overlay{z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.chatlog-modal{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;width:min(100%,640px);max-height:min(760px,90vh);display:flex;box-shadow:0 20px 40px #0000003d}.chatlog-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.chatlog-modal-header h2{align-items:center;gap:9px;margin:0;font-size:17px;display:flex}.chatlog-modal-header h2 i{color:#2563eb}.chatlog-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.chatlog-modal-body{min-height:160px;padding:16px 20px;overflow-y:auto}.chatlog-state{color:#64748b;text-align:center;margin:40px 0}.chatlog-error{color:#b91c1c}.chatlog-messages{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chatlog-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}.chatlog-message.tutor{border-left:3px solid #2563eb}.chatlog-message.student{border-left:3px solid #10b981}.chatlog-message-meta{color:#64748b;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:11px;display:flex}.chatlog-message-meta strong{color:#334155;font-size:12px}.chatlog-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:5px 0 0;font-size:13px;line-height:1.5}.chatlog-message .chatlog-correction{color:#1d4ed8;border-top:1px solid #e2e8f0;padding-top:6px}[data-theme=dark] .open-chatlog-btn{border-color:var(--fxv-border);background:var(--fxv-surface-soft);color:var(--fxv-text)}[data-theme=dark] .open-chatlog-btn:hover{background:#2563eb2e;border-color:#60a5fa}[data-theme=dark] .chatlog-modal{border-color:var(--fxv-border);background:var(--fxv-surface);color:var(--fxv-text)}[data-theme=dark] .chatlog-modal-header,[data-theme=dark] .chatlog-message .chatlog-correction{border-color:var(--fxv-border)}[data-theme=dark] .chatlog-close-btn,[data-theme=dark] .chatlog-message{background:var(--fxv-surface-soft);color:var(--fxv-text)}[data-theme=dark] .chatlog-message{border-color:var(--fxv-border)}[data-theme=dark] .chatlog-message.tutor{border-left-color:#60a5fa}[data-theme=dark] .chatlog-message.student{border-left-color:#34d399}[data-theme=dark] .chatlog-message-meta,[data-theme=dark] .chatlog-state{color:var(--fxv-text-muted)}[data-theme=dark] .chatlog-message-meta strong{color:var(--fxv-text)}[data-theme=dark] .chatlog-error{color:#fca5a5}[data-theme=dark] .chatlog-message .chatlog-correction{color:#93c5fd}.headset-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.headset-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;margin:auto;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.headset-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.headset-modal-header h2{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex;color:#1e293b!important}.headset-modal-header h2 i{font-size:20px;color:#0245ae!important}.modal-close-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#1e293b;background:#f1f5f9}.modal-close-btn i{font-size:14px}.headset-modal-content{flex:1;min-height:0;padding:24px;overflow-y:auto}.test-section{margin-bottom:24px}.test-section:last-child{margin-bottom:0}.test-section h3{color:#1e293b;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.test-section h3 i{color:#0245ae;font-size:16px}.test-description{color:#64748b;margin:0 0 12px;font-size:13px}.permission-request-area{text-align:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;padding:16px}.permission-request-area .test-description{text-align:center;margin-bottom:16px}.request-permission-btn{color:#fff;cursor:pointer;background:#0245ae;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.request-permission-btn:hover{background:#013d99}.request-permission-btn:active{transform:scale(.98)}.request-permission-btn.camera{background:#059669}.request-permission-btn.camera:hover{background:#047857}.request-permission-btn i{font-size:14px}.retry-permission-btn{cursor:pointer;color:inherit;background:0 0;border:2px solid;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.retry-permission-btn:hover{background:#fff3}.cam-status{border-radius:12px;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.cam-status i{font-size:18px}.cam-status.pending{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f64d}.cam-status.denied{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;flex-wrap:wrap;gap:12px}.cam-status.granted{color:#059669;background:#10b9811a;border:1px solid #10b9814d;margin-bottom:16px}.camera-test-area{grid-template-columns:1fr;gap:16px;display:grid}.camera-preview{background:#0b1220;border:2px solid #0245ae33;border-radius:16px;overflow:hidden}.camera-preview video{width:100%;height:auto;display:block}.camera-controls{gap:12px;display:flex}.camera-btn{cursor:pointer;color:#0245ae;background:#0245ae0d;border:2px solid #0245ae26;border-radius:14px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.camera-btn:hover{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000}.mic-status{border-radius:12px;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.mic-status i{font-size:18px}.mic-status.pending{color:#d97706;background:#fbbf241a;border:1px solid #fbbf244d}.mic-status.pending i{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mic-status.denied{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;flex-wrap:wrap;gap:12px}.mic-status.denied .denied-reason,.cam-status.denied .denied-reason{flex:100%;font-weight:500;line-height:1.5}.mic-status.denied .https-hint,.cam-status.denied .https-hint{background:#fffc;border:1px dashed #ef444466;border-radius:8px;margin-top:10px;padding:12px;font-size:12px;font-weight:400;line-height:1.6}.mic-status.denied .https-hint code,.cam-status.denied .https-hint code{word-break:break-all;background:#0000000d;border-radius:4px;margin:8px 0;padding:6px 10px;font-family:Courier New,monospace;font-size:11px;display:block}.mic-status.granted{color:#059669;background:#10b9811a;border:1px solid #10b9814d;margin-bottom:16px}.mic-test-area{flex-direction:column;gap:12px;display:flex}.mic-level-container{align-items:center;gap:16px;display:flex}.mic-level-bar{background:#0245ae1a;border-radius:12px;flex:1;height:24px;position:relative;overflow:hidden}.mic-level-fill{background:linear-gradient(90deg,#10b981 0%,#059669 50%,#047857 100%);border-radius:12px;height:100%;transition:width 50ms;position:relative}.mic-level-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mic-level-text{color:#0245ae;text-align:right;min-width:45px;font-size:14px;font-weight:800}.speaker-buttons{gap:16px;display:flex}.speaker-btn{cursor:pointer;color:#0245ae;background:#0245ae0d;border:2px solid #0245ae26;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px 20px;font-size:15px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.speaker-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 24px #0245ae4d}.speaker-btn:disabled{cursor:not-allowed}.speaker-btn.playing{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000}.speaker-btn i{font-size:20px}.sound-wave{pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:100%;height:100%;animation:.5s ease-out infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.headset-modal-footer{background:#f8fafccc;border-top:1px solid #0245ae1a;flex-shrink:0;justify-content:flex-end;padding:20px 32px;display:flex}.done-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;padding:14px 40px;font-size:15px;font-weight:800;transition:all .3s;box-shadow:0 4px 16px #10b9814d}.done-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}@media screen and (width<=991px){.student-profile-content{margin-left:0}.student-profile-main{padding:80px 20px 24px}.lesson-info-card{flex-direction:column;align-items:flex-start;gap:16px}.lesson-info-details{flex-wrap:wrap;gap:12px}.profile-header-card{padding:24px}.profile-header-content{text-align:center;flex-direction:column;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;font-size:28px}.profile-level-badge{padding:4px 8px;font-size:10px}.profile-info{width:100%}.profile-name-row{flex-direction:column;justify-content:center;gap:8px}.profile-name{font-size:20px}.contact-info-grid{justify-content:center}.profile-action-buttons{flex-direction:column;width:100%;margin-left:0}.enter-classroom-btn,.test-headset-btn{justify-content:center;width:100%}.stats-container{justify-content:center}.tabs-container{flex-wrap:wrap}.tab-button{padding:8px 16px;font-size:13px}.overview-grid{grid-template-columns:1fr}.stat-card{min-width:90px;padding:12px 16px}.stat-value{font-size:22px}.stat-label{font-size:10px}.content-card{padding:20px}.card-title{font-size:16px}.card-text{font-size:13px}.section-subtitle{font-size:14px}.topic-tags{gap:8px}.topic-tag{padding:8px 14px;font-size:12px}.session-card{padding:16px}.session-topic{font-size:14px}.session-meta{font-size:12px}.session-card.completed{flex-direction:column;align-items:flex-start;gap:12px}.session-meta-row{flex-direction:column;gap:4px}.note-card{padding:16px}.note-header{flex-direction:column;align-items:flex-start;gap:8px}.note-content{font-size:13px}.back-button{margin-bottom:20px;padding:12px 20px;font-size:14px}.back-button i{font-size:16px}.headset-modal-overlay{padding:12px}.headset-modal{width:100%;max-width:100%;max-height:calc(100vh - 24px)}.headset-modal-header{padding:14px 16px}.headset-modal-header h2{font-size:16px}.modal-close-btn{width:32px;height:32px}.headset-modal-content{padding:16px}.permission-request-area{padding:12px}.request-permission-btn,.retry-permission-btn{width:100%;padding:12px;font-size:13px}.test-section h3{font-size:14px}.test-description{font-size:12px}.speaker-btn{padding:12px;font-size:13px}.camera-preview{height:140px}.headset-modal-footer{flex-shrink:0;padding:16px 20px}.done-btn{width:100%;padding:14px 24px}}@media screen and (width<=480px){.student-profile-main{padding:70px 12px 20px}.profile-header-card{padding:16px}.profile-avatar{width:64px;height:64px;font-size:24px}.profile-level-badge{padding:3px 6px;font-size:9px}.profile-name{font-size:18px}.stats-container{flex-wrap:wrap;gap:6px}.stat-card{flex:1;min-width:80px;padding:10px 12px}.stat-value{font-size:18px}.stat-label{font-size:9px}.tabs-container{gap:4px}.tab-button{padding:8px 12px;font-size:12px}.content-card{padding:14px}.card-title{font-size:14px}.back-button{margin-bottom:12px;font-size:13px}.headset-modal-overlay{padding:0}.headset-modal{border-radius:0;height:100%;max-height:100vh}.headset-modal-header{padding:12px 14px}.headset-modal-header h2{font-size:15px}.headset-modal-content{padding:14px}}[data-theme=dark] .student-profile-page{background:var(--fxv-bg);color:var(--fxv-text)}[data-theme=dark] .student-profile-content,[data-theme=dark] .student-profile-main{color:var(--fxv-text)}[data-theme=dark] .student-profile-state{color:var(--fxv-text-muted)}[data-theme=dark] .student-profile-state.error{color:#fca5a5}[data-theme=dark] .lesson-info-card,[data-theme=dark] .profile-header-card,[data-theme=dark] .learner-profile-card,[data-theme=dark] .tabs-container,[data-theme=dark] .content-card,[data-theme=dark] .content-card.simple,[data-theme=dark] .empty-state,[data-theme=dark] .stat-card,[data-theme=dark] .note-card,[data-theme=dark] .session-card,[data-theme=dark] .headset-modal,[data-theme=dark] .permission-request-area{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .back-button,[data-theme=dark] .lesson-info-header h2,[data-theme=dark] .profile-name,[data-theme=dark] .stat-value,[data-theme=dark] .card-title,[data-theme=dark] .section-subtitle,[data-theme=dark] .session-topic,[data-theme=dark] .note-date,[data-theme=dark] .empty-state h3,[data-theme=dark] .headset-modal-header h2,[data-theme=dark] .test-section h3{color:var(--fxv-text)!important}[data-theme=dark] .lesson-info-item,[data-theme=dark] .contact-info-item span,[data-theme=dark] .stat-label,[data-theme=dark] .tab-button,[data-theme=dark] .card-text,[data-theme=dark] .topic-tag,[data-theme=dark] .session-meta,[data-theme=dark] .session-meta-row,[data-theme=dark] .note-time,[data-theme=dark] .note-content,[data-theme=dark] .empty-state p,[data-theme=dark] .test-description{color:var(--fxv-text-muted)}[data-theme=dark] .back-button:hover{color:#bfdbfe}[data-theme=dark] .lesson-info-header i{color:#93c5fd;background:#2563eb24}[data-theme=dark] .card-title i,[data-theme=dark] .test-section h3 i{color:#93c5fd}[data-theme=dark] .lesson-info-item i,[data-theme=dark] .contact-info-item i,[data-theme=dark] .session-meta i,[data-theme=dark] .session-meta-item i{color:var(--fxv-text-soft)}[data-theme=dark] .profile-id-badge{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .learner-profile-title,[data-theme=dark] .learner-profile-field strong{color:var(--fxv-text)}[data-theme=dark] .learner-profile-label,[data-theme=dark] .learner-profile-note{color:var(--fxv-text-muted)}[data-theme=dark] .learner-profile-field{border-color:var(--fxv-border)}.student-profile-main{box-sizing:border-box;width:min(100%,1200px);max-width:none;padding:24px 36px 48px}.student-profile-main .back-button{margin-bottom:14px}.student-profile-main .lesson-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px 20px;box-shadow:0 3px 12px #0f172a0a}.student-profile-main .lesson-info-header h2{font-size:15px}.student-profile-main .lesson-info-details{flex-wrap:wrap;gap:10px 20px}.student-profile-main .lesson-info-item{color:#334155;font-size:13px}.student-profile-main .profile-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:22px;box-shadow:0 3px 12px #0f172a0a}.student-profile-main .profile-header-content{gap:22px}.student-profile-main .profile-avatar{letter-spacing:0;width:72px;height:72px;font-size:27px}.profile-eyebrow{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.student-profile-main .profile-name{font-size:30px;line-height:1.15}.student-profile-main .profile-name-row{margin-bottom:10px}.student-profile-main .stats-container{margin-top:10px}.student-profile-main .stat-card{border-radius:5px;flex:none;align-items:center;gap:6px;min-width:0;padding:4px 8px;display:inline-flex}.student-profile-main .stat-value{font-size:13px}.student-profile-main .stat-label{letter-spacing:0;margin-top:0;font-size:10px}.student-profile-main .profile-action-buttons{flex-direction:column;flex:none;gap:6px;width:200px;max-width:100%;margin-left:auto}.student-profile-main .enter-classroom-btn,.student-profile-main .test-headset-btn,.student-profile-main .open-chatlog-btn,.student-profile-main .lesson-issue-report-btn{box-sizing:border-box;border-radius:7px;width:100%;min-height:36px;padding:6px 10px}.student-profile-main .learner-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:22px;box-shadow:0 3px 12px #0f172a0a}.student-profile-main .learner-profile-title,.lesson-context-heading h2{color:#1e293b;align-items:center;gap:10px;margin:0 0 16px;font-size:17px;font-weight:700;display:flex}.lesson-section-icon{color:#2563eb;background:#eaf2ff;border-radius:6px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:inline-flex}.student-profile-main .learner-profile-label,.lesson-context-field>span{align-items:center;gap:8px;font-size:13px;display:inline-flex}.student-profile-main .learner-profile-label i,.lesson-context-field>span i{color:#2563eb;text-align:center;width:15px;font-size:13px}.student-profile-main .learner-profile-field strong{font-size:15px}.lesson-recording-notice{color:#1e3a5f;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;align-items:flex-start;gap:10px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.45;display:flex}.lesson-recording-notice>i{color:#2563eb;flex:none;margin-top:1px;font-size:16px}.lesson-recording-notice p{margin:0}.lesson-recording-notice strong{color:#1d4ed8}[data-theme=dark] .lesson-recording-notice{color:var(--fxv-text);background:#2563eb1f;border-color:#60a5fa73}[data-theme=dark] .lesson-recording-notice>i,[data-theme=dark] .lesson-recording-notice strong{color:#93c5fd}.lesson-context{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:22px;box-shadow:0 3px 12px #0f172a0a}.lesson-context-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.lesson-context-heading h2{margin:0}.lesson-materials-link{color:#2563eb;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.lesson-materials-link:hover{text-decoration:underline}.lesson-materials-link:focus-visible{outline-offset:3px;outline:2px solid}.lesson-context-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.lesson-context-column{min-width:0}.lesson-context-column+.lesson-context-column{border-left:1px solid #d8e0ea;padding-left:32px}.lesson-context-column h3{color:#1e293b;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.lesson-context-column h3 i{color:#2563eb;font-size:14px}.lesson-context-bio{color:#475569;overflow-wrap:anywhere;margin:0 0 14px;font-size:13px;line-height:1.5}.lesson-context-field{border-top:1px solid #d8e0ea;flex-direction:column;gap:6px;min-width:0;padding-top:10px;display:flex}.lesson-context-field+.lesson-context-field{margin-top:10px}.lesson-context-field span{color:#64748b;font-size:12px;font-weight:700}.lesson-context-field strong{color:#334155;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.45}.lesson-context-field small{color:#64748b;font-size:12px;line-height:1.45}.lesson-context-hobbies{flex-wrap:wrap;gap:6px;display:flex}.lesson-context-hobbies strong{border:1px solid #d8e0ea;border-radius:4px;padding:5px 8px;font-size:12px}.lesson-issue-report-btn{color:#92400e;font:inherit;white-space:nowrap;cursor:pointer;background:#fff7ed;border:1px solid #f59e0b;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.lesson-issue-report-btn:hover:not(:disabled){color:#78350f;background:#ffedd5}.lesson-issue-report-btn:disabled{opacity:.5;cursor:not-allowed}.student-profile-main .lesson-issue-report-btn.report-received{color:#be123c;opacity:1;background:#fff1f2;border-color:#be123c}.student-profile-main .lesson-issue-report-btn.report-received:hover{color:#9f1239;background:#ffe4e6}[data-theme=dark] .student-profile-main .lesson-issue-report-btn.report-received{color:#fda4af;background:#3b252b;border-color:#fb7185}.student-profile-main .lesson-report-outcome{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:20px 22px;scroll-margin-top:100px;box-shadow:0 3px 12px #0f172a0a}.lesson-report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.student-profile-main .lesson-report-header h2{align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.lesson-report-status{color:#1d4ed8;background:#eff6ff;border-radius:5px;flex-shrink:0;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.lesson-report-status--under_review{color:#9a3412;background:#fff7ed}.lesson-report-status--resolved{color:#047857;background:#ecfdf5}.student-profile-main .lesson-report-issue{border-top:1px solid #e2e8f0;margin:16px 0 0;padding-top:14px;font-size:14px;font-weight:600}.lesson-report-fields{gap:12px;margin:14px 0 0;display:grid}.lesson-report-fields:empty{display:none}.lesson-report-fields dt{color:#64748b;margin-bottom:3px;font-size:12px;font-weight:600}.lesson-report-fields dd{margin:0;font-size:14px;line-height:1.6}.lesson-report-issue,.lesson-report-fields dd{white-space:pre-wrap;overflow-wrap:anywhere}.student-report-received .lesson-section-icon{color:#be123c;background:#fff1f2}[data-theme=dark] .student-profile-main .lesson-report-outcome{background:var(--fxv-surface);border-color:var(--fxv-border);color:var(--fxv-text);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .student-profile-main .lesson-report-issue{border-color:var(--fxv-border)}[data-theme=dark] .lesson-report-fields dt{color:var(--fxv-text-muted)}[data-theme=dark] .lesson-report-status{color:#93c5fd;background:#25344b}[data-theme=dark] .lesson-report-status--under_review{color:#fdba74;background:#422e24}[data-theme=dark] .lesson-report-status--resolved{color:#6ee7b7;background:#203d34}[data-theme=dark] .student-report-received .lesson-section-icon{color:#fda4af;background:#3b252b}@media (width<=720px){.student-profile-main .lesson-report-outcome{padding:16px}.student-profile-main .lesson-report-header h2{font-size:15px}}.lesson-issue-report-btn:focus-visible{outline-offset:2px;outline:2px solid #d97706}[data-theme=dark] .lesson-issue-report-btn{color:#fbbf24;background:#d977061a;border-color:#d97706}[data-theme=dark] .lesson-issue-report-btn:hover:not(:disabled){background:#d9770633}[data-theme=dark] .student-profile-main .lesson-issue-report-btn.report-received:hover:not(:disabled){color:#fda4af;background:#4c2933}.student-profile-main .lesson-issue-report-btn.report-received:focus-visible{outline-color:#be123c}[data-theme=dark] .student-profile-main .lesson-info-card,[data-theme=dark] .student-profile-main .profile-header-card,[data-theme=dark] .student-profile-main .learner-profile-card,[data-theme=dark] .student-profile-main .lesson-context{background:var(--fxv-surface);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .student-profile-main .lesson-info-item,[data-theme=dark] .lesson-context-field strong,[data-theme=dark] .lesson-context-heading h2,[data-theme=dark] .lesson-context-column h3,[data-theme=dark] .student-profile-main .learner-profile-title{color:var(--fxv-text)}[data-theme=dark] .profile-eyebrow,[data-theme=dark] .lesson-context-field span,[data-theme=dark] .lesson-context-field small,[data-theme=dark] .lesson-context-bio{color:var(--fxv-text-muted)}[data-theme=dark] .lesson-context-field,[data-theme=dark] .lesson-context-column+.lesson-context-column,[data-theme=dark] .lesson-context-hobbies strong{border-color:var(--fxv-border)}[data-theme=dark] .lesson-materials-link{color:#93c5fd}[data-theme=dark] .lesson-section-icon{color:#93c5fd;background:#2563eb2e}[data-theme=dark] .student-profile-main .learner-profile-label i,[data-theme=dark] .lesson-context-field>span i,[data-theme=dark] .lesson-context-column h3 i{color:#93c5fd}@media (width<=991px){.student-profile-main{padding:78px 20px 32px}.student-profile-main .profile-header-content{text-align:left;align-items:flex-start}.student-profile-main .profile-action-buttons{align-self:flex-end}.student-profile-main .contact-info-grid{justify-content:flex-start}.student-profile-main .profile-name-row{flex-direction:row;justify-content:flex-start}.student-profile-main .stats-container{justify-content:flex-start}}@media (width<=720px){.student-profile-main .lesson-info-card{gap:12px}.student-profile-main .profile-header-content{gap:14px}.student-profile-main .profile-name{font-size:24px}.student-profile-main .profile-action-buttons{flex-wrap:nowrap;align-self:stretch;width:100%}.student-profile-main .enter-classroom-btn,.student-profile-main .test-headset-btn,.student-profile-main .open-chatlog-btn,.student-profile-main .lesson-issue-report-btn{flex:none}.lesson-context-columns{grid-template-columns:1fr;gap:18px}.lesson-context-column+.lesson-context-column{border-top:1px solid #d8e0ea;border-left:0;padding-top:18px;padding-left:0}}@media (width<=480px){.trouble-report-reasons{grid-template-columns:1fr}}[data-theme=dark] .profile-level-badge{border-color:var(--fxv-surface)}[data-theme=dark] .stat-card{background:var(--fxv-surface-soft)}[data-theme=dark] .stat-card.blue{background:#2563eb24;border-color:#7cb8ff38}[data-theme=dark] .stat-card.green{background:#16a34a1f;border-color:#4ade8038}[data-theme=dark] .stat-card.orange{background:#d9770624;border-color:#fbbf243d}[data-theme=dark] .stat-card.blue .stat-value,[data-theme=dark] .stat-card.blue .stat-label{color:#93c5fd}[data-theme=dark] .stat-card.green .stat-value,[data-theme=dark] .stat-card.green .stat-label{color:#86efac}[data-theme=dark] .stat-card.orange .stat-value,[data-theme=dark] .stat-card.orange .stat-label{color:#fcd34d}[data-theme=dark] .test-headset-btn{background:var(--fxv-surface-soft);color:var(--fxv-text);border-color:var(--fxv-border)}[data-theme=dark] .test-headset-btn:hover{color:var(--fxv-text);border-color:var(--fxv-border-strong);background:#ffffff14}[data-theme=dark] .enter-classroom-btn{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 52%,#60a5fa 100%);border-color:#7cb8ff57;box-shadow:0 14px 28px #00000042,0 6px 14px #2563eb3d,inset 0 1px #ffffff29}[data-theme=dark] .enter-classroom-btn:hover:not(:disabled){border-color:#93c5fd80;box-shadow:0 18px 34px #00000052,0 8px 18px #2563eb47,inset 0 1px #ffffff38}.enter-classroom-btn:disabled{color:#748091;box-shadow:none;cursor:not-allowed;filter:none;background:#e9edf3;border-color:#d2dbe5;transform:none}.enter-classroom-btn:disabled:before{display:none}.enter-classroom-btn:disabled span,.enter-classroom-btn:disabled i{color:inherit;-webkit-text-fill-color:currentColor}[data-theme=dark] .enter-classroom-btn:disabled{color:#989898;box-shadow:none;background:#303030;border-color:#484848}[data-theme=dark] .tabs-container{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%)}[data-theme=dark] .tab-button:hover{color:var(--fxv-text);background:#ffffff0f}[data-theme=dark] .tab-button.active{background:linear-gradient(135deg, var(--fxv-accent) 0%, var(--fxv-accent-strong) 100%);color:#fff}[data-theme=dark] .topic-tag{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .session-card,[data-theme=dark] .note-card{background:#ffffff08}[data-theme=dark] .session-card{border-left-color:#60a5fa}[data-theme=dark] .session-card.completed{background:#ffffff08;border-left-color:#4ade80}[data-theme=dark] .rating-badge{color:#fbbf24;background:#f59e0b29}[data-theme=dark] .headset-modal-overlay{background:#0009}[data-theme=dark] .headset-modal{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border:1px solid var(--fxv-border)}[data-theme=dark] .headset-modal-header{background:var(--fxv-surface);border-bottom-color:var(--fxv-border)}[data-theme=dark] .modal-close-btn{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .modal-close-btn:hover{color:var(--fxv-text);background:#ffffff14}[data-theme=dark] .permission-request-area{border-color:var(--fxv-border);background:#ffffff08}[data-theme=dark] .mic-status.pending,[data-theme=dark] .cam-status.pending{color:#93c5fd;background:#3b82f61f;border-color:#60a5fa4d}[data-theme=dark] .mic-status.denied,[data-theme=dark] .cam-status.denied{color:#fca5a5;background:#7f1d1d29;border-color:#f8717142}[data-theme=dark] .mic-status.granted,[data-theme=dark] .cam-status.granted{color:#86efac;background:#14532d2e;border-color:#4ade803d}[data-theme=dark] .mic-status.denied .https-hint,[data-theme=dark] .cam-status.denied .https-hint{background:#ffffff0a;border-color:#f8717138}[data-theme=dark] .mic-status.denied .https-hint code,[data-theme=dark] .cam-status.denied .https-hint code{color:var(--fxv-text);background:#ffffff0f}[data-theme=dark] .camera-preview{border-color:#7cb8ff3d}[data-theme=dark] .camera-btn,[data-theme=dark] .speaker-btn{color:#93c5fd;background:#2563eb1a;border-color:#7cb8ff33}[data-theme=dark] .camera-btn:hover,[data-theme=dark] .speaker-btn:hover:not(:disabled),[data-theme=dark] .speaker-btn.playing{background:linear-gradient(135deg, var(--fxv-accent) 0%, var(--fxv-accent-strong) 100%);color:#fff}[data-theme=dark] .mic-level-bar{background:#ffffff14}[data-theme=dark] .mic-level-text{color:#93c5fd}[data-theme=dark] .headset-modal-footer{border-top-color:var(--fxv-border);background:#ffffff08}.image-cropper-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-cropper-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cropper-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cropper-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:600}.cropper-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px;transition:all .2s}.cropper-close:hover{color:#1e293b;background:#f1f5f9}.cropper-body{background:#f8fafc;padding:24px}.cropper-container{touch-action:none;background:#1e293b;border-radius:12px;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative;overflow:hidden}.cropper-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;height:100%;max-height:none;transition:transform 50ms ease-out}.crop-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crop-overlay:before{content:"";background:#00000080;position:absolute;inset:0}.crop-area{box-sizing:border-box;border:3px solid #fff;border-radius:50%;position:relative;box-shadow:0 0 0 9999px #00000080}.zoom-controls{align-items:center;gap:12px;margin-top:20px;padding:0 20px;display:flex}.zoom-controls i{color:#64748b;font-size:16px}.zoom-slider{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;flex:1;height:6px}.zoom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0245ae;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 6px #0245ae4d}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.zoom-slider::-moz-range-thumb{cursor:pointer;background:#0245ae;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0245ae4d}.cropper-hint{text-align:center;color:#64748b;margin-top:12px;margin-bottom:0;font-size:13px}.cropper-footer{background:#fff;border-top:1px solid #e2e8f0;gap:12px;padding:20px 24px;display:flex}.btn-cropper-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s}.btn-cropper-cancel:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.btn-cropper-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-cropper-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}.btn-cropper-save:disabled{opacity:.7;cursor:not-allowed}.btn-cropper-save i{font-size:14px}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}[data-theme=dark] .image-cropper-modal{background:#1e293b}[data-theme=dark] .cropper-header{border-color:#334155}[data-theme=dark] .cropper-header h3{color:#f1f5f9}[data-theme=dark] .cropper-close{color:#94a3b8}[data-theme=dark] .cropper-close:hover{color:#f1f5f9;background:#334155}[data-theme=dark] .cropper-body{background:#0f172a}[data-theme=dark] .cropper-container{background:#000}[data-theme=dark] .zoom-slider{background:#334155}[data-theme=dark] .cropper-hint{color:#94a3b8}[data-theme=dark] .cropper-footer{background:#1e293b;border-color:#334155}[data-theme=dark] .btn-cropper-cancel{color:#e2e8f0;background:#334155;border-color:#475569}[data-theme=dark] .btn-cropper-cancel:hover{color:#f1f5f9;background:#475569}@media (width<=540px){.image-cropper-modal{max-width:100%;margin:10px}.cropper-container{height:280px}.crop-area{width:220px!important;height:220px!important}}.fxv-video-player{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-width:800px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.fxv-video-player.fxv-video-modal{width:100%;max-width:900px}.fxv-video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%}.fxv-loading{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fxv-spinner{border:4px solid #ffffff4d;border-top-color:#0245ae;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite fxv-spin}@keyframes fxv-spin{to{transform:rotate(360deg)}}.fxv-big-play{cursor:pointer;z-index:5;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0245ae66}.fxv-big-play i{color:#fff;margin-left:4px;font-size:28px}.fxv-big-play:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 12px 40px #0245ae80}.fxv-controls{opacity:0;z-index:10;background:linear-gradient(#0000,#000c);padding:16px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.fxv-video-player.show-controls .fxv-controls,.fxv-controls.visible{opacity:1}.fxv-progress-container{cursor:pointer;align-items:center;width:100%;height:20px;margin-bottom:12px;display:flex}.fxv-progress-bar{background:#ffffff4d;border-radius:2px;width:100%;height:4px;transition:height .2s;position:relative}.fxv-progress-container:hover .fxv-progress-bar{height:6px}.fxv-progress-filled{background:linear-gradient(90deg,#0245ae,#0ea5e9);border-radius:2px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.fxv-progress-handle{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.fxv-progress-container:hover .fxv-progress-handle{opacity:1}.fxv-controls-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.fxv-controls-left,.fxv-controls-right{align-items:center;gap:8px;display:flex}.fxv-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.fxv-btn i{font-size:14px}.fxv-btn:hover{background:#fff3;transform:scale(1.05)}.fxv-close-btn{background:#dc2626cc}.fxv-close-btn:hover{background:#dc2626}.fxv-volume-group{align-items:center;gap:4px;display:flex}.fxv-volume-slider{opacity:0;appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;width:0;height:4px;transition:all .3s}.fxv-volume-group:hover .fxv-volume-slider{opacity:1;width:80px}.fxv-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.fxv-volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.fxv-time{color:#ffffffe6;font-variant-numeric:tabular-nums;min-width:90px;font-size:12px;font-weight:500}.fxv-branding{color:#fff9;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.fxv-modal-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:20px;animation:.3s fxv-fade-in;display:flex;position:fixed;inset:0}@keyframes fxv-fade-in{0%{opacity:0}to{opacity:1}}.fxv-modal-content{width:100%;max-width:900px;animation:.3s fxv-scale-in}@keyframes fxv-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=640px){.fxv-big-play{width:64px;height:64px}.fxv-big-play i{font-size:22px}.fxv-controls{padding:12px}.fxv-btn{width:32px;height:32px}.fxv-btn i{font-size:12px}.fxv-time{min-width:70px;font-size:11px}.fxv-branding{display:none}.fxv-volume-group:hover .fxv-volume-slider{width:60px}}[data-theme=dark] .fxv-video-player{box-shadow:0 4px 24px #00000080}.toast-notification{gap:8px;animation:.2s ease-out toastSlideIn;box-shadow:0 2px 8px #0f172a2e;z-index:9999!important;width:auto!important;max-width:320px!important;height:auto!important;min-height:unset!important;border-radius:24px!important;flex:none!important;align-items:center!important;max-height:60px!important;padding:8px 14px!important;display:inline-flex!important;position:fixed!important;inset:88px 28px auto auto!important}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toast-notification i{flex-shrink:0;font-size:14px}.toast-notification span{font-size:12px;font-weight:500;line-height:1.3}.toast-close{cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;margin-left:4px;padding:0;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-close i{font-size:12px}.toast-success{color:#166534;background:#ecfdf3;border:1px solid #4ade80}.toast-info{color:#854d0e;background:#fffbeb;border:1px solid #facc15}.toast-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5}.my-profile-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:100vh;padding:24px 20px 60px;animation:.5s ease-out pageLoad}@keyframes pageLoad{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-container{max-width:900px;margin:0 auto}.my-profile-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.my-profile-loading .spinner{border:4px solid #e2e8f0;border-top-color:#0245ae;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.my-profile-loading p{color:#64748b;margin-top:20px;font-size:16px}.profile-hero{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-radius:24px;margin-bottom:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 0 0 1px #0245ae08}.profile-hero-content{align-items:flex-start;gap:48px;display:flex}.profile-header-left{flex-shrink:0}.profile-avatar-wrapper{position:relative}.profile-avatar-large{object-fit:cover;border:4px solid #e2e8f0;border-radius:50%;width:160px;height:160px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0245ae26,0 0 0 4px #fffc}.profile-avatar-wrapper:hover .profile-avatar-large{border-color:#0245ae;transform:scale(1.05);box-shadow:0 12px 32px #0245ae40,0 0 0 4px #fff}.profile-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);justify-content:center;align-items:center;font-size:48px;font-weight:700;display:flex}.profile-avatar-uploading{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);justify-content:center;align-items:center;display:flex}.upload-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.avatar-overlay{opacity:0;background:linear-gradient(#0000,#00000026 40%,#0000008c);border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:10px;transition:opacity .25s;display:flex;position:absolute;inset:0}.profile-avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-btn{color:#0245ae;cursor:pointer;letter-spacing:.5px;background:#ffffffe6;border:none;border-radius:6px;padding:5px 12px;font-size:.7rem;font-weight:600;line-height:1;transition:all .2s}.avatar-btn.secondary{background:#ffffffbf}.avatar-btn:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000040}.avatar-btn:active{transform:translateY(0)}.avatar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.availability-badge{color:#059669;white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.profile-header-right{flex:1}.profile-title-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-name{color:#0f172a;letter-spacing:-.5px;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:800}.profile-rating-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.star-rating{gap:2px;display:flex}.star-rating i{font-size:18px;transition:transform .2s}.star-rating i.filled{color:#f59e0b}.star-rating i.empty{color:#e2e8f0}.rating-score{color:#1e293b;font-size:18px;font-weight:800}.rating-count{color:#64748b;font-size:14px}.verified-badge{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.verified-badge i{font-size:16px}.btn-edit-name{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-edit-name:hover{color:#fff;background:#0245ae}.profile-quick-stats{background:linear-gradient(135deg,#f59e0b0d 0%,#f973160d 100%);border:1px solid #f59e0b1a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;padding:16px 20px;display:flex}.stat-item{color:#475569;align-items:center;gap:8px;display:flex}.stat-item i{color:#f59e0b;filter:drop-shadow(0 2px 4px #f59e0b4d);font-size:20px}.stat-value{color:#1e293b;font-size:16px;font-weight:800}.stat-label{color:#64748b;font-size:14px}.stat-divider{background:linear-gradient(#0000,#f59e0b4d,#0000);width:1px;height:24px}.profile-meta{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.meta-item{color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.meta-item i{color:#0245ae;background:#0245ae14;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.profile-bio-row{align-items:flex-start;gap:8px;margin:16px 0;display:flex}.profile-bio-short{color:#475569;flex:1;margin:0;line-height:1.6}.btn-edit-inline{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-edit-inline:hover{color:#fff;background:#0245ae;border-color:#0245ae}.btn-edit-section{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:12px;transition:all .2s;display:flex}.btn-edit-section:hover{color:#fff;background:#0245ae;border-color:#0245ae}.profile-tab-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-tab-title-row .profile-tab-title{margin-bottom:0}.profile-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{color:#334155;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #0245ae14;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s}.tag:hover{border-color:#0245ae33;transform:translateY(-2px);box-shadow:0 4px 12px #0245ae26}.tag-more{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;font-weight:600}.profile-completeness-card{background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 2px 8px #fbbf2426}.completeness-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.completeness-title{color:#92400e;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.completeness-title i{color:#f59e0b;font-size:18px}.completeness-percent{color:#92400e;font-size:20px;font-weight:700}.completeness-bar{background:#fbbf244d;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.completeness-bar-fill{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%);border-radius:4px;height:100%;transition:width .5s}.completeness-missing{flex-direction:column;gap:8px;display:flex}.missing-label{color:#92400e;font-size:13px;font-weight:500}.missing-items{flex-wrap:wrap;gap:8px;display:flex}.missing-item{color:#92400e;background:#fff;border:1px solid #fcd34d;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.missing-item i{font-size:10px}.missing-item.more{color:#b45309;background:0 0;border-color:#0000}.profile-status-card{border-radius:16px;align-items:flex-start;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 2px 8px #00000014}.profile-status-card.status-ready{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b981}.profile-status-card.status-pending_review{background:linear-gradient(145deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b}.profile-status-card.status-approved{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b981}.profile-status-card.status-rejected{background:linear-gradient(145deg,#fef2f2 0%,#fecaca 100%);border:1px solid #ef4444}.profile-status-card.status-incomplete{background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d}.status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.status-icon i{font-size:24px}.status-icon.ready{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.status-icon.ready i{color:#fff}.status-icon.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.status-icon.pending i{color:#fff}.status-icon.approved{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.status-icon.approved i{color:#fff}.status-icon.rejected{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.status-icon.rejected i{color:#fff}.status-content{flex:1}.status-content h3{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700}.status-content p{color:#475569;margin:0 0 12px;font-size:14px;line-height:1.5}.status-date{color:#64748b;background:#fff9;border-radius:12px;padding:4px 10px;font-size:12px;display:inline-block}.btn-submit-profile{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0245ae4d}.btn-submit-profile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0245ae66}.btn-submit-profile:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit-profile i{font-size:14px}.btn-submit-profile .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.review-progress{background:#ffffff80;border-radius:8px;margin:12px 0;padding:12px}.progress-label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:500}.progress-bar-container{background:#0000001a;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;transition:width .3s}.rejection-feedback{background:#fff9;border:1px solid #ef444433;border-radius:12px;margin:16px 0;padding:16px}.feedback-item{border-bottom:1px solid #0000000d;flex-direction:column;gap:4px;padding:10px 0;display:flex}.feedback-item:last-child{border-bottom:none;padding-bottom:0}.feedback-item:first-child{padding-top:0}.feedback-label{color:#dc2626;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.feedback-label i{font-size:14px}.feedback-reason{color:#64748b;padding-left:20px;font-size:13px;line-height:1.4}.approved-items{background:#10b98114;border:1px solid #10b98133;border-radius:8px;margin:16px 0;padding:12px}.approved-label{color:#059669;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.pending-changes-notice{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;margin-top:16px;padding:16px}.pending-changes-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.pending-changes-header i{font-size:16px}.pending-changes-desc{color:#78716c;margin:0 0 12px;font-size:13px;line-height:1.5}.pending-changes-list{flex-direction:column;gap:8px;display:flex}.pending-change-item{background:#fff9;border:1px solid #f59e0b26;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pending-change-item .change-label{color:#44403c;font-size:13px;font-weight:500}.pending-change-item .change-status{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.pending-change-item .change-status.pending{color:#d97706;background:#f59e0b26}.pending-change-item .change-status i{font-size:10px}.approved-badges{flex-wrap:wrap;gap:6px;display:flex}.approved-badge{color:#059669;background:#10b98126;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.approved-badge i{font-size:10px}@media (width<=576px){.profile-status-card{text-align:center;flex-direction:column;align-items:center;padding:20px}.btn-submit-profile{justify-content:center;width:100%}}.profile-tabs{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #0245ae0d;border-radius:16px;gap:8px;margin-bottom:24px;padding:8px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,inset 0 1px #fffc}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:#475569;background:#0245ae0d}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0245ae59,inset 0 1px #fff3}.tab-btn i{font-size:18px}.profile-content{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #fffc;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 0 0 1px #0245ae08}.tab-content{animation:.3s fadeIn}.profile-tab-section{margin-bottom:40px}.profile-tab-section:last-child{margin-bottom:0}.my-profile-page .profile-tab-title{color:#1e293b;background:0 0;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:initial;align-items:center;gap:12px;margin-bottom:18px;font-size:20px;font-weight:700;display:flex}.my-profile-page .profile-tab-title i{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.my-profile-page .profile-tab-body{color:#475569;background:0 0;border:none;border-radius:0;padding:0;font-size:15px;line-height:1.7}.my-profile-page .profile-tab-body p{margin-bottom:16px}.my-profile-page .profile-tab-body p:last-child{margin-bottom:0}.my-profile-page .empty-state{text-align:center;color:#94a3b8;background:#0245ae08;border:1px dashed #0245ae24;border-radius:16px;justify-content:center;align-items:center;min-height:180px;padding:28px;font-style:italic;display:flex}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.experience-item{background:linear-gradient(145deg,#f8fafc 0%,#fff 100%);border:1px solid #0245ae0f;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:all .3s;display:flex}.experience-item:hover{border-color:#0245ae26;transform:translateY(-2px);box-shadow:0 8px 20px #0245ae1a}.experience-icon{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 4px 12px #0245ae40}.experience-details{flex-direction:column;display:flex}.experience-details strong{color:#1e293b;margin-bottom:2px;font-size:16px}.experience-details span{color:#64748b;font-size:13px}.teaching-style{background:linear-gradient(135deg,#0245ae08 0%,#4a9eff08 100%);border:1px solid #0245ae14;border-left:4px solid #0245ae;border-radius:12px;margin-top:24px;padding:24px}.teaching-style h3{color:#1e293b;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.teaching-style p{color:#475569;margin:0;line-height:1.7}.credentials-group{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #0245ae0d;border-radius:16px;margin-bottom:28px;padding:24px}.credentials-group:last-child{margin-bottom:0}.credentials-group h3{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.credentials-group h3:before{content:"";background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:2px;width:4px;height:20px}.credentials-list{margin:0;padding:0;list-style:none}.credentials-list li{border-bottom:1px solid #0245ae0f;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.credentials-list li:last-child{border-bottom:none;padding-bottom:0}.credentials-list i{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.credential-details{flex-direction:column;gap:2px;display:flex}.credential-details strong{color:#1e293b;font-size:15px}.credential-details span{color:#64748b;font-size:13px}.credential-major{color:#0245ae;font-weight:500}.education-info{flex-direction:column;gap:12px;display:flex}.education-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.education-row>i{color:#0245ae;text-align:center;flex-shrink:0;width:20px;font-size:18px}.education-details{flex-flow:wrap;align-items:center;gap:12px;display:flex}.education-details>i{color:#0245ae;text-align:center;flex-shrink:0;width:20px;font-size:18px}.education-label{color:#64748b;min-width:80px;font-size:14px;font-weight:600}.education-row strong,.education-details strong{color:#1e293b;font-size:15px;font-weight:600}.qualifications-row{margin-top:8px}.qualifications-list{flex-wrap:wrap;gap:8px;display:flex}.qualification-badge{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.teaching-experience-badge{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.teaching-experience-badge i{font-size:18px}.interests-grid{flex-wrap:wrap;gap:12px;display:flex}.interest-tag{color:#be185d;background:linear-gradient(135deg,#ec489914 0%,#db277714 100%);border:2px solid #ec489933;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.interest-tag:hover{background:#ec48991f;border-color:#ec4899;transform:translateY(-2px)}.interest-tag i{color:#ec4899;font-size:14px}.empty-state{color:#94a3b8;font-style:italic}.specializations-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.specialization-card{color:#475569;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.specialization-card:hover{background:#fff;border-color:#0245ae}.specialization-card i{color:#10b981;font-size:18px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.profile-stat-card{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:16px;padding:24px;text-decoration:none;transition:all .3s;display:block}.profile-stat-card-clickable{cursor:pointer}.profile-stat-card:hover{border-color:#0245ae;transform:translateY(-4px);box-shadow:0 12px 24px #0245ae26}.profile-stat-card-clickable:hover .profile-stat-card-icon{transform:scale(1.1)}.profile-stat-card-icon{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;transition:transform .3s;display:flex}.profile-stat-card-value{color:#1e293b;margin-bottom:4px;font-size:28px;font-weight:700}.profile-stat-card-label{color:#64748b;font-size:14px}.profile-settings-links{flex-direction:column;gap:12px;display:flex}.profile-settings-link{color:inherit;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.profile-settings-link:hover{background:#fff;border-color:#0245ae}.profile-settings-link>i:first-child{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.profile-settings-link-content{text-align:left;flex-direction:column;flex:1;display:flex}.profile-settings-link-title{color:#1e293b;font-size:15px;font-weight:600}.profile-settings-link-desc{color:#64748b;font-size:13px}.profile-settings-link>i:last-child{color:#94a3b8;font-size:20px}.edit-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;animation:.3s modalSlideIn;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.edit-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.edit-modal-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.edit-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.edit-modal-close:hover{color:#fff;background:#ef4444}.edit-modal-body{padding:24px}.edit-modal-body input,.edit-modal-body textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.edit-modal-body input:focus,.edit-modal-body textarea:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.input-hint{color:#64748b;margin-top:8px;font-size:13px;font-style:italic}.edit-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.interests-editor{flex-direction:column;gap:12px;display:flex}.interests-chips{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:8px;min-height:40px;padding:12px;display:flex}.interest-chip{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;animation:.2s ease-out chipIn;display:inline-flex}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.interest-chip .chip-remove{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex}.interest-chip .chip-remove:hover{background:#fff6;transform:scale(1.1)}.interest-input-row{gap:8px;display:flex}.interest-input-row input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.interest-input-row input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.btn-add-interest{color:#fff;cursor:pointer;background:#0245ae;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-add-interest:hover:not(:disabled){background:#0356d1;transform:translateY(-1px)}.btn-add-interest:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .my-profile-page{background:0 0}[data-theme=dark] .my-profile-loading .spinner{border-color:#ffffff1f;border-top-color:var(--fxv-accent)}[data-theme=dark] .my-profile-loading p,[data-theme=dark] .profile-bio-short,[data-theme=dark] .rating-count,[data-theme=dark] .stat-label,[data-theme=dark] .meta-item,[data-theme=dark] .missing-item.more,[data-theme=dark] .progress-label,[data-theme=dark] .feedback-reason,[data-theme=dark] .pending-changes-desc,[data-theme=dark] .my-profile-page .profile-tab-body,[data-theme=dark] .experience-details span,[data-theme=dark] .credential-details span,[data-theme=dark] .education-label,[data-theme=dark] .profile-stat-card-label,[data-theme=dark] .profile-settings-link-desc,[data-theme=dark] .input-hint,[data-theme=dark] .video-placeholder-content,[data-theme=dark] .video-upload-placeholder p{color:var(--fxv-text-muted)}[data-theme=dark] .profile-hero,[data-theme=dark] .profile-tabs,[data-theme=dark] .profile-content,[data-theme=dark] .credentials-group,[data-theme=dark] .edit-modal{border:1px solid var(--fxv-border);box-shadow:var(--fxv-shadow-md);background:#1f1f1f}[data-theme=dark] .profile-avatar-large{border-color:#ffffff14;box-shadow:0 10px 28px #00000038,0 0 0 4px #262626eb}[data-theme=dark] .profile-avatar-wrapper:hover .profile-avatar-large{border-color:var(--fxv-accent-strong);box-shadow:0 14px 30px #00000047,0 0 0 4px #262626fa}[data-theme=dark] .availability-badge{background:var(--fxv-surface-muted);box-shadow:var(--fxv-shadow-sm);color:#6ee7b7}[data-theme=dark] .profile-name,[data-theme=dark] .rating-score,[data-theme=dark] .status-content h3,[data-theme=dark] .my-profile-page .profile-tab-title,[data-theme=dark] .experience-details strong,[data-theme=dark] .teaching-style h3,[data-theme=dark] .credentials-group h3,[data-theme=dark] .credential-details strong,[data-theme=dark] .education-row strong,[data-theme=dark] .education-details strong,[data-theme=dark] .profile-stat-card-value,[data-theme=dark] .profile-settings-link-title,[data-theme=dark] .video-section-title,[data-theme=dark] .edit-modal-header h3{color:var(--fxv-text);-webkit-text-fill-color:initial;background:0 0}[data-theme=dark] .star-rating i.empty{color:#ffffff1f}[data-theme=dark] .verified-badge,[data-theme=dark] .qualification-badge,[data-theme=dark] .teaching-experience-badge{color:#93c5fd;background:#2563eb24}[data-theme=dark] .btn-edit-name,[data-theme=dark] .btn-edit-inline,[data-theme=dark] .btn-edit-section,[data-theme=dark] .edit-modal-close,[data-theme=dark] .btn-cancel{background:var(--fxv-surface-soft);border-color:var(--fxv-border);color:var(--fxv-text-muted)}[data-theme=dark] .btn-edit-name:hover,[data-theme=dark] .btn-edit-inline:hover,[data-theme=dark] .btn-edit-section:hover{background:var(--fxv-accent);border-color:var(--fxv-accent);color:#fff}[data-theme=dark] .profile-quick-stats,[data-theme=dark] .interests-chips{background:var(--fxv-surface-muted);border-color:var(--fxv-border)}[data-theme=dark] .experience-item,[data-theme=dark] .profile-stat-card,[data-theme=dark] .specialization-card,[data-theme=dark] .profile-settings-link{box-shadow:none;background:0 0;border:1px solid #ffffff14}[data-theme=dark] .profile-quick-stats{background:linear-gradient(135deg,#f59e0b14 0%,#ea580c14 100%);border-color:#f59e0b29}[data-theme=dark] .stat-item,[data-theme=dark] .pending-change-item .change-label,[data-theme=dark] .status-date,[data-theme=dark] .specialization-card{color:var(--fxv-text-muted)}[data-theme=dark] .stat-value{color:var(--fxv-text)}[data-theme=dark] .stat-divider{background:linear-gradient(#0000,#f59e0b3d,#0000)}[data-theme=dark] .meta-item i,[data-theme=dark] .credentials-list i,[data-theme=dark] .my-profile-page .profile-tab-title i,[data-theme=dark] .video-section-title i{color:#93c5fd;background:#2563eb1f}[data-theme=dark] .tag{background:var(--fxv-surface-soft);color:#d1d5db;border-color:var(--fxv-border)}[data-theme=dark] .tag:hover,[data-theme=dark] .experience-item:hover,[data-theme=dark] .profile-stat-card:hover,[data-theme=dark] .specialization-card:hover,[data-theme=dark] .profile-settings-link:hover{box-shadow:none;background:#ffffff05;border-color:#ffffff1f}[data-theme=dark] .profile-completeness-card{box-shadow:none;background:linear-gradient(135deg,#78350f4d 0%,#451a0357 100%);border-color:#f59e0b47}[data-theme=dark] .completeness-title,[data-theme=dark] .completeness-percent,[data-theme=dark] .missing-label,[data-theme=dark] .missing-item{color:#fcd34d}[data-theme=dark] .completeness-bar{background:#f59e0b29}[data-theme=dark] .missing-item{background:#1e1e1ed6;border-color:#f59e0b47}[data-theme=dark] .profile-status-card{box-shadow:none}[data-theme=dark] .profile-status-card.status-ready,[data-theme=dark] .profile-status-card.status-approved{background:linear-gradient(145deg,#064e3b52 0%,#14532d42 100%);border-color:#34d39947}[data-theme=dark] .profile-status-card.status-pending_review,[data-theme=dark] .profile-status-card.status-incomplete{background:linear-gradient(145deg,#78350f52 0%,#451a0347 100%);border-color:#f59e0b42}[data-theme=dark] .profile-status-card.status-rejected{background:linear-gradient(145deg,#7f1d1d4d 0%,#450a0a47 100%);border-color:#f871713d}[data-theme=dark] .status-content p{color:var(--fxv-text-muted)}[data-theme=dark] .status-date,[data-theme=dark] .review-progress,[data-theme=dark] .rejection-feedback,[data-theme=dark] .approved-items,[data-theme=dark] .pending-changes-notice,[data-theme=dark] .pending-change-item{background:#11111157;border-color:#ffffff14}[data-theme=dark] .progress-bar-container,[data-theme=dark] .feedback-item{border-color:#ffffff14}[data-theme=dark] .approved-label,[data-theme=dark] .approved-badge{color:#6ee7b7}[data-theme=dark] .approved-badge{background:#10b98129}[data-theme=dark] .pending-changes-header,[data-theme=dark] .pending-change-item .change-status.pending{color:#fbbf24}[data-theme=dark] .pending-change-item .change-status.pending{background:#f59e0b24}[data-theme=dark] .profile-tabs{background:var(--fxv-surface)}[data-theme=dark] .tab-btn{color:var(--fxv-text-muted)}[data-theme=dark] .tab-btn:hover{color:var(--fxv-text);background:#2563eb1f}[data-theme=dark] .tab-btn.active{box-shadow:0 10px 22px #2563eb2e}[data-theme=dark] .my-profile-page .profile-tab-title,[data-theme=dark] .my-profile-page .profile-tab-section,[data-theme=dark] .my-profile-page .profile-tab-title-row,[data-theme=dark] .my-profile-page .profile-settings-links{background:0 0!important}[data-theme=dark] .my-profile-page .profile-tab-body{box-shadow:none;background:0 0;border:none}[data-theme=dark] .my-profile-page .empty-state{color:var(--fxv-text-muted);background:0 0;border-color:#ffffff14}[data-theme=dark] .teaching-style{background:#2563eb1a;border-color:#7cb8ff3d}[data-theme=dark] .teaching-style p,[data-theme=dark] .credential-major{color:#bfdbfe}[data-theme=dark] .credentials-list li{border-bottom-color:#ffffff14}[data-theme=dark] .interest-tag{color:#f9a8d4;background:#be185d1f;border-color:#ec489933}[data-theme=dark] .interest-tag:hover{background:#ec489929}[data-theme=dark] .specialization-card{background:var(--fxv-surface-muted);border-color:var(--fxv-border)}[data-theme=dark] .edit-modal-overlay{background:#0000009e}[data-theme=dark] .edit-modal-header,[data-theme=dark] .edit-modal-footer{border-color:var(--fxv-border)}[data-theme=dark] .edit-modal-footer{background:var(--fxv-surface-muted)}[data-theme=dark] .edit-modal-body input,[data-theme=dark] .edit-modal-body textarea,[data-theme=dark] .interest-input-row input{background:var(--fxv-surface-soft);border-color:var(--fxv-border);color:var(--fxv-text)}[data-theme=dark] .edit-modal-body input::placeholder,[data-theme=dark] .edit-modal-body textarea::placeholder,[data-theme=dark] .interest-input-row input::placeholder{color:var(--fxv-text-soft)}[data-theme=dark] .edit-modal-body input:focus,[data-theme=dark] .edit-modal-body textarea:focus,[data-theme=dark] .interest-input-row input:focus{box-shadow:0 0 0 3px #2563eb2e}[data-theme=dark] .video-replace-btn{box-shadow:0 12px 28px #0000004d}@media (width<=768px){.my-profile-page{padding:80px 16px}.profile-hero{padding:20px}.profile-hero-content{text-align:center;flex-direction:column;align-items:center}.profile-avatar-large{width:120px;height:120px}.profile-title-row{flex-direction:column;gap:8px}.profile-name{font-size:24px}.profile-quick-stats{justify-content:center}.profile-meta{align-items:center}.profile-bio-row{text-align:center;flex-direction:column;align-items:center}.profile-tags{justify-content:center}.profile-tabs{flex-wrap:wrap}.tab-btn{padding:10px 12px;font-size:13px}.tab-btn span{display:none}.profile-content{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.experience-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.specializations-grid{grid-template-columns:1fr}}.hero-video-section{border-top:1px solid #0245ae14;width:100%;margin-top:24px;padding-top:24px}.video-section-title{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.video-section-title i{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.hero-video-container{flex-direction:column;display:flex;position:relative}.hero-video-container .fxv-video-player{aspect-ratio:16/9;border-radius:12px;width:100%;max-width:100%;overflow:hidden}.video-replace-overlay{opacity:0;cursor:pointer;z-index:10;pointer-events:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video-container:hover .video-replace-overlay{opacity:1;pointer-events:auto}.video-replace-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0245aef2 0%,#4a9efff2 100%);border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex;transform:scale(.9);box-shadow:0 4px 20px #0006}.hero-video-container:hover .video-replace-btn{transform:scale(1)}.video-replace-btn:hover{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 6px 25px #00000080}.video-replace-btn i{font-size:18px}.hero-video-actions{gap:8px;display:flex}.btn-video-action{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-video-action:hover{color:#1e293b;background:#e2e8f0}.btn-video-action.btn-video-delete{color:#dc2626}.btn-video-action.btn-video-delete:hover{background:#fee2e2;border-color:#fecaca}.hero-video-placeholder{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px dashed #93c5fd;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.video-placeholder-content{color:#475569;align-items:center;gap:12px;display:flex}.video-placeholder-content i{color:#0245ae;font-size:24px}.video-placeholder-content span{font-size:14px;font-weight:500}[data-theme=dark] .hero-video-section{border-top-color:#334155}[data-theme=dark] .btn-video-action{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .btn-video-action:hover{color:#f1f5f9;background:#334155}[data-theme=dark] .hero-video-placeholder{background:linear-gradient(135deg,#1e3a5f 0%,#1e293b 100%);border-color:#475569}[data-theme=dark] .video-placeholder-content{color:#cbd5e1}@media (width<=768px){.hero-video-container .fxv-video-player{max-width:100%}.hero-video-placeholder{text-align:center;flex-direction:column;gap:12px}}.video-intro-section{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd}.video-container{flex-direction:column;align-items:center;gap:16px;display:flex}.video-container .fxv-video-player{max-width:100%}.video-actions{justify-content:center;gap:12px;display:flex}.btn-upload-video,.btn-add-video{color:#fff;cursor:pointer;background:#0245ae;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-upload-video:hover,.btn-add-video:hover{background:#0369a1;transform:translateY(-2px)}.btn-delete{color:#dc2626;background:#fee2e2}.btn-delete:hover{background:#fecaca}.video-upload-placeholder{text-align:center;background:#ffffff80;border:2px dashed #93c5fd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.video-upload-placeholder .upload-icon{background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.video-upload-placeholder .upload-icon i{color:#0245ae;font-size:32px}.video-upload-placeholder p{color:#475569;margin:0 0 8px;font-size:15px}.video-upload-placeholder .upload-hint{color:#94a3b8;margin-bottom:20px;font-size:13px}[data-theme=dark] .video-intro-section{background:linear-gradient(135deg,#1e3a5f 0%,#1e293b 100%);border-color:#334155}[data-theme=dark] .video-upload-placeholder{background:#1e293b80;border-color:#475569}[data-theme=dark] .video-upload-placeholder .upload-icon{background:#1e3a5f}[data-theme=dark] .video-upload-placeholder p{color:#cbd5e1}@media (width<=640px){.video-upload-placeholder{padding:32px 16px}.video-upload-placeholder .upload-icon{width:64px;height:64px}.video-upload-placeholder .upload-icon i{font-size:24px}}.performance-metrics-page{--metric-muted:#66758b;--metric-line:#dfe5ee;--metric-panel:#fff;--metric-blue:#1b58c8;--metric-green:#168153;--metric-red:#bd2949;--metric-amber:#a46b08;--metric-teal:#087e86;box-sizing:border-box;width:100%;min-width:0;max-width:1240px;color:var(--fxv-text,#17212f);margin:0 auto;padding:30px 32px 70px}.metrics-header,.metrics-controls,.metrics-meta,.metrics-section-heading,.metrics-pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.metrics-header{flex-wrap:wrap;align-items:flex-end}.metrics-back{color:var(--metric-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:inline-flex}.metrics-header h1{letter-spacing:0;align-items:center;gap:12px;margin:0;font-size:26px;display:flex}.metrics-header h1 i{color:var(--metric-blue);font-size:23px}.metrics-controls{align-items:flex-end;gap:10px}.metrics-controls label{color:var(--metric-muted);gap:5px;font-size:12px;display:grid}.metrics-controls select,.metrics-controls input{border:1px solid var(--metric-line);background:var(--metric-panel);height:38px;color:var(--fxv-text,#17212f);font:inherit;border-radius:6px;min-width:130px;max-width:100%;padding:7px 10px;font-size:13px}.metrics-icon-button{border:1px solid var(--metric-line);background:var(--metric-panel);width:36px;height:36px;color:var(--metric-blue);cursor:pointer;border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;display:inline-flex}.metrics-icon-button:hover{background:var(--fxv-surface-muted,#f0f5fb)}.metrics-icon-button:disabled{opacity:.45;cursor:default}.metrics-meta{color:var(--metric-muted);padding:14px 0;font-size:12px}.metrics-overview{grid-template-columns:1fr 1fr 1.2fr;gap:16px;display:grid}.metrics-overview-card,.metrics-section{background:var(--metric-panel);border:1px solid var(--metric-line);border-radius:8px;box-shadow:0 3px 12px #0f172a0a}.metrics-overview-card{min-width:0;padding:20px}.metrics-overview-card h2{align-items:center;gap:9px;margin:0 0 20px;font-size:15px;display:flex}.metrics-overview-card h2 i{color:var(--metric-blue);font-size:14px}.metrics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metrics-quality-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.metrics-survey-caption{color:var(--metric-muted);margin:0 0 16px;font-size:13px}.metrics-survey-bars{gap:14px;display:grid}.metrics-survey-row{grid-template-columns:minmax(160px,1fr) minmax(80px,1.4fr) 92px;align-items:center;gap:18px;font-size:14px;display:grid}.metrics-survey-row>span{overflow-wrap:anywhere;min-width:0}.metrics-survey-row>strong{text-align:right;font-size:14px}.metrics-survey-row small{color:var(--metric-muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.metrics-survey-row progress{appearance:none;background:var(--metric-line);border:0;border-radius:3px;width:100%;height:10px;overflow:hidden}.metrics-survey-row progress::-webkit-progress-bar{background:var(--metric-line)}.metrics-survey-row progress::-webkit-progress-value{background:var(--metric-green)}.metrics-survey-row progress::-moz-progress-bar{background:var(--metric-green)}.metrics-survey-improvement progress::-webkit-progress-value{background:var(--metric-red)}.metrics-survey-improvement progress::-moz-progress-bar{background:var(--metric-red)}@media (width<=650px){.metrics-survey-row{grid-template-columns:minmax(0,1fr) 74px;gap:6px 12px}.metrics-survey-row>span{grid-column:1}.metrics-survey-row>strong{grid-area:span 2/2}.metrics-survey-row progress{grid-area:auto/1}}.metrics-kpi{background:var(--metric-panel);grid-template-columns:1fr;align-content:start;gap:8px;padding:0;display:grid}.metrics-kpi>i{display:none}.metrics-kpi>span{color:var(--metric-muted);font-size:12px}.metrics-kpi strong{overflow-wrap:anywhere;grid-column:1/-1;font-size:26px;line-height:1.3}.metrics-tabs{border-bottom:1px solid var(--metric-line);gap:20px;margin-top:20px;margin-bottom:20px;display:flex;overflow-x:auto}.metrics-tabs button{color:var(--metric-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:13px 2px;font-size:13px;font-weight:600;display:inline-flex}.metrics-tabs button.active{color:var(--metric-blue);border-bottom-color:var(--metric-blue)}.metrics-section{min-width:0;margin-bottom:16px;padding:22px;overflow:hidden}.metrics-section h2{letter-spacing:0;margin:0 0 18px;font-size:16px}.metrics-section h2 small{color:var(--metric-muted);margin-left:8px;font-size:12px;font-weight:400}.metrics-section-heading{flex-wrap:wrap;align-items:flex-start;margin-bottom:18px}.metrics-section-heading h2{margin:0}.metrics-section-heading>span{color:var(--metric-muted);font-size:12px}.metrics-outcomes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;display:grid}.metrics-outcomes>div{align-items:center;gap:8px;font-size:13px;display:flex}.metrics-outcomes strong{margin-left:auto}.metrics-dot{background:var(--metric-blue);border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.metrics-legend{color:var(--metric-muted);flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.metrics-legend>span{align-items:center;gap:5px;display:inline-flex}.metrics-chart-scroll{position:relative;overflow-x:auto}.metrics-chart{gap:5px;min-width:360px;height:190px;display:grid}.metrics-chart-column{grid-template-rows:minmax(0,1fr) 25px;align-items:stretch;display:grid}.metrics-chart-bar{border-bottom:1px solid var(--metric-line);flex-direction:column-reverse;justify-content:flex-start;display:flex}.metrics-chart-bar>span{flex-shrink:0;width:100%;display:block}.metrics-chart-label{text-align:center;color:var(--metric-muted);padding-top:7px;font-size:10px}.metrics-chart-empty{text-align:center;color:var(--metric-muted);font-size:13px;position:absolute;top:60px;left:0;right:0}.metrics-dot.green,.metrics-chart-bar .green{background:var(--metric-green)}.metrics-dot.red,.metrics-chart-bar .red{background:var(--metric-red)}.metrics-dot.amber,.metrics-chart-bar .amber{background:var(--metric-amber)}.metrics-dot.gray,.metrics-chart-bar .gray{background:#8691a2}.metrics-inline-stats{flex-wrap:wrap;gap:24px 38px;display:flex}.metrics-count{gap:5px;min-width:90px;display:grid}.metrics-count strong{font-size:23px;line-height:1.3}.metrics-count span{color:var(--metric-muted);font-size:12px}.metrics-count.green strong,.metrics-kpi.green i,.metrics-status.green{color:var(--metric-green)}.metrics-count.red strong,.metrics-kpi.red i,.metrics-status.red{color:var(--metric-red)}.metrics-count.amber strong,.metrics-kpi.amber i,.metrics-status.amber{color:var(--metric-amber)}.metrics-kpi.teal i{color:var(--metric-teal)}.metrics-status.blue{color:var(--metric-blue)}.metrics-status.gray{color:var(--metric-muted)}.metrics-table-scroll{width:100%;max-width:100%;position:relative;overflow-x:auto}.metrics-table{border-collapse:collapse;width:100%;font-size:13px}.metrics-table th{color:var(--metric-muted);text-align:left;background:var(--fxv-surface-muted,#f2f5fa);font-size:11px;font-weight:500}.metrics-table th,.metrics-table td{border-bottom:1px solid var(--metric-line);padding:11px 10px}.metrics-table td:first-child{white-space:nowrap}.metrics-table td:nth-child(2){overflow-wrap:anywhere;min-width:110px;max-width:200px}.metrics-table .metrics-status{white-space:nowrap;font-weight:600}.metrics-pagination{color:var(--metric-muted);justify-content:flex-end;gap:8px;padding-top:14px;font-size:12px}.metrics-pagination>span{margin-right:10px}.metrics-empty,.metrics-loading{color:var(--metric-muted);padding:12px 0;font-size:13px}.metrics-score{align-items:center;gap:25px;margin-bottom:24px;display:flex}.metrics-score>strong{min-width:110px;font-size:32px}.metrics-score progress{width:min(400px,100%);height:12px;accent-color:var(--metric-green)}.metrics-penalty-counts{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;display:grid}.metrics-penalty-counts dt{font-size:13px;font-weight:600}.metrics-penalty-counts dd{margin:6px 0 0;font-size:13px}.metrics-penalty-counts dd span{color:var(--metric-muted)}.metrics-incidents{margin:0;padding:0;list-style:none}.metrics-incidents li{border-top:1px solid var(--metric-line);align-items:center;gap:18px;padding:15px 0;font-size:13px;display:flex}.metrics-incidents li>strong{color:var(--metric-red);min-width:62px}.metrics-incidents li>div{flex:1;min-width:0}.metrics-incidents li p{overflow-wrap:anywhere;margin:0 0 5px}.metrics-incidents li small{color:var(--metric-muted)}.metrics-incidents li>span{white-space:nowrap}.metrics-definitions{margin:0 0 28px}.metrics-definitions>div{border-top:1px solid var(--metric-line);grid-template-columns:230px 1fr;gap:20px;padding:16px 0;font-size:13px;line-height:1.7;display:grid}.metrics-definitions dt{color:var(--metric-blue);font-weight:600}.metrics-definitions dt small{color:var(--metric-muted);font-weight:400;display:block}.metrics-definitions dd{margin:0}.metrics-error{background:var(--metric-panel);border:1px solid var(--metric-red);color:var(--metric-red);border-radius:6px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.metrics-error button{border:1px solid var(--metric-line);background:var(--metric-panel);color:inherit;border-radius:6px;padding:7px 12px}.metrics-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-theme=dark] .performance-metrics-page{--metric-muted:#b0bbc9;--metric-line:#3b3b3b;--metric-panel:#252525;--metric-blue:#8abaff;--metric-green:#68d5a4;--metric-red:#ff92a8;--metric-amber:#e7be62;--metric-teal:#78d3d5;color:#f2f2f2}[data-theme=dark] .metrics-controls select,[data-theme=dark] .metrics-controls input{color:#f2f2f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=1100px){.metrics-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-scheduling-card{grid-column:1/-1}.metrics-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.performance-metrics-page{padding:22px 16px 90px}.metrics-header h1{font-size:21px}.metrics-controls{flex-wrap:wrap;gap:8px;width:100%}.metrics-controls label{flex:1;min-width:0}.metrics-controls select,.metrics-controls input{width:100%;min-width:0}.metrics-overview{grid-template-columns:1fr;gap:12px}.metrics-overview-card,.metrics-section{padding:18px}.metrics-kpi{padding:0}.metrics-kpi strong{font-size:24px}.metrics-tabs{gap:16px}.metrics-outcomes{gap:14px}.metrics-outcomes>div{font-size:12px}.metrics-definitions>div{grid-template-columns:1fr;gap:6px}.metrics-penalty-counts{grid-template-columns:1fr;gap:18px}.metrics-score{gap:14px}.metrics-score strong{min-width:85px;font-size:28px}.metrics-incidents li{flex-wrap:wrap;gap:10px}.metrics-incidents li>div{flex-basis:calc(100% - 75px)}}