.student-profile-page{--sp-bg:#f5f7fa;--sp-surface:#fff;--sp-text:#202636;--sp-muted:#647184;--sp-border:#dfe5ed;--sp-accent:#0245ae;--sp-tint:#edf4ff;background:var(--sp-bg);min-height:100vh;color:var(--sp-text)}[data-theme=dark] .student-profile-page{--sp-bg:var(--fxv-bg,#202020);--sp-surface:var(--fxv-surface,#262626);--sp-text:var(--fxv-text,#f1f3f6);--sp-muted:var(--fxv-text-muted,#aab2bd);--sp-border:var(--fxv-border,#3c3c3c);--sp-accent:#79b5ff;--sp-tint:#293646;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.student-profile-page .student-profile-content{background:var(--sp-bg);min-height:100vh;margin-left:116px}.student-profile-page .student-profile-main{width:100%;min-width:0;max-width:1264px;margin:auto;padding:132px 32px 64px}.student-profile-page :is(h1,h2,h3,h4){color:var(--sp-text);letter-spacing:0;overflow-wrap:anywhere;font-weight:700}.student-profile-page p{color:var(--sp-muted);font-size:14px;line-height:1.65}.student-profile-page svg{flex-shrink:0}.student-profile-page .profile-art{object-fit:contain;flex-shrink:0;width:40px;height:40px}.student-profile-page .profile-page-header{margin-bottom:32px;display:block}.student-profile-page .profile-header-left{text-align:left;flex-direction:row;align-items:center;gap:16px;display:flex}.student-profile-page .profile-header-left>.profile-art{width:64px;height:64px}.student-profile-page .profile-page-title{margin:4px 0 0;font-size:28px;font-weight:800;line-height:1.35}.student-profile-page .profile-page-subtitle{color:var(--sp-muted);font-size:12px;font-weight:600}.student-profile-page .profile-header-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:8px;margin-bottom:24px;padding:24px}.student-profile-page .profile-header-content{align-items:center;gap:24px;display:flex}.student-profile-page .profile-avatar{color:#fff;letter-spacing:0;background:#0245ae;border-radius:50%;place-items:center;width:80px;height:80px;font-size:28px;font-weight:800;display:grid}.student-profile-page .profile-info{flex:1;min-width:0}.student-profile-page .profile-name-row{margin:0 0 12px;display:block}.student-profile-page .profile-name{margin:0;font-size:24px;font-weight:800;line-height:1.4}.student-profile-page .profile-email{overflow-wrap:anywhere;margin:4px 0 12px;font-size:13px}.student-profile-page .contact-info-grid{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.student-profile-page .contact-info-item{color:var(--sp-muted);align-items:center;gap:8px;font-size:12px;display:flex}.student-profile-page .contact-info-item span{color:var(--sp-muted)}.student-profile-page .lessons-count{font-size:16px;font-weight:700;color:var(--sp-text)!important}.student-profile-page .profile-action-buttons{flex-direction:column;gap:10px;min-width:170px;display:flex}.student-profile-page :is(.profile-book-button,.test-headset-btn,.profile-secondary-button,.back-to-courses-btn,.btn-choose-lesson,.camera-btn,.speaker-btn,.done-btn,.save-btn,.cancel-btn,.error-container button){border:1px solid var(--sp-border);background:var(--sp-surface);min-height:44px;color:var(--sp-accent);cursor:pointer;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.student-profile-page :is(.profile-book-button,.done-btn,.save-btn,.btn-choose-lesson){color:#fff!important;background:#0245ae!important;border-color:#0245ae!important}.student-profile-page .profile-book-button span{color:#fff!important}.student-profile-page .test-headset-btn span{color:var(--sp-accent)}.student-profile-page button:disabled{cursor:not-allowed;opacity:.5}.student-profile-page :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px}.student-profile-page .tabs-container{border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:8px;gap:4px;margin-bottom:24px;padding:4px;display:inline-flex}.student-profile-page .tab-button{min-height:38px;color:var(--sp-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:600}.student-profile-page .tab-button.active{background:var(--sp-tint);color:var(--sp-accent)}.student-profile-page .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.student-profile-page .about-me-card{order:1}.student-profile-page .preferences-card{order:2}.student-profile-page .assessment-card{order:3;grid-column:1/-1}.student-profile-page .assessment-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.student-profile-page .content-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:8px;min-width:0;padding:24px}.student-profile-page .card-title-row{border-bottom:1px solid var(--sp-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.student-profile-page .card-title{align-items:center;gap:12px;margin:0;font-size:17px;line-height:1.4;display:flex}.student-profile-page .assessment-card>.card-title{border-bottom:1px solid var(--sp-border);margin-bottom:20px;padding-bottom:16px}.student-profile-page :is(.edit-about-me-btn,.btn-view-lesson,.last-viewed-view-btn,.close-modal-btn,.modal-close-btn){border:1px solid var(--sp-border);background:var(--sp-surface);width:36px;height:36px;color:var(--sp-accent);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.student-profile-page .bio-display p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px;font-size:13px}.student-profile-page :is(.about-me-display-field,.lesson-preference-display-item,.assessment-summary-item){border-bottom:1px solid var(--sp-border);flex-direction:column;gap:6px;padding:14px 0;display:flex}.student-profile-page :is(.about-me-display-field,.lesson-preference-display-item):last-child{border-bottom:0;padding-bottom:0}.student-profile-page :is(.display-label,.assessment-label,.assessment-section-label){color:var(--sp-muted);font-size:12px;font-weight:500}.student-profile-page .display-value{color:var(--sp-text);overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.6}.student-profile-page .display-helper{color:var(--sp-muted);font-size:12px;line-height:1.6}.student-profile-page .hobbies-display{flex-wrap:wrap;gap:8px;display:flex}.student-profile-page .hobby-tag{color:var(--sp-text);font-size:12px}.student-profile-page .hobby-tag:not(:last-child):after{content:","}.student-profile-page .assessment-summary-item strong{color:var(--sp-text);overflow-wrap:anywhere;font-size:13px}.student-profile-page .assessment-score-section{margin-top:20px}.student-profile-page .assessment-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:12px;display:grid}.student-profile-page .assessment-score-pill{justify-content:space-between;gap:12px;font-size:12px;display:flex}.student-profile-page .assessment-score-pill span{color:var(--sp-muted)}.student-profile-page .assessment-score-pill strong{color:var(--sp-text)}.student-profile-page .assessment-remarks{margin-top:20px}.student-profile-page .assessment-remarks ul{color:var(--sp-muted);margin:12px 0;padding-left:20px;font-size:13px;line-height:1.65}.student-profile-page .assessment-footer{flex-direction:column;gap:6px;margin-top:20px;font-size:12px;display:flex}.student-profile-page .assessment-footer span{color:var(--sp-muted)}.student-profile-page .assessment-empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 0;display:flex}.student-profile-page .assessment-empty-state p{margin:0;font-size:13px}.student-profile-page .profile-section-heading{align-items:center;gap:12px;margin:0 0 24px;display:flex}.student-profile-page .profile-section-heading h3{margin:0;font-size:18px}.student-profile-page .profile-section-heading a{color:var(--sp-accent);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:inline-flex}.student-profile-page .profile-history-list{flex-direction:column;gap:12px;display:flex}.student-profile-page .profile-history-item{background:var(--sp-surface);border:1px solid var(--sp-border);color:var(--sp-text);border-radius:8px;align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex}.student-profile-page .profile-history-item>div:not(.profile-history-avatar){min-width:0}.student-profile-page .profile-history-avatar{object-fit:cover;background:var(--sp-tint);width:48px;height:48px;color:var(--sp-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.student-profile-page .profile-history-item h4{margin:0 0 6px;font-size:15px}.student-profile-page .profile-history-item p{margin:0;font-size:12px}.student-profile-page .profile-history-item>span{color:var(--sp-muted);margin-left:auto;font-size:12px}.student-profile-page .profile-history-item>svg{color:var(--sp-accent)}.student-profile-page :is(.profile-empty,.loading-container,.error-container,.loading-lessons,.empty-state){text-align:center;color:var(--sp-muted);padding:48px 20px}.student-profile-page :is(.profile-empty,.empty-state) h3{margin:16px 0 8px;font-size:20px}.student-profile-page .materials-header-section{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;display:flex}.student-profile-page .materials-header-section h3{margin:0;font-size:18px}.student-profile-page .materials-header-section p{flex-basis:100%;margin:0;font-size:13px}.student-profile-page .course-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.student-profile-page .course-select-card{text-align:left;border:1px solid var(--sp-border);background:var(--sp-surface);cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;display:flex}.student-profile-page .course-select-card h4{margin:20px 0 8px;font-size:17px;line-height:1.5}.student-profile-page .course-select-card .profile-art{width:64px;height:64px}.student-profile-page .course-card-category{color:var(--sp-muted);font-size:12px}.student-profile-page .course-select-card>svg{color:var(--sp-accent);align-self:flex-end}.student-profile-page .last-viewed-course{margin-bottom:24px}.student-profile-page .last-viewed-label{color:var(--sp-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.student-profile-page .last-viewed-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex}.student-profile-page .last-viewed-info{flex:1;min-width:0}.student-profile-page .last-viewed-info h4{margin:0 0 8px;font-size:16px}.student-profile-page .last-viewed-lesson-details{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.student-profile-page :is(.detail-label,.detail-value,.last-viewed-subtitle){color:var(--sp-muted);font-size:12px}.student-profile-page .materials-nav-header{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}.student-profile-page .materials-nav-header h3{margin:0;font-size:18px}.student-profile-page :is(.level-accordion,.chapter-accordion){border-bottom:1px solid var(--sp-border)}.student-profile-page :is(.level-accordion-header,.chapter-accordion-header){width:100%;color:var(--sp-text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.student-profile-page :is(.level-accordion-info,.chapter-accordion-info){align-items:center;gap:16px;font-size:15px;display:flex}.student-profile-page :is(.level-lesson-count,.chapter-lesson-count){color:var(--sp-muted);font-size:12px}.student-profile-page .level-accordion-content{padding-left:24px}.student-profile-page .chapter-title{color:var(--sp-text);font-size:14px}.student-profile-page .lessons-table-container{overflow-x:auto}.student-profile-page .lessons-table{border-collapse:collapse;width:100%;min-width:680px}.student-profile-page .lessons-table :is(th,td){text-align:left;border-bottom:1px solid var(--sp-border);color:var(--sp-text);padding:16px 12px;font-size:13px}.student-profile-page .lessons-table th{color:var(--sp-muted);font-size:12px}.student-profile-page .lesson-col-actions{align-items:center;gap:8px;display:flex}.student-profile-page :is(.headset-modal-overlay,.about-me-modal-overlay){z-index:11000;background:#0000007a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.student-profile-page :is(.headset-modal,.about-me-modal){border:1px solid var(--sp-border);background:var(--sp-surface);width:100%;max-width:600px;max-height:calc(100dvh - 48px);color:var(--sp-text);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000029}.student-profile-page :is(.headset-modal-header,.about-me-modal-header){border-bottom:1px solid var(--sp-border);flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.student-profile-page :is(.headset-modal-header,.about-me-modal-header) h2{align-items:center;gap:12px;margin:0;font-size:18px;line-height:1.5;display:flex}.student-profile-page .modal-header-text{flex:1;min-width:0}.student-profile-page .modal-header-text p{display:none}.student-profile-page :is(.close-modal-btn,.modal-close-btn){margin-left:auto;inset:auto;transform:none;position:static!important}.student-profile-page .modal-header-icon{color:var(--sp-accent)}.student-profile-page :is(.headset-modal-content,.about-me-modal-body){min-height:0;padding:24px;overflow-y:auto}.student-profile-page :is(.headset-modal-footer,.about-me-modal-footer){border-top:1px solid var(--sp-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:16px 24px;display:flex}.student-profile-page .modal-actions{gap:12px;margin-left:auto;display:flex}.student-profile-page .about-me-field{flex-direction:column;gap:8px;margin:0 0 24px;display:flex}.student-profile-page .about-me-field:last-child{margin-bottom:0}.student-profile-page .field-label{color:var(--sp-text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.student-profile-page :is(textarea,select){border:1px solid var(--sp-border);background:var(--sp-surface);width:100%;min-width:0;max-width:100%;color:var(--sp-text);box-shadow:none;border-radius:6px;padding:12px;font-size:14px;line-height:1.6}.student-profile-page textarea{resize:vertical;min-height:96px}.student-profile-page .char-count{color:var(--sp-muted);align-self:flex-end;font-size:12px}.student-profile-page .hobbies-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-profile-page .hobby-checkbox{cursor:pointer;color:var(--sp-text);align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.student-profile-page input:is([type=checkbox],[type=radio]){accent-color:#0245ae;flex-shrink:0;width:18px;height:18px;margin:0}.student-profile-page .checkbox-mark{display:none}.student-profile-page .profile-camera-setting{color:var(--sp-text);align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.student-profile-page .profile-correction-settings{border:0;margin:0 0 24px;padding:0}.student-profile-page .profile-correction-settings legend{color:var(--sp-text);margin-bottom:12px;font-size:13px;font-weight:600}.student-profile-page .profile-correction-settings label{align-items:center;gap:12px;margin:0;padding:12px 0;display:flex}.student-profile-page .profile-correction-settings strong{color:var(--sp-text);font-size:14px;display:block}.student-profile-page .profile-correction-settings small{color:var(--sp-muted);margin-top:4px;font-size:12px;line-height:1.6;display:block}.student-profile-page .test-section+.test-section{border-top:1px solid var(--sp-border);margin-top:20px;padding-top:20px}.student-profile-page .test-section h3{align-items:center;gap:8px;margin:0 0 16px;font-size:16px;display:flex}.student-profile-page :is(.mic-status,.cam-status){color:var(--sp-muted);align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;display:flex}.student-profile-page .mic-level-container{margin-top:16px}.student-profile-page .mic-level-bar{background:var(--sp-border);border-radius:6px;height:12px;overflow:hidden}.student-profile-page .mic-level-fill{background:#16a085;height:100%}.student-profile-page .mic-level-text{color:var(--sp-muted);margin-top:8px;font-size:12px;display:block}.student-profile-page .camera-preview{aspect-ratio:16/9;background:#111;border-radius:6px;overflow:hidden}.student-profile-page .camera-preview video{object-fit:cover;width:100%;height:100%}.student-profile-page :is(.camera-controls,.speaker-buttons){flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.student-profile-page .notification-toast{z-index:12000;border:1px solid var(--sp-border);background:var(--sp-surface);max-width:min(420px,100vw - 32px);color:var(--sp-text);border-radius:8px;padding:16px;position:fixed;bottom:24px;right:24px}.student-profile-page .notification-content{align-items:center;gap:12px;font-size:13px;display:flex}.student-profile-page :is(.about-me-message,.preference-message){font-size:13px;line-height:1.6}.student-profile-page :is(.error,.denied){color:#df425d}.student-profile-page :is(.success,.granted){color:#168a65}@media (width>=1200px){.student-profile-page .student-profile-main{position:relative;left:-24px}}@media (width<=1500px){.student-profile-page .student-profile-content{margin-left:95px}}@media (width<=1199px){.student-profile-page .student-profile-content{margin-left:0}.student-profile-page .student-profile-main{padding-bottom:140px}}@media (width<=991px){.student-profile-page .student-profile-main{padding-top:148px;padding-bottom:64px}.student-profile-page .profile-header-content{flex-wrap:wrap}.student-profile-page .profile-action-buttons{flex-direction:row;flex-basis:100%}.student-profile-page .profile-action-buttons button{flex:1}}@media (width<=768px){.student-profile-page .student-profile-main{padding-inline:20px}.student-profile-page .profile-page-title{font-size:24px}.student-profile-page .content-card{padding:20px}.student-profile-page .profile-history-item>span{display:none}.student-profile-page .profile-history-item>svg{margin-left:auto}}@media (width<=600px){.student-profile-page .student-profile-main{padding:116px 16px 40px}.student-profile-page .profile-header-left>.profile-art{width:48px;height:48px}.student-profile-page .profile-page-title{font-size:22px}.student-profile-page .profile-header-left{gap:12px}.student-profile-page .profile-page-header{margin-bottom:24px}.student-profile-page .profile-header-card{padding:20px}.student-profile-page .profile-header-content{gap:16px}.student-profile-page .profile-avatar{width:56px;height:56px;font-size:20px}.student-profile-page .profile-name{font-size:20px}.student-profile-page .profile-info{flex-basis:calc(100% - 72px)}.student-profile-page .profile-action-buttons{min-width:0}.student-profile-page .profile-action-buttons button{padding:10px 8px;font-size:12px}.student-profile-page .tabs-container{display:flex}.student-profile-page .tab-button{flex:1;padding:8px 6px;font-size:12px}.student-profile-page .overview-grid,.student-profile-page .course-cards-grid{grid-template-columns:minmax(0,1fr);gap:20px}.student-profile-page .preferences-card{grid-column:auto}.student-profile-page .profile-section-heading{flex-wrap:wrap}.student-profile-page .profile-section-heading a{flex-basis:100%;margin-left:52px}.student-profile-page .assessment-summary-grid,.student-profile-page .assessment-score-grid{grid-template-columns:minmax(0,1fr);gap:12px}.student-profile-page .last-viewed-card{flex-wrap:wrap}.student-profile-page .last-viewed-info{flex-basis:calc(100% - 56px)}.student-profile-page .level-accordion-content{padding-left:0}.student-profile-page :is(.headset-modal-overlay,.about-me-modal-overlay){padding:12px}.student-profile-page :is(.headset-modal,.about-me-modal){max-height:calc(100dvh - 24px)}.student-profile-page :is(.headset-modal-header,.about-me-modal-header,.headset-modal-content,.about-me-modal-body){padding:20px}.student-profile-page :is(.headset-modal-footer,.about-me-modal-footer){padding:16px 20px}.student-profile-page .modal-header-icon{display:none}.student-profile-page :is(.headset-modal-header,.about-me-modal-header) h2{font-size:17px}.student-profile-page .hobbies-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=360px){.student-profile-page .menu-wrap.main-menu .brand-text{font-size:16px}}.booking-dialog{width:640px;padding:0}.booking-dialog .booking-modal{width:auto;max-width:none;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.booking-dialog .booking-modal-header{background:var(--sd-surface);border-bottom:1px solid var(--sd-border);z-index:1;padding:24px 60px 24px 24px;position:sticky;top:0}.booking-dialog .booking-modal-tutor{align-items:center;gap:14px;display:flex}.booking-dialog :is(.booking-modal-avatar,.booking-modal-avatar-placeholder){object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.booking-dialog .booking-modal-avatar-placeholder{background:var(--sd-tint);color:var(--sd-accent);place-items:center;font-size:20px;display:grid}.booking-dialog .booking-modal-title{color:var(--sd-text);margin:0 0 4px;font-size:20px}.booking-dialog .booking-modal-tutor-name{color:var(--sd-muted);margin:0;font-size:14px}.booking-dialog .student-dialog-close{z-index:2}.booking-dialog .booking-modal-content{padding:24px}.booking-dialog .booking-modal-date-group+.booking-modal-date-group{margin-top:24px}.booking-dialog .booking-modal-date-header{color:var(--sd-text);margin:0 0 12px;font-size:14px}.booking-dialog .booking-modal-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.booking-dialog .booking-modal-time-slot{background:var(--sd-surface);border:1px solid var(--sd-border);color:var(--sd-text);min-height:44px;box-shadow:none;padding:8px;font-size:13px}.booking-dialog .booking-modal-time-slot:is(:hover,.selected){color:var(--sd-accent);background:var(--sd-tint);border-color:var(--sd-accent)}.booking-dialog .booking-modal-footer{background:var(--sd-surface);border-top:1px solid var(--sd-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;position:sticky;bottom:0}.booking-dialog .booking-modal-selected-info{color:var(--sd-text);flex:240px;align-items:center;gap:10px;font-size:13px;display:flex}.booking-dialog .booking-modal-duration{color:var(--sd-muted)}.booking-dialog .booking-modal-confirm{color:#fff;background:#0245ae;border:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.booking-dialog :is(.booking-modal-success,.booking-modal-loading,.booking-modal-empty){text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.booking-dialog .booking-modal-success h3{color:var(--sd-text);margin:0;font-size:20px}.booking-dialog .booking-modal-success-icon{color:#168560}.booking-dialog .booking-modal-empty small{color:var(--sd-muted)}.booking-dialog .booking-modal-error{color:#b42337;background:#fff1f2;border:1px solid #edb5bc;border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;margin:24px;padding:14px;font-size:13px;display:grid}.booking-dialog .booking-modal-retry{color:inherit;background:0 0;border:1px solid;padding:6px 10px}.booking-dialog :is(.booking-modal-spinner,.booking-modal-spinner-small){border:2px solid var(--sd-border);border-top-color:var(--sd-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite booking-spin}.booking-dialog .booking-modal-spinner-small{width:16px;height:16px}@keyframes booking-spin{to{transform:rotate(360deg)}}@media (width<=600px){.booking-dialog .booking-modal-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-dialog .booking-modal-header{padding:20px 56px 20px 20px}.booking-dialog .booking-modal-content{padding:20px}.booking-dialog .booking-modal-footer{padding:16px 20px}.booking-dialog .booking-modal-confirm{width:100%}.booking-dialog .booking-modal-error{grid-template-columns:20px minmax(0,1fr);margin:20px}.booking-dialog .booking-modal-retry{grid-column:2;justify-self:start}}.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}.student-video-dialog{background:#15181c;width:900px;padding:0}.student-video-dialog .fxv-video-player{box-shadow:none;border-radius:0}.student-video-dialog .student-video-content{width:100%}.fxv-video-player .fxv-btn{border-radius:6px}.fxv-video-player:focus-within .fxv-controls{opacity:1;visibility:visible}@media (width<=600px){.fxv-video-player .fxv-volume-slider,.fxv-video-player .fxv-branding{display:none}.fxv-video-player .fxv-controls{padding:8px}.fxv-video-player .fxv-controls-row{gap:4px;padding:0}.fxv-video-player .fxv-controls-left{gap:4px}.fxv-video-player .fxv-btn{flex-shrink:0;width:30px;height:32px}.fxv-video-player .fxv-time{white-space:nowrap;min-width:0;font-size:10px}}.fxv-video-player{border-radius:8px}.fxv-video-player .fxv-big-play{color:#fff;box-shadow:none;background:#0245ae}.fxv-video-player .fxv-btn svg{color:inherit}.fxv-video-error{color:#fff;text-align:center;z-index:4;font-size:13px;line-height:1.6;position:absolute;inset:20% 16px auto}.fxv-progress-slider{accent-color:#79b5ff;width:calc(100% - 24px);height:16px;margin:0 12px;display:block}.student-tutor-page .tutor-profile-page{background:var(--s-bg)}.profile-heading{align-items:center;gap:16px;max-width:1200px;margin:0 auto 24px;display:flex}.profile-heading a{color:var(--s-accent);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.profile-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;max-width:1200px;margin:auto;display:grid}.profile-main-column{min-width:0}.profile-sidebar{position:sticky;top:120px}.profile-hero{border:1px solid var(--s-border);background:var(--s-surface);border-radius:8px;margin-bottom:24px;padding:24px}.profile-hero-content{align-items:flex-start;gap:24px;display:flex}.profile-header-left{flex-shrink:0}.profile-avatar-wrapper{position:relative}.profile-avatar-large,.profile-avatar-placeholder{object-fit:cover;border-radius:50%;width:112px;height:112px}.profile-avatar-placeholder{background:var(--s-tint);color:var(--s-accent);place-items:center;font-size:32px;font-weight:700;display:grid}.availability-badge{color:#15855e;text-align:center;margin-top:12px;font-size:11px}.profile-header-right{flex:1;min-width:0}.profile-name-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.profile-name{margin:0 0 10px;font-size:26px;line-height:1.4}.btn-favorite-star{border:1px solid var(--s-border);color:var(--s-muted);background:0 0;border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.btn-favorite-star.favorited{color:#cc9418}.profile-rating-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.star-rating,.rating-stars{color:#c98b0a;align-items:center;gap:3px;display:flex}.rating-score{color:var(--s-text);font-weight:700}.rating-count{color:var(--s-muted)}.verified-badge,.zk-proof-badge{color:#15855e;align-items:center;gap:5px;font-size:11px;display:inline-flex}.profile-meta{color:var(--s-muted);margin-top:14px;font-size:13px}.meta-item{align-items:center;gap:8px;display:flex}.profile-bio-short{color:var(--s-muted);margin:14px 0;font-size:14px;line-height:1.75}.profile-tags,.interests-grid,.specializations-grid{flex-wrap:wrap;gap:8px;display:flex}.tag,.interest-tag,.specialization-card{background:var(--s-tint);color:var(--s-accent);border:0;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.hero-video-section{border-top:1px solid var(--s-border);margin-top:24px;padding-top:20px}.video-section-title{align-items:center;gap:8px;margin:0 0 16px;font-size:15px;display:flex}.profile-tabs{border-bottom:1px solid var(--s-border);flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.profile-tabs .tab-btn{color:var(--s-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.profile-tabs .tab-btn.active{color:var(--s-accent);background:var(--s-tint);font-weight:600}.profile-content{padding-top:24px}.profile-content .content-section{border-bottom:1px solid var(--s-border);background:0 0;border-radius:0;margin-bottom:24px;padding:0 0 24px}.profile-content .section-title{color:var(--s-text);align-items:center;gap:12px;margin:0 0 16px;font-size:18px;display:flex}.profile-content .section-content{color:var(--s-muted);overflow-wrap:anywhere;font-size:14px;line-height:1.8}.education-row,.education-details{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.profile-booking-card{background:var(--s-surface);border:1px solid var(--s-border);border-radius:8px;padding:24px}.booking-card-header{flex-direction:column;gap:6px;display:flex}.booking-card-title{font-size:18px;font-weight:700}.booking-card-subtitle,.price-label,.price-unit{color:var(--s-muted);font-size:13px}.price-value{margin-top:8px;font-size:28px;font-weight:700}.btn-book-trial,.btn-book-mobile{color:#fff;background:#0245ae;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin:20px 0;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.btn-book-mobile{display:none}.booking-features{border-top:1px solid var(--s-border);gap:14px;padding:16px 0;font-size:12px;display:grid}.booking-features .feature-item{color:var(--s-muted);align-items:center;gap:8px;display:flex}.booking-features svg{color:#15855e}.booking-note{color:var(--s-muted);gap:8px;margin-top:12px;font-size:12px;display:flex}.schedule-period-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.period-tab{background:var(--s-surface);color:var(--s-muted);border:1px solid var(--s-border);border-radius:6px;padding:8px 12px;font-size:12px}.period-tab.active{color:var(--s-accent);background:var(--s-tint);border-color:var(--s-accent)}.timezone-note{color:var(--s-muted);margin-left:auto;font-size:12px}.schedule-grid{max-width:100%;overflow-x:auto}.schedule-table{border-collapse:separate;border-spacing:4px;width:100%;min-width:600px;font-size:11px}.schedule-table :is(th,td){text-align:center;color:var(--s-muted);background:var(--s-surface);border:1px solid var(--s-border);border-radius:4px;padding:8px 4px}.schedule-table th{font-weight:600}.schedule-table td.avail{background:#ecf8f3;border-color:#b8daca;padding:0}.profile-slot-button{color:#087953;background:0 0;border:0;width:100%;min-height:36px;padding:8px 4px;font-size:11px}.schedule-table td.my-booking{background:var(--s-tint);color:var(--s-accent)}.schedule-table td.disabled{opacity:.55;background:0 0}.tutor-profile-loading,.tutor-profile-error{text-align:center;min-height:80vh;color:var(--s-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:160px 24px 64px;display:flex}.tutor-profile-error .btn-primary{color:#fff;background:#0245ae;border-radius:6px;padding:10px 16px}.reviews-summary{color:var(--s-muted);flex-wrap:wrap;gap:24px;font-size:14px;display:flex}.overall-rating{gap:8px;display:grid}.rating-big{color:var(--s-text);font-size:28px;font-weight:700}.no-reviews{text-align:center;color:var(--s-muted);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.no-reviews p{margin:0}@media (width<=991px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}}@media (width<=600px){.profile-hero{padding:20px}.profile-hero-content{flex-direction:column;gap:20px}.profile-avatar-large,.profile-avatar-placeholder{width:88px;height:88px}.profile-header-right{width:100%}.profile-name{font-size:23px}.profile-tabs .tab-btn{padding:9px 12px}}