@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.login-split-container{display:flex;height:100vh;width:100vw;background:radial-gradient(circle at top left,var(--white) 0%,var(--pale-mint) 100%);overflow:hidden;border:1px solid #333}.login-split-container,.login-split-container *,.login-split-container *:before,.login-split-container *:after{box-sizing:border-box;font-family:Poppins,sans-serif!important;margin:0;padding:0}.login-split-container .login-form-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 60px;background:transparent;overflow-y:auto;max-height:100vh}.login-split-container .login-form-panel::-webkit-scrollbar{width:4px}.login-split-container .login-form-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.login-split-container .form-container{width:100%;max-width:420px}.login-split-container .logo-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:30px}.login-split-container .logo-img{width:220px;height:auto;object-fit:contain}.login-split-container .pill-badge-light{display:inline-block;background-color:#3acfa91a;color:var(--primary-teal);padding:8px 20px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;border:1px solid var(--primary-teal);text-transform:uppercase}.login-split-container .form-title{font-size:46.08px;font-weight:700;line-height:46.93px;color:#1a1e2b;margin-bottom:12px;letter-spacing:0px}.login-split-container .form-subtitle{font-size:14px;color:#8a94a6;line-height:1.4;margin-bottom:16px;font-weight:400}.login-split-container .auth-form{display:flex;flex-direction:column;gap:12px}.login-split-container .form-group{display:flex;flex-direction:column;gap:8px}.login-split-container .form-group label{font-size:14px;font-weight:700;color:#1a1e2b}.login-split-container .form-group input{width:100%;height:46px;padding:0 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1a1e2b;background:var(--white);outline:none;transition:all .2s}.login-split-container .form-group input::placeholder{color:#9ca3af;font-weight:400}.login-split-container .form-group input:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px #3acfa926}.login-split-container .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;margin-top:5px}.login-split-container .remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#64748b}.login-split-container .remember-me input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:4px;background-color:var(--white);border:1.5px solid var(--primary-teal);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;margin:0}.login-split-container .remember-me input[type=checkbox]:checked{background-color:var(--primary-teal);border-color:var(--primary-teal)}.login-split-container .remember-me input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:13px;font-weight:900;position:absolute}.login-split-container .forgot-password{font-size:14px;font-weight:400;color:var(--primary-teal);text-decoration:underline}.login-split-container .btn-submit{width:100%;height:63.15px;background:#3dd9b3;color:var(--white);border:none;border-radius:15.36px;font-size:18px;font-weight:700;line-height:1;letter-spacing:-.15px;cursor:pointer;transition:all .3s;margin-top:12px;box-shadow:0 8px 20px -5px #3dd9b380;display:flex;align-items:center;justify-content:center;text-align:center}.login-split-container .btn-submit:hover{background:#32b594;transform:translateY(-2px);box-shadow:0 12px 28px #3acfa966}.login-split-container .divider{display:flex;align-items:center;margin:20px 0;color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:1px}.login-split-container .divider:before,.login-split-container .divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.login-split-container .divider span{padding:0 15px;background:var(--white)}.login-split-container .social-buttons{display:flex;gap:15px;margin-bottom:20px}.login-split-container .social-btn{flex:1;height:52px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--white);border:1px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:700;color:#1a1e2b;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #00000005}.login-split-container .social-btn:hover{background:#f8fafc;border-color:#cbd5e1}.login-split-container .register-text{text-align:center;font-size:14px;color:#8a94a6}.login-split-container .register-link{color:var(--primary-teal);font-weight:700;text-decoration:underline}.login-split-container .register-link:hover{color:#32b594}.login-split-container .login-feature-panel{flex:0 0 45%;background:var(--primary-teal);margin:20px 20px 20px 0;border-radius:24px;display:flex;flex-direction:column;padding:30px 40px;color:var(--white);position:relative}.login-split-container .pill-badge-outline{display:inline-block;background:#ffffff26;padding:6px 20px;border-radius:100px;font-size:10px;font-weight:500;letter-spacing:.5px;margin-bottom:20px;width:fit-content;border:1px solid rgba(255,255,255,.3)}.login-split-container .feature-main-title{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:16px;text-align:left;color:#fff}.login-split-container .feature-main-subtitle{font-size:15px;line-height:1.5;color:var(--white);margin-bottom:30px;opacity:.9;text-align:left}.login-split-container .feature-cards{display:flex;flex-direction:column;gap:14px;margin-top:auto}.login-split-container .feature-card{display:flex;align-items:center;gap:16px;background:#ffffff0d;padding:18px 22px;border-radius:16px;border:1px solid var(--soft-teal)}.login-split-container .feature-card-icon{background:var(--white);color:#172b4d;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-split-container .custom-icon{width:24px;height:24px;object-fit:contain}.login-split-container .feature-card-text h3{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--white)}.login-split-container .feature-card-text p{font-size:13px;line-height:1.4;color:var(--white);opacity:.8}.login-split-container .step-indicator-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.login-split-container .step-badge{background-color:transparent;color:var(--primary-teal);border:1px solid rgba(58,207,169,.3);padding:6px 16px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;width:fit-content;margin-bottom:0}.login-split-container .step-bars{display:flex;gap:8px}.login-split-container .step-bar{height:4px;width:40px;background-color:#e2e8f0;border-radius:2px}.login-split-container .step-bar.active{background-color:var(--primary-teal)}.login-split-container .form-row-2-cols{display:flex;gap:16px}.login-split-container .form-row-2-cols .form-group{flex:1}.login-split-container .relative-input{position:relative}.login-split-container .password-input-wrapper{position:relative;display:flex;align-items:center}.login-split-container .password-input-wrapper input{padding-right:45px}.login-split-container .btn-toggle-password{position:absolute;right:15px;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.login-split-container .btn-toggle-password:hover{color:#64748b}.login-split-container .password-strength-container{display:flex;flex-direction:column;gap:4px;margin-top:-4px;margin-bottom:2px}.login-split-container .strength-label{font-size:12px;font-weight:700;text-transform:capitalize}.login-split-container .strength-label.weak{color:#ef4444}.login-split-container .strength-label.good{color:#eab308}.login-split-container .strength-label.strong{color:var(--primary-teal)}.login-split-container .strength-bars{display:flex;gap:4px}.login-split-container .s-bar{flex:1;height:4px;border-radius:2px;background-color:#e2e8f0;transition:all .3s}.login-split-container .strength-bars.weak[data-score="1"] .s-bar:nth-child(1){background-color:#ef4444}.login-split-container .strength-bars.weak[data-score="2"] .s-bar:nth-child(1),.login-split-container .strength-bars.weak[data-score="2"] .s-bar:nth-child(2){background-color:#f97316}.login-split-container .strength-bars.good[data-score="3"] .s-bar:nth-child(1),.login-split-container .strength-bars.good[data-score="3"] .s-bar:nth-child(2),.login-split-container .strength-bars.good[data-score="3"] .s-bar:nth-child(3){background-color:#eab308}.login-split-container .strength-bars.strong[data-score="4"] .s-bar{background-color:var(--primary-teal)}.login-split-container .password-rules-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:2px}.login-split-container .rule-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;transition:color .2s}.login-split-container .rule-icon{color:#cbd5e1;transition:color .2s}.login-split-container .rule-item.met{color:#1a1e2b}.login-split-container .rule-item.met .rule-icon{color:var(--primary-teal)}.login-split-container .terms-checkbox-container{margin-top:10px;margin-bottom:5px}.login-split-container .terms-label{align-items:flex-start;line-height:1.4}.login-split-container .terms-label span{font-size:12px;margin-top:1px}.login-split-container .inline-link{color:var(--primary-teal);font-weight:700;text-decoration:underline}.login-split-container .inline-link:hover{color:#32b594}.login-split-container .otp-container{display:flex;gap:10px;margin-top:6px}.login-split-container .otp-input{width:52px;height:60px;text-align:center;font-size:22px;font-weight:700;color:#1a1e2b;border:2px solid #e2e8f0;border-radius:12px;background:var(--white);outline:none;transition:all .2s;caret-color:var(--primary-teal)}.login-split-container .otp-input:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px #3acfa926}.login-split-container .otp-input.error{border-color:#ef4444;color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.login-split-container .otp-status-row{display:flex;flex-direction:column;gap:4px;margin-top:-8px}.login-split-container .otp-error-text{font-size:13px;color:#ef4444;font-weight:600}.login-split-container .otp-timer{font-size:13px;color:#64748b}.login-split-container .timer-countdown{font-weight:700;color:#1a1e2b}.login-split-container .otp-links{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-top:-8px}.login-split-container .inline-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--primary-teal);font-weight:700;font-size:13px;text-decoration:underline;font-family:inherit}.login-split-container .inline-btn:disabled{color:#9ca3af;cursor:default;text-decoration:none}.login-split-container .inline-link-alt{color:var(--primary-teal);font-weight:700;font-size:13px;text-decoration:underline}.login-split-container .dot-separator{color:#cbd5e1}.login-split-container .security-notice-box{display:flex;align-items:flex-start;gap:12px;background:#3acfa914;border:1px solid rgba(58,207,169,.2);border-radius:12px;padding:14px 16px;margin-top:-4px}.login-split-container .security-icon{color:var(--primary-teal);flex-shrink:0;margin-top:1px}.login-split-container .security-notice-box p{font-size:13px;color:#64748b;line-height:1.5;margin:0}.login-split-container .level-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.login-split-container .level-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 20px;border:1.5px solid #e2e8f0;border-radius:14px;background:var(--white);cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.login-split-container .level-card:hover{border-color:var(--primary-teal);background:#3acfa90a}.login-split-container .level-card.selected{border-color:var(--primary-teal);background:#3acfa914;box-shadow:0 0 0 3px #3acfa926}.login-split-container .level-code{font-size:20px;font-weight:800;color:#1a1e2b;line-height:1.1}.login-split-container .level-card.selected .level-code{color:var(--primary-teal)}.login-split-container .level-label{font-size:12px;font-weight:500;color:#8a94a6}.login-split-container .level-test-link{font-size:13px;color:#64748b;margin-top:-4px}.login-split-container .goal-card{align-items:center;gap:8px;padding:18px 14px;text-align:center}.login-split-container .goal-emoji{font-size:22px;line-height:1}.login-split-container .goal-label{font-size:13px;font-weight:600;color:#1a1e2b;line-height:1.3;text-align:center}.login-split-container .goal-card.selected .goal-label{color:var(--primary-teal)}@media (max-width: 1100px){.login-split-container .login-feature-panel{display:none}.login-split-container .login-form-panel{padding:40px;align-items:center}.login-split-container .logo-wrapper{position:static;margin-bottom:40px}}@media (max-height: 800px){.login-split-container .login-form-panel{padding:16px 60px;justify-content:flex-start}.login-split-container .form-container{padding:8px 0}.login-split-container .form-title{font-size:32px;line-height:1.2;margin-bottom:6px}.login-split-container .form-subtitle{font-size:13px;margin-bottom:10px}.login-split-container .logo-img{width:160px}.login-split-container .logo-wrapper{margin-bottom:16px}.login-split-container .pill-badge-light{margin-bottom:12px;padding:6px 16px;font-size:10px}.login-split-container .auth-form{gap:8px}.login-split-container .form-group label{font-size:12px}.login-split-container .form-group input{padding:10px 14px;font-size:13px}.login-split-container .btn-submit{padding:12px;font-size:14px}.login-split-container .divider{margin:12px 0}.login-split-container .social-buttons{margin-top:0}.login-split-container .register-text{margin-top:12px!important;font-size:13px}.login-split-container .step-indicator-wrapper{margin-bottom:12px}.login-split-container .terms-checkbox-container{margin-top:0}.login-split-container .password-rules-list{margin-top:6px}.login-split-container .password-rules-list .rule-item{font-size:11px}.login-split-container .password-strength-container{margin-bottom:0}}.back-link{display:flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:600;margin-bottom:12px;transition:color .2s}.back-link:hover{color:var(--primary-teal)}.success-state{animation:fadeIn .5s ease-out}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid #f1f5f9}.header-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.header-breadcrumb span.current{color:#1a1e2b;font-weight:600}.header-actions{display:flex;align-items:center;gap:12px}.header-notification-btn{position:relative;background:none;border:none;cursor:pointer;color:#64748b;padding:8px;border-radius:10px}.header-notification-btn:hover{background:#f8fafc}.header-notification-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.header-user-avatar{width:36px;height:36px;border-radius:50%;background:#3acfa9;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;overflow:hidden;cursor:pointer}.header-user-avatar img{width:100%;height:100%;object-fit:cover}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f;max-height:420px;overflow-y:auto;z-index:1000;padding:8px 0;border:1px solid #e8edf2}.search-section-title{display:flex;align-items:center;gap:8px;padding:10px 20px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .15s}.search-result-item:hover{background:#f8fafc}.search-result-item:first-of-type{margin-top:2px}.search-item-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b}.search-item-info{display:flex;flex-direction:column;min-width:0}.search-item-name{font-size:14px;font-weight:600;color:#1a1e2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-meta{font-size:12px;color:#94a3b8;margin-top:2px}.search-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:#94a3b8;font-size:13px}.search-empty-state strong{color:#64748b}.search-wrapper-relative{position:relative;flex:1;max-width:480px;margin:0 24px}.notif-badge-number{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.notif-dropdown-wrapper{position:absolute;top:calc(100% + 12px);right:0;width:380px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f;z-index:100;border:1px solid #e8edf2;overflow:hidden}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.notif-dropdown-header h4{margin:0;font-size:15px;font-weight:700;color:#1a1e2b}.btn-mark-all-read{display:flex;align-items:center;gap:6px;background:none;border:none;color:#3acfa9;font-size:12px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s}.btn-mark-all-read:hover{background:#f0fdf9}.notif-list-container{max-height:360px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f8fafc}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#f0fdf9}.notif-item.unread:hover{background:#e6faf4}.notif-icon-circle{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#f1f5f9}.notif-icon-circle.reward{background:#fef3c7}.notif-icon-circle.class{background:#dbeafe}.notif-icon-circle.community{background:#ede9fe}.notif-icon-circle.system{background:#f1f5f9}.notif-content-info{display:flex;flex-direction:column;min-width:0;flex:1}.notif-message-text{font-size:13px;color:#334155;line-height:1.4}.notif-time-label{font-size:11px;color:#94a3b8;margin-top:4px}.notif-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;color:#94a3b8}.notif-dropdown-footer{padding:10px 20px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.btn-notif-close{background:none;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px}.btn-notif-close:hover{background:#f1f5f9;color:#64748b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.booking-modal{background:#fff;width:100%;max-width:900px;max-height:90vh;border-radius:32px;box-shadow:0 20px 50px #0000001a;position:relative;display:flex;flex-direction:column;animation:modalAppear .3s cubic-bezier(.16,1,.3,1)}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#1a1e2b}.modal-header{padding:40px 40px 24px;flex-shrink:0}.tutor-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:100px;margin-bottom:24px}.tutor-avatar-small{width:28px;height:28px;border-radius:50%;overflow:hidden}.tutor-avatar-small img{width:100%;height:100%;object-fit:cover}.tutor-pill span{font-size:14px;font-weight:600;color:#1a1e2b}.modal-title{font-size:32px;font-weight:800;color:#1a1e2b;margin:0 0 8px}.modal-subtitle{color:#94a3b8;font-size:16px;margin:0 0 24px}.step-indicator{display:flex;align-items:center;gap:16px}.progress-bar{display:flex;gap:8px;width:64px}.progress-fill{height:6px;flex:1;background:#f1f5f9;border-radius:100px}.progress-fill.active{background:#3acfa9}.step-text{font-size:13px;font-weight:600;color:#94a3b8}.modal-body{padding:0 40px 24px;flex:1;overflow-y:auto}.schedule-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.schedule-column{display:flex;flex-direction:column;gap:12px}.day-header{background:#f8fafc;padding:12px;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:4px}.day-name{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.5px}.day-date{font-size:15px;font-weight:800;color:#1a1e2b}.time-slot-btn{padding:12px;border-radius:12px;border:1px solid #3ACFA9;background:#fff;color:#3acfa9;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.time-slot-btn:hover{background:#3acfa90d}.time-slot-btn.active{background:#3acfa9;color:#fff;box-shadow:0 8px 20px #3acfa94d}.selection-banner{background:#f0fdf9;padding:16px 24px;border-radius:16px;border:1px solid rgba(58,207,169,.1)}.selection-info{display:flex;align-items:center;gap:12px;color:#1a1e2b;font-size:14px;font-weight:600}.check-circle{width:24px;height:24px;background:#f0fdf9;border:1px solid #3ACFA9;color:#3acfa9;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-footer{padding:20px 40px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.btn-cancel{padding:14px 28px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#1a1e2b;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc}.btn-continue{padding:14px 32px;border-radius:14px;border:none;background:#3acfa9;color:#fff;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.btn-continue:hover{background:#32b896;transform:translateY(-2px);box-shadow:0 8px 25px #3acfa966}.btn-continue:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.confirmation-view{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-card{background:#f8fafc;border-radius:24px;padding:24px;margin-bottom:32px;border:1px solid #f1f5f9}.tutor-info-box{display:flex;align-items:center;gap:16px;margin-bottom:20px}.tutor-avatar-med{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid white;box-shadow:0 4px 10px #0000000d}.tutor-avatar-med img{width:100%;height:100%;object-fit:cover}.tutor-name-confirm{font-size:18px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.tutor-specs{font-size:13px;color:#94a3b8;margin:0;display:flex;align-items:center;gap:4px}.details-list{display:flex;flex-direction:column;gap:12px}.detail-item{display:grid;grid-template-columns:24px 100px 1fr;align-items:center;gap:16px;padding:4px 0}.detail-icon{display:flex;align-items:center;justify-content:center}.detail-icon.calendar-icon{color:#ef4444}.detail-icon.clock-icon,.detail-icon.timer-icon{color:#64748b}.detail-label{color:#94a3b8;font-size:14px;font-weight:600}.detail-value{font-size:15px;font-weight:700;color:#1a1e2b}.notes-area{display:flex;flex-direction:column;gap:12px}.notes-label{font-size:14px;font-weight:700;color:#1a1e2b}.notes-input{width:100%;min-height:100px;padding:16px;border-radius:16px;border:none;background:#eef2f6;font-family:inherit;font-size:14px;color:#1a1e2b;resize:none;outline:none;transition:background-color .2s}.notes-input:focus{background-color:#e2e8f0}.bm-three-steps{width:96px}.config-step{display:flex;flex-direction:column;gap:28px;animation:fadeIn .3s ease}.config-section{display:flex;flex-direction:column;gap:12px}.config-label{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.tutor-select-grid{display:flex;gap:10px;flex-wrap:wrap}.tutor-select-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s;min-width:80px}.tutor-select-card:hover{border-color:#3acfa9;background:#f0fdf9;transform:translateY(-2px)}.tutor-select-card.selected{border-color:#3acfa9;background:#f0fdf9}.tsc-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#3acfa9;display:flex;align-items:center;justify-content:center}.tsc-avatar img{width:100%;height:100%;object-fit:cover}.tsc-name{font-size:13px;font-weight:700;color:#1e293b}.tsc-country{font-size:11px;color:#94a3b8;font-weight:500}.tsc-check{position:absolute;top:7px;right:7px;width:18px;height:18px;background:#3acfa9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.class-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.class-type-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s}.class-type-card:hover{border-color:#cbd5e1;background:#f1f5f9;transform:translateY(-2px)}.ctc-icon{font-size:24px;line-height:1}.ctc-label{font-size:12px;font-weight:700;color:#475569}.class-type-card.selected .ctc-label{color:#1e293b}.ctc-check{position:absolute;top:7px;right:7px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.duration-options{display:flex;gap:10px;flex-wrap:wrap}.duration-btn{padding:10px 22px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s;font-family:inherit}.duration-btn:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.duration-btn.selected{background:#3acfa9;border-color:#3acfa9;color:#fff;box-shadow:0 4px 12px #3acfa94d}.coins-reward{color:#059669;font-weight:800}.confirm-tutor-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f0fdf9,#e8f8f3);border:1px solid rgba(58,207,169,.25);border-radius:20px;padding:20px 24px;margin-bottom:14px}.ctb-left{display:flex;align-items:center;gap:16px}.ctb-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#3acfa9;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 4px 14px #3acfa94d;flex-shrink:0}.ctb-avatar img{width:100%;height:100%;object-fit:cover}.ctb-name{font-size:18px;font-weight:800;color:#1a1e2b;margin:0 0 7px}.ctb-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#16a085;background:#fff;padding:4px 12px;border-radius:100px;border:1px solid rgba(58,207,169,.3)}.ctb-rating{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.1}.ctb-rating strong{font-size:22px;font-weight:800;color:#1a1e2b}.confirm-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.cdg-item{display:flex;align-items:center;gap:14px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:16px;transition:border-color .2s,box-shadow .2s}.cdg-item:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.cdg-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cdg-label{display:block;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.cdg-value{display:block;font-size:15px;font-weight:800;color:#1a1e2b}.cdg-value-coins{color:#059669}.success-toast{position:fixed;top:24px;right:24px;background:#fff;border-radius:20px;padding:20px;display:flex;align-items:flex-start;gap:16px;min-width:320px;box-shadow:0 10px 30px #00000014;border:1px solid #f1f5f9;z-index:3000;animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.toast-icon-wrapper{width:40px;height:40px;background:#3acfa9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-content{flex:1}.toast-title{font-size:16px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.toast-desc{font-size:13px;color:#94a3b8;margin:0 0 12px}.toast-link{font-size:13px;font-weight:700;color:#3acfa9;text-decoration:none;display:flex;align-items:center;gap:6px;transition:gap .2s}.toast-link:hover{gap:10px}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close:hover{color:#1a1e2b}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:20px;border:1px solid var(--border)}.stat-header{display:flex;justify-content:space-between;margin-bottom:12px}.stat-circle{width:28px;height:28px;border-radius:50%;opacity:.1}.stat-meta{font-size:.75rem;font-weight:700;margin-top:4px}.central-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.next-class-promo{background:linear-gradient(135deg,#3acfa9,#17b897);border-radius:24px;padding:40px;color:#fff;position:relative;overflow:hidden}.promo-tag{font-size:.65rem;font-weight:800;letter-spacing:1px;margin-bottom:16px;opacity:.9}.promo-time{font-size:4rem;font-weight:800;margin-bottom:8px;line-height:1}.promo-title{font-size:1.4rem;font-weight:700;margin-bottom:8px}.promo-meta{font-size:.85rem;opacity:.9;margin-bottom:32px}.btn-join{background:#fff;color:var(--primary);border:none;padding:14px 32px;border-radius:100px;font-weight:700;font-size:.9rem;cursor:pointer}.pending-card{background:#fff;border-radius:24px;padding:24px;border:1px solid var(--border)}.card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title-row h3{font-size:1.1rem;font-weight:800;color:var(--text-dark)}.card-subtitle{font-size:.75rem;color:#94a3b8;margin-bottom:24px}.pending-list{display:flex;flex-direction:column;gap:16px}.pending-item{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f8fafc}.type-tag{padding:4px 10px;border-radius:8px;font-size:.6rem;font-weight:800;text-transform:uppercase}.item-name{font-size:.85rem;font-weight:600;color:var(--text-dark);flex:1}.item-due{font-size:.75rem;font-weight:600}.agenda-card{background:#fff;border-radius:24px;padding:32px;border:1px solid var(--border)}.agenda-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.agenda-title-group h3{font-size:1.2rem;font-weight:800}.agenda-title-group p{font-size:.8rem;color:#94a3b8;margin:0}.view-calendar{color:var(--primary);font-size:.8rem;font-weight:700;text-decoration:none}.agenda-table{width:100%}.agenda-row{display:grid;grid-template-columns:80px 1fr 120px 120px;padding:20px 0;border-bottom:1px solid #f8fafc;align-items:center}.agenda-time{font-weight:700;font-size:.95rem;color:var(--text-dark)}.agenda-topic{font-weight:600;color:var(--text-dark);font-size:.9rem}.topic-tag{justify-self:center;font-size:.65rem;font-weight:800;padding:4px 12px;border-radius:8px}.agenda-status{text-align:right;font-size:.8rem;font-weight:700}.bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.action-card{background:#fff;border-radius:24px;padding:32px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center}.action-icon-bg{width:60px;height:60px;background:#e2f7f1;border-radius:12px;margin-bottom:20px}.action-card h4{font-size:1.05rem;font-weight:800;margin-bottom:8px}.action-card p{font-size:.85rem;color:#94a3b8;margin-bottom:32px;line-height:1.5}.action-meta{font-size:.75rem;font-weight:700;color:var(--primary);margin-bottom:16px}.btn-action-full{width:100%;background:var(--primary);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.bg-purple{background:#f3e8ff;color:#a855f7}.bg-orange{background:#ffedd5;color:#f97316}.bg-blue{background:#dbeafe;color:#3b82f6}.bg-green-light{background:#e2f7f1;color:var(--primary)}.text-danger{color:#ef4444}.text-warning{color:#f97316}.tutor-classes-list{display:flex;flex-direction:column;gap:16px}.tutor-class-item{display:flex;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:16px;border:1.5px solid transparent;gap:16px;transition:all .15s}.tutor-class-item.active-class{background:#fff;border-color:#3acfa9;box-shadow:0 4px 18px #3acfa914}.class-time-block{display:flex;flex-direction:column;align-items:flex-start;width:60px;flex-shrink:0}.class-time-large{font-size:18px;font-weight:800;color:#1e293b}.class-duration{font-size:12px;color:#94a3b8;font-weight:600}.class-student-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.bg-teal-avatar{background:#3acfa9;color:#fff}.bg-purple-avatar{background:#a855f7;color:#fff}.bg-orange-avatar{background:#f97316;color:#fff}.class-student-info{flex:1;display:flex;flex-direction:column;gap:4px}.student-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.student-name{font-weight:800;color:#1e293b;font-size:14.5px}.level-badge-gray{background:#cbd5e1;color:#475569;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px}.class-topic-row{display:flex;align-items:center;font-size:13px;color:#64748b;font-weight:500}.class-badge-orange{display:inline-flex;align-items:center;gap:6px;color:#f97316;font-weight:700;font-size:12px;flex-shrink:0;margin-right:8px}.orange-dot{width:6px;height:6px;background:#f97316;border-radius:50%}.btn-tutor-start-class{padding:10px 18px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;transition:all .15s;flex-shrink:0}.btn-tutor-start-class:hover{background:#32b896;box-shadow:0 4px 12px #3acfa933}.btn-tutor-detail-class{padding:10px 18px;background:#fff;border:1.5px solid #cbd5e1;color:#475569;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s;flex-shrink:0}.btn-tutor-detail-class:hover{border-color:#94a3b8;color:#1e293b}.tutor-chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:160px;padding-top:20px}.chart-bar-column{display:flex;flex-direction:column;align-items:center;flex:1;gap:6px}.chart-hours-label{font-size:10.5px;font-weight:700;color:#94a3b8}.chart-bar-bg{width:10px;height:80px;background:#f1f5f9;border-radius:10px;display:flex;align-items:flex-end;overflow:hidden}.chart-bar-fill{width:100%;background:#cbd5e1;border-radius:10px}.chart-bar-fill.fill-active{background:#3acfa9}.chart-day-label{font-size:11px;font-weight:700;color:#94a3b8}.chart-day-label.day-active{color:#3acfa9;font-weight:800}.chart-date-label{font-size:11px;font-weight:700;color:#64748b}.chart-date-label.date-active{background:#3acfa9;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.progress-students-list{display:flex;flex-direction:column;gap:14px}.progress-student-row{display:flex;align-items:center;gap:12px}.progress-num{font-size:13px;font-weight:700;color:#94a3b8;width:12px}.progress-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11.5px}.progress-info{flex:1;display:flex;flex-direction:column}.progress-student-name{font-size:13.5px;font-weight:700;color:#1e293b}.progress-level-path{font-size:11.5px;color:#94a3b8;font-weight:600}.progress-pct-badge{font-size:12.5px;font-weight:700;color:#0e9f6e;background:#e6fcf5;padding:2px 8px;border-radius:6px}.admindb-page{padding:28px 32px 60px;font-family:Inter,Poppins,sans-serif}.admindb-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.admindb-page-title-wrap{display:flex;align-items:center;gap:14px}.admindb-title-icon{width:44px;height:44px;background:linear-gradient(135deg,#3acfa9,#0891b2);border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #3acfa94d}.admindb-page-title{font-size:22px;font-weight:800;color:#1a1e2b;margin:0;letter-spacing:-.3px}.admindb-page-subtitle{font-size:13px;color:#94a3b8;margin:3px 0 0}.admindb-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.admindb-refresh-btn:hover:not(:disabled){border-color:#3acfa9;color:#3acfa9;box-shadow:0 2px 10px #3acfa926}.admindb-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admindb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admindb-stat-card{background:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:14px;border:1px solid #f1f5f9;box-shadow:0 2px 10px #0000000a;transition:transform .2s,box-shadow .2s}.admindb-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.stat-icon-wrap{width:40px;height:40px;border-radius:11px;background:var(--card-bg);color:var(--card-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1}.stat-label{font-size:12px;color:#94a3b8;font-weight:500;margin-top:3px}.admindb-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.admindb-search-wrap{flex:1;min-width:200px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.admindb-search{width:100%;padding:11px 40px;border:1px solid #e2e8f0;border-radius:13px;font-size:14px;font-family:Inter,sans-serif;color:#1e293b;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.admindb-search:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91f}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex;align-items:center}.search-clear:hover{color:#475569}.admindb-role-filters{display:flex;gap:6px;flex-wrap:wrap}.role-filter-btn{padding:9px 15px;border-radius:11px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.role-filter-btn:hover{border-color:#3acfa9;color:#3acfa9}.role-filter-btn.active{background:#1a1e2b;border-color:#1a1e2b;color:#fff}.admindb-table-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a;overflow:hidden}.admindb-table-scroll{overflow-x:auto}.admindb-table{width:100%;border-collapse:collapse;text-align:left}.admindb-table thead tr{background:#f8fafc;border-bottom:1px solid #f1f5f9}.admindb-table th{padding:13px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;white-space:nowrap}.admindb-table td{padding:13px 16px;border-bottom:1px solid #f8fafc;vertical-align:middle;font-size:14px;color:#334155}.admindb-table tbody tr{transition:background .15s}.admindb-table tbody tr:hover{background:#f8fafc}.admindb-table tbody tr.editing-row{background:#f0fdf9}.admindb-table tbody tr:last-child td{border-bottom:none}.user-cell-td{display:flex!important;align-items:center;gap:11px;min-width:185px}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.user-name{font-weight:600;color:#0f172a;white-space:nowrap}.user-id-mono{font-size:11px;color:#94a3b8;font-family:Courier New,monospace}.email-text{color:#475569;font-size:13px}.password-cell{display:flex;align-items:center;gap:8px}.password-code{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:12px;color:#64748b;font-family:Courier New,monospace;letter-spacing:1px}.eye-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .2s}.eye-btn:hover{color:#475569}.level-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600}.inline-input{padding:7px 10px;border:1px solid #3ACFA9;border-radius:8px;font-size:13px;font-family:Inter,sans-serif;width:100%;outline:none;box-shadow:0 0 0 3px #3acfa91f;box-sizing:border-box}.inline-select{padding:7px 10px;border:1px solid #3ACFA9;border-radius:8px;font-size:13px;font-family:Inter,sans-serif;outline:none;box-shadow:0 0 0 3px #3acfa91f;background:#fff}.actions-td{width:90px}.actions-row{display:flex;gap:6px;align-items:center}.action-btn{width:32px;height:32px;border-radius:9px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.action-btn.edit-btn{background:#f1f5f9;color:#475569}.action-btn.edit-btn:hover{background:#e2e8f0;color:#1e293b}.action-btn.delete-btn{background:#fff1f2;color:#ef4444}.action-btn.delete-btn:hover{background:#fee2e2;color:#dc2626}.action-btn.save-btn{background:#3acfa9;color:#fff}.action-btn.save-btn:hover{background:#2ab89b}.action-btn.cancel-btn{background:#f1f5f9;color:#64748b}.action-btn.cancel-btn:hover{background:#e2e8f0}.admindb-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 40px;color:#94a3b8;font-size:14px}.admindb-spinner{width:34px;height:34px;border:3px solid #f1f5f9;border-top-color:#3acfa9;border-radius:50%;animation:spin .8s linear infinite}.admindb-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 40px;color:#94a3b8;font-size:14px}.admindb-count{text-align:right;font-size:12px;color:#94a3b8;margin-top:12px}.admindb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .18s ease}.admindb-modal{background:#fff;border-radius:24px;padding:40px 36px 32px;max-width:400px;width:90%;text-align:center;box-shadow:0 24px 60px #00000026;animation:slideUp .22s ease}.modal-danger-icon{width:60px;height:60px;background:#fff1f2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.modal-title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 10px}.modal-desc{font-size:14px;color:#64748b;margin:0 0 26px;line-height:1.6}.modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:13px;border-radius:13px;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.modal-btn.cancel{background:#fff;border:1px solid #e2e8f0;color:#475569}.modal-btn.cancel:hover{background:#f8fafc}.modal-btn.danger{background:#ef4444;border:none;color:#fff}.modal-btn.danger:hover{background:#dc2626}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.admindb-stats{grid-template-columns:repeat(2,1fr)}.admindb-page{padding:20px 20px 48px}}@media (max-width: 600px){.admindb-stats{grid-template-columns:1fr 1fr;gap:10px}.admindb-toolbar{flex-direction:column}.admindb-role-filters{flex-wrap:wrap}}.admin-tutors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-tutors-header h1{font-size:28px;font-weight:800;color:#1e293b;margin:0}.admin-tutors-header .subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.btn-add-tutor{background-color:#3acfa9;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;box-shadow:0 4px 12px #3acfa933}.btn-add-tutor:hover{background-color:#2eb490;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa94d}.admin-tutors-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-bar-container{position:relative;flex:1;max-width:480px}.search-bar-container input{width:100%;padding:12px 16px 12px 44px;border-radius:14px;border:1px solid #e2e8f0;outline:none;font-size:14px;background-color:#fff;color:#1e293b;transition:all .2s}.search-bar-container input:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.filter-buttons{display:flex;background-color:#f1f5f9;padding:4px;border-radius:12px;gap:2px}.filter-btn{background:none;border:none;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.filter-btn.active{background-color:#1e293b;color:#fff}.filter-btn:hover:not(.active){background-color:#0000000d;color:#1e293b}.tutors-table-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000008;border:1px solid #f1f5f9;overflow:visible;margin-bottom:32px}.tutors-loading,.tutors-empty{padding:40px;text-align:center;color:#64748b;font-size:15px}.tutors-table{width:100%;border-collapse:collapse;text-align:left}.tutors-table th{padding:12px;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.tutors-table td{padding:14px 12px;border-bottom:1px solid #f8fafc;vertical-align:middle;color:#334155;font-size:14px}.tutors-table th:first-child,.tutors-table td:first-child{padding-left:24px}.tutors-table th:last-child,.tutors-table td:last-child{padding-right:24px}.tutors-table tbody tr:hover{background-color:#f8fafc}.tutor-profile-cell{display:flex;align-items:center;gap:12px}.tutor-avatar-initials{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.tutor-avatar-initials.bg-activo{background-color:#8b5cf6}.tutor-avatar-initials.bg-invitado{background-color:#854d0e}.tutor-avatar-initials.bg-inactivo{background-color:#64748b}.tutors-table tr:nth-child(2n) .tutor-avatar-initials.bg-activo{background-color:#3b82f6}.tutors-table tr:nth-child(3n) .tutor-avatar-initials.bg-activo{background-color:#ef4444}.tutors-table tr:nth-child(4n) .tutor-avatar-initials.bg-activo{background-color:#10b981}.tutor-profile-info{display:flex;flex-direction:column}.tutor-name-txt{font-weight:700;color:#1e293b;font-size:15px}.tutor-email-txt{font-size:12px;color:#64748b;margin-top:2px}.tutor-specialty-txt{font-weight:500;color:#334155}.tutor-levels-badge{background-color:#f1f5f9;color:#475569;font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px}.tutor-languages-txt{color:#475569;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:700;gap:6px}.status-badge.status-activo{background-color:#e6fcf5;color:#0e9f6e}.status-badge.status-activo .status-dot{width:6px;height:6px;background-color:#0e9f6e;border-radius:50%}.status-badge.status-invitado{background-color:#fffbeb;color:#b45309}.status-badge.status-invitado .status-dot{width:6px;height:6px;background-color:#b45309;border-radius:50%}.status-badge.status-inactivo{background-color:#f1f5f9;color:#64748b}.status-badge.status-inactivo .status-dot{width:6px;height:6px;background-color:#64748b;border-radius:50%}.rating-container{display:flex;align-items:center;gap:4px}.rating-val{font-weight:700;color:#1e293b}.star-icon{fill:#f59e0b;color:#f59e0b}.actions-cell{text-align:right;width:48px}.actions-cell-inner{position:relative;display:inline-block}.btn-actions-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:8px;border-radius:8px;transition:all .2s}.btn-actions-toggle:hover{background-color:#f1f5f9;color:#1e293b}.actions-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;border:1px solid #f1f5f9;z-index:100;display:flex;flex-direction:column;padding:6px;min-width:130px}.actions-dropdown button{background:none;border:none;padding:10px 14px;text-align:left;font-size:13px;font-weight:600;color:#475569;cursor:pointer;border-radius:8px;display:flex;align-items:center;transition:all .2s}.actions-dropdown button:hover{background-color:#f8fafc;color:#1e293b}.actions-dropdown button.delete-btn{color:#ef4444}.actions-dropdown button.delete-btn:hover{background-color:#fef2f2;color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.tutor-success-modal{background:#fff;border-radius:24px;width:90%;max-width:440px;padding:40px 32px;text-align:center;box-shadow:0 20px 40px #0000001a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.success-icon-circle{width:64px;height:64px;border-radius:50%;background-color:#e6fcf5;color:#0e9f6e;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 4px 12px #0e9f6e1a}.tutor-success-modal h2{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 12px}.tutor-success-modal p{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 32px}.success-modal-buttons{display:flex;flex-direction:column;gap:12px}.btn-success-add-another{background-color:#fff;color:#3acfa9;border:2px solid #3ACFA9;border-radius:12px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-success-add-another:hover{background-color:#f0fdf9;transform:translateY(-1px)}.btn-success-view-all{background-color:#3acfa9;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3acfa933}.btn-success-view-all:hover{background-color:#2eb490;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa94d}.wizard-container{max-width:800px;margin:0 auto 40px;animation:fadeIn .3s ease}.wizard-navigation-header{margin-bottom:28px}.btn-back-nav{background:none;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 0;margin-bottom:16px;transition:color .2s}.btn-back-nav:hover{color:#1e293b}.wizard-navigation-header h1{font-size:28px;font-weight:800;color:#1e293b;margin:0 0 24px}.wizard-progress-steps{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px}.progress-step-item{display:flex;align-items:center;gap:8px;color:#94a3b8;transition:all .3s}.progress-step-item.active{color:#1e293b}.progress-step-item.completed{color:#0e9f6e}.step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#e2e8f0;font-weight:700;font-size:13px;color:#64748b;transition:all .3s}.progress-step-item.active .step-num{background-color:#3acfa9;color:#fff;box-shadow:0 4px 10px #3acfa94d}.progress-step-item.completed .step-num{background-color:#e6fcf5;color:#0e9f6e;border:1px solid #0e9f6e}.step-label{font-size:14px;font-weight:600}.progress-divider{flex:1;max-width:60px;height:2px;background-color:#e2e8f0;transition:all .3s}.progress-step-item.completed+.progress-divider{background-color:#3acfa9}.wizard-card-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000005;border:1px solid #f1f5f9}.wizard-card-form h2{font-size:18px;font-weight:800;color:#1e293b;margin:0 0 28px}.photo-upload-section{display:flex;align-items:center;gap:20px;margin-bottom:32px}.avatar-preview-circle{width:80px;height:80px;border-radius:50%;background-color:#f8fafc;border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .2s}.avatar-preview-circle:hover{border-color:#3acfa9;background-color:#f0fdf9}.avatar-img{width:100%;height:100%;object-fit:cover}.camera-placeholder{color:#94a3b8}.photo-upload-info h3{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 4px}.photo-upload-info p{font-size:12px;color:#94a3b8;margin:0 0 8px}.btn-upload-trigger{background-color:#f1f5f9;color:#475569;border:none;border-radius:8px;padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.btn-upload-trigger:hover{background-color:#e2e8f0;color:#1e293b}.form-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group-wizard{display:flex;flex-direction:column;gap:6px}.form-group-wizard.full-width-wizard{grid-column:span 2}.form-group-wizard label{font-size:13px;font-weight:700;color:#475569}.form-group-wizard input,.form-group-wizard select{padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;outline:none;font-size:14px;color:#1e293b;background-color:#fff;transition:border-color .2s}.form-group-wizard input:focus,.form-group-wizard select:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91a}.wizard-actions-footer{display:flex;justify-content:space-between;margin-top:36px;border-top:1px solid #f1f5f9;padding-top:24px}.btn-wizard-cancel{background-color:#f1f5f9;color:#475569;border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-wizard-cancel:hover{background-color:#e2e8f0;color:#1e293b}.btn-wizard-continue{background-color:#3acfa9;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #3acfa933}.btn-wizard-continue:hover{background-color:#2eb490;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa94d}.btn-wizard-submit{background-color:#3acfa9;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3acfa933}.btn-wizard-submit:hover{background-color:#2eb490;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa94d}.wizard-form-section{margin-bottom:32px}.wizard-form-section h3{font-size:14px;font-weight:700;color:#475569;margin:0 0 12px}.badge-selector-grid{display:flex;gap:10px;flex-wrap:wrap}.level-toggle-badge{background-color:#fff;color:#64748b;border:1.5px solid #e2e8f0;padding:8px 16px;border-radius:99px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.level-toggle-badge:hover{border-color:#3acfa9;color:#3acfa9;background-color:#f0fdf9}.level-toggle-badge.selected{background-color:#3acfa9;color:#fff;border-color:#3acfa9;box-shadow:0 4px 12px #3acfa933}.languages-editor-list{display:flex;flex-direction:column;gap:12px;max-width:580px}.lang-editor-row{display:flex;align-items:center;gap:12px;background-color:#f8fafc;border-radius:12px;padding:8px 16px;border:1px solid #f1f5f9}.lang-editor-row.fixed-row{background-color:#f1f5f9}.lang-flag-emoji{font-size:20px}.lang-name-text{font-weight:600;font-size:14px;color:#1e293b;flex:1}.native-fixed-badge{background-color:#e6fcf5;color:#0e9f6e;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px}.select-lang-name{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;outline:none;font-size:14px;color:#1e293b;background-color:#fff}.select-lang-level{padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;outline:none;font-size:14px;color:#1e293b;background-color:#fff}.btn-remove-lang{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.btn-remove-lang:hover{background-color:#fee2e2;color:#ef4444}.btn-add-lang-trigger{align-self:flex-start;background:none;border:none;color:#3acfa9;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;padding:6px 0;transition:color .2s}.btn-add-lang-trigger:hover{color:#2eb490}.bio-textarea{width:100%;height:120px;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;outline:none;font-size:14px;color:#1e293b;resize:vertical;font-family:inherit;transition:border-color .2s}.bio-textarea:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91a}.revision-section{padding-bottom:24px;margin-bottom:24px}.revision-section.border-top{border-top:1px solid #f1f5f9;padding-top:24px}.revision-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.revision-section-header h3{font-size:15px;font-weight:800;color:#1e293b;margin:0}.btn-revision-edit{background:none;border:none;color:#3acfa9;font-weight:700;font-size:13px;cursor:pointer;transition:color .2s}.btn-revision-edit:hover{color:#2eb490}.revision-profile-summary{display:flex;gap:20px;align-items:flex-start}.revision-avatar-circle{width:64px;height:64px;border-radius:50%;background-color:#3acfa9;color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.revision-avatar-circle img{width:100%;height:100%;object-fit:cover}.revision-profile-text{flex:1}.revision-profile-text h4{font-size:18px;font-weight:800;color:#1e293b;margin:0 0 4px}.specialty-sub{font-size:13px;color:#64748b;font-weight:500;margin:0 0 16px}.summary-fields-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.summary-lbl{display:block;font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:.5px;margin-bottom:4px}.summary-val{font-size:14px;font-weight:600;color:#334155}.summary-teaching-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.teaching-summary-block{display:flex;flex-direction:column}.teaching-summary-block.full-width{grid-column:span 2}.summary-levels-badges{display:flex;gap:6px;flex-wrap:wrap}.pill-small-rev{background-color:#f1f5f9;color:#475569;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px}.summary-languages-list{display:flex;flex-direction:column;gap:6px}.summary-lang-item{font-size:13px;font-weight:600;color:#475569}.summary-topics-badges{display:flex;gap:6px;flex-wrap:wrap}.pill-gray-rev{background-color:#f8fafc;color:#475569;font-size:12px;font-weight:600;padding:4px 10px;border:1px solid #e2e8f0;border-radius:6px}.summary-bio-txt{font-size:13px;color:#475569;line-height:1.6;margin:0}.invitation-banner-alert{display:flex;gap:12px;background-color:#e6fcf5;border:1px solid rgba(14,159,110,.15);border-radius:12px;padding:16px;margin:24px 0 0;align-items:center}.banner-icon{font-size:18px}.invitation-banner-alert p{font-size:13px;color:#047857;margin:0;line-height:1.5}.skills-editor-grid{display:flex;flex-direction:column;gap:16px;max-width:580px}.skill-editor-row{display:flex;align-items:center;gap:16px}.skill-editor-label{width:150px;font-size:13px;font-weight:700;color:#475569;flex-shrink:0}.skill-slider-wrapper{display:flex;align-items:center;gap:12px;flex:1}.skill-range-input{flex:1;height:6px;border-radius:99px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0}.skill-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:currentColor;cursor:pointer;box-shadow:0 2px 6px #00000026}.skill-value-badge{min-width:40px;padding:4px 8px;border-radius:8px;font-size:13px;font-weight:800;color:#fff;text-align:center}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--primary: #3ACFA9;--primary-hover: #2EB488;--bg-main: #f8fafc;--sidebar-width: 260px;--text-dark: #1e293b;--text-gray: #64748b;--border: #f1f5f9}.dashboard-layout{display:flex;height:100vh;width:100%;background-color:var(--bg-main);font-family:Poppins,sans-serif;overflow:hidden;box-sizing:border-box}.dashboard-layout *{box-sizing:border-box}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-logo{padding:32px 24px;display:flex;align-items:center;gap:12px}.sidebar-logo .logo{font-weight:700;font-size:1.4rem;color:var(--primary);display:flex;align-items:center;gap:8px}.sidebar-logo .logo-span{color:var(--text-dark)}.badge-student{background:#e2f7f1;color:var(--primary);font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;margin-left:4px}.sidebar-menu{flex:1;overflow-y:auto;padding:0 0 20px}.menu-section{margin-bottom:24px}.menu-title{font-size:.65rem;color:#94a3b8;font-weight:700;text-transform:uppercase;padding:0 24px;margin-bottom:8px;letter-spacing:.8px}.menu-item{display:flex;align-items:center;padding:10px 24px;color:var(--text-gray);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border-left:4px solid transparent}.menu-item:hover{background:#f8fafc;color:var(--text-dark)}.menu-item.active{color:#fff;background:var(--primary);border-left-color:#2eb488}.menu-item svg{margin-right:12px;width:18px;height:18px}.user-profile-sidebar{padding:16px;background:#f8fafc;margin:16px;border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer}.user-avatar-sidebar{width:40px;height:40px;background:var(--primary);border-radius:50%;border:3px solid white}.user-info-sidebar{display:flex;flex-direction:column}.user-name-sidebar{font-weight:700;color:var(--text-dark);font-size:.85rem}.user-level-sidebar{font-size:.7rem;color:var(--primary);font-weight:600}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-left:10px}.top-navbar{height:80px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:.8rem;color:#94a3b8}.breadcrumb span{color:var(--text-dark);font-weight:500}.search-container{display:flex;align-items:center;background:#f8fafc;padding:10px 20px;border-radius:12px;width:380px;border:1px solid #f1f5f9}.search-container input{border:none;background:transparent;outline:none;margin-left:12px;width:100%;font-size:.85rem;color:var(--text-dark)}.header-right{display:flex;align-items:center;gap:20px}.notif-btn{background:#fff;border:1px solid #f1f5f9;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-gray);cursor:pointer;position:relative}.notif-dot{position:absolute;top:10px;right:12px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.btn-reserve{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s}.btn-reserve:hover{background:var(--primary-hover);transform:translateY(-1px)}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 40px 40px;max-width:100%}.header-greeting h1{font-size:2rem;font-weight:800;color:var(--text-dark);margin:0 0 4px}.header-greeting p{color:#94a3b8;font-size:.95rem;margin-bottom:32px}.badge-tutor{background:#e2f7f1;color:var(--primary);font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;margin-left:4px}.menu-badge{margin-left:auto;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:100px}.menu-badge.badge-live{background:#fee2e2;color:#ef4444;font-weight:800;font-size:.6rem;padding:2px 8px;text-transform:uppercase}.menu-badge.badge-count{background:#f97316;color:#fff;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;font-size:.7rem}.user-avatar-sidebar.tutor-avatar{background:#8b5cf6;color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}.calendar-main-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-top:32px}.calendar-left-panel{display:flex;flex-direction:column;gap:24px}.calendar-header-controls{display:flex;justify-content:space-between;align-items:center}.calendar-header-controls h2{font-size:24px;font-weight:800;color:#1a1e2b;margin:0}.controls-group{display:flex;gap:8px;align-items:center}.btn-icon-round{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.btn-icon-round:hover{background:#f8fafc;border-color:#cbd5e1}.btn-today{padding:8px 20px;border-radius:100px;border:1px solid #e2e8f0;background:#fff;font-size:14px;font-weight:600;color:#475569;cursor:pointer}.calendar-grid-container{background:#fff;border-radius:24px;padding:32px;border:1px solid #f1f5f9}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:24px}.calendar-days-header div{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:1px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day-cell{height:80px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;position:relative}.calendar-day-cell:hover{background:#f8fafc}.calendar-day-cell.active{background:#3acfa9}.calendar-day-cell.active .day-number{color:#fff}.day-number{font-size:16px;font-weight:700;color:#1a1e2b}.class-dot{width:6px;height:6px;border-radius:50%;background:#3acfa9}.calendar-day-cell.active .class-dot{background:#fff}.calendar-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cal-stat-card{background:#fff;padding:24px;border-radius:20px;border:1px solid #f1f5f9}.cal-stat-label{font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:8px}.cal-stat-val{font-size:28px;font-weight:800;color:#1a1e2b;margin-bottom:4px}.cal-stat-meta{font-size:13px;color:#94a3b8}.text-primary{color:#3acfa9;font-weight:600}.calendar-right-panel{background:#fff;border-radius:24px;padding:32px;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:24px}.panel-header h3{font-size:20px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.panel-header p{font-size:14px;color:#94a3b8;margin:0}.day-classes-list{display:flex;flex-direction:column;gap:16px}.class-detail-card{background:#f8fafc;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.class-card-header{display:flex;justify-content:space-between;align-items:flex-start}.class-time-box{display:flex;align-items:baseline;gap:8px}.time-main{font-size:24px;font-weight:800;color:#1a1e2b}.duration{font-size:13px;color:#94a3b8;font-weight:600}.class-type-tag{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;color:#3b82f6;background:#eff6ff}.tag-grammar{color:#3b82f6;background:#eff6ff}.tag-grammar .type-dot{background:#3b82f6}.tag-speaking{color:#f97316;background:#fff7ed}.tag-speaking .type-dot{background:#f97316}.tag-vocabulary{color:#a855f7;background:#faf5ff}.tag-vocabulary .type-dot{background:#a855f7}.type-dot{width:6px;height:6px;border-radius:50%}.class-title{font-size:18px;font-weight:700;color:#1a1e2b;margin:0}.class-level{font-size:14px;color:#94a3b8;margin:0}.class-footer{display:flex;justify-content:space-between;align-items:center}.tutor-info{display:flex;align-items:center;gap:8px}.tutor-name{font-size:14px;font-weight:600;color:#475569}.status-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.status-confirmed{color:#3acfa9}.status-confirmed .status-dot{background:#3acfa9}.status-pending{color:#f59e0b}.status-pending .status-dot{background:#f59e0b}.btn-class-action{width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary{background:#3acfa9;color:#fff;border:none}.btn-primary:hover{background:#32b594}.btn-outline{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-outline:hover{background:#f8fafc}@media (max-width: 1200px){.calendar-main-grid{grid-template-columns:1fr}}.tc-topbar{display:flex;align-items:center;gap:16px;padding:0 28px;height:64px;background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0}.tc-breadcrumb{font-size:13px;font-weight:600;color:#94a3b8;white-space:nowrap}.tc-breadcrumb span{color:#1a1e2b}.tc-search-wrap{flex:1;display:flex;align-items:center;gap:10px;background:#f8fafc;border-radius:12px;padding:8px 14px;border:1px solid #f1f5f9}.tc-search-wrap input{border:none;background:transparent;outline:none;font-size:13.5px;color:#1a1e2b;width:100%}.btn-nueva-clase{background:#3acfa9;color:#fff;border:none;padding:9px 20px;border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-nueva-clase:hover{background:#2ab898}.tc-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tc-page-header h1{font-size:26px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.tc-page-header p{font-size:13.5px;color:#94a3b8;margin:0}.tc-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.btn-bloquear,.btn-configurar{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .15s}.btn-bloquear:hover,.btn-configurar:hover{background:#f8fafc;color:#1a1e2b}.tc-layout{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}.tc-calendar-wrap{background:#fff;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden}.tc-nav-bar{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid #f1f5f9}.btn-hoy{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;cursor:pointer;color:#475569}.btn-arrow{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}.tc-week-label{font-size:14px;font-weight:700;color:#1a1e2b;flex:1}.tc-view-tabs{display:flex;gap:2px;background:#f1f5f9;border-radius:10px;padding:3px}.view-tab{padding:5px 14px;border-radius:8px;border:none;background:transparent;font-size:12.5px;font-weight:600;color:#64748b;cursor:pointer}.view-tab.active{background:#fff;color:#1a1e2b;box-shadow:0 1px 4px #00000012}.tc-days-header{display:grid;grid-template-columns:56px repeat(7,1fr);border-bottom:1px solid #f1f5f9}.tc-time-gutter-head{border-right:1px solid #f1f5f9}.tc-day-head{display:flex;flex-direction:column;align-items:center;padding:10px 0 8px;border-right:1px solid #f1f5f9;gap:4px}.tc-day-head:last-child{border-right:none}.tc-day-letter{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase}.tc-day-num{font-size:15px;font-weight:800;color:#1a1e2b}.tc-day-num-today{background:#3acfa9;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.tc-day-today .tc-day-letter{color:#3acfa9}.tc-day-weekend{background:#fafafa}.tc-weekend-label{font-size:9px;font-weight:700;color:#cbd5e1;text-align:center;line-height:1.4}.tc-grid-body{display:grid;grid-template-columns:56px repeat(7,1fr);position:relative}.tc-time-gutter{border-right:1px solid #f1f5f9}.tc-hour-cell{height:60px;display:flex;align-items:flex-start;padding-top:4px;padding-right:8px;justify-content:flex-end}.tc-hour-cell span{font-size:10.5px;font-weight:600;color:#cbd5e1}.tc-day-col{position:relative;border-right:1px solid #f1f5f9;min-height:840px}.tc-day-col:last-child{border-right:none}.tc-day-col-weekend{background:#fafafa}.tc-hour-line{position:absolute;left:0;right:0;height:1px;background:#f1f5f9}.tc-class-block{position:absolute;left:4px;right:4px;border-radius:8px;padding:5px 7px;overflow:hidden;cursor:pointer;transition:filter .15s;display:flex;flex-direction:column;gap:2px}.tc-class-block:hover{filter:brightness(.95)}.tc-class-active{box-shadow:0 2px 10px #3acfa92e}.tc-block-name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-block-level{font-size:10px;font-weight:600;opacity:.75}.tc-blocked{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 4px,#e2e8f0 4px,#e2e8f0 8px)!important;border-left:3px solid #94a3b8!important}.tc-blocked span{font-size:10px;font-weight:800;color:#64748b;letter-spacing:.5px}.tc-right-panel{display:flex;flex-direction:column;gap:16px}.tc-week-stats{background:#fff;border-radius:18px;border:1px solid #f1f5f9;padding:18px 20px}.tc-week-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tc-esta-semana-label{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:1px}.tc-clases-count{font-size:13px;color:#64748b}.tc-clases-count strong{font-size:20px;font-weight:800;color:#1a1e2b}.tc-stats-row{display:flex;gap:8px;margin-bottom:10px}.tc-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;background:#f8fafc;border-radius:12px;padding:10px 6px}.tc-stat-item-blue .tc-stat-val{color:#3b82f6}.tc-stat-val{font-size:18px;font-weight:800;color:#1a1e2b}.tc-stat-lbl{font-size:9px;font-weight:700;color:#94a3b8;letter-spacing:.5px;margin-top:2px}.tc-vs-semana{font-size:12px;color:#3acfa9;font-weight:700;margin:0}.tc-next-class-card{background:#1e293b;border-radius:18px;padding:20px;color:#fff;display:flex;flex-direction:column;gap:12px}.tc-next-label{font-size:10px;font-weight:800;color:#64748b;letter-spacing:1px}.tc-next-time-row{display:flex;align-items:center;gap:10px}.tc-next-time{font-size:32px;font-weight:900;color:#fff;letter-spacing:-1px}.tc-next-badge{background:#3acfa9;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;letter-spacing:.5px}.tc-next-student{display:flex;align-items:center;gap:12px}.tc-student-avatar-lg{width:40px;height:40px;border-radius:50%;background:#3acfa9;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc-student-info{display:flex;flex-direction:column;gap:2px}.tc-student-name{font-size:14px;font-weight:800;color:#fff}.tc-student-topic{font-size:12px;color:#64748b}.btn-ver-detalle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#3acfa9;color:#fff;border:none;padding:10px;border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s}.btn-ver-detalle:hover{background:#2ab898}.tc-slots-card{background:#fff;border-radius:18px;border:1px solid #f1f5f9;padding:18px 20px}.tc-slots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tc-slots-title{font-size:14px;font-weight:800;color:#1a1e2b}.tc-slots-sub{font-size:12px;color:#94a3b8}.tc-slots-list{display:flex;flex-direction:column;gap:10px}.tc-slot-row{background:#f8fafc;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.tc-slot-day{font-size:12.5px;font-weight:700;color:#1a1e2b}.tc-slot-range{font-size:12px;color:#64748b}.classes-tabs{display:flex;gap:16px;margin-top:32px;border-bottom:1px solid #f1f5f9;padding-bottom:2px}.tab-item{background:none;border:none;padding:12px 16px;font-size:16px;font-weight:600;color:#94a3b8;cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;transition:all .2s}.tab-item.active{color:#3acfa9}.tab-item.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#3acfa9;border-radius:3px 3px 0 0}.tab-count{font-size:12px;background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:100px}.tab-item.active .tab-count{background:#e0faf2;color:#3acfa9}.classes-list{margin-top:32px;display:flex;flex-direction:column;gap:24px}.class-date-group{display:flex;flex-direction:column;gap:12px}.group-date-header{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.5px;margin:0;padding-left:4px}.group-classes-list{display:flex;flex-direction:column;gap:16px}.class-wide-card{background:#fff;border-radius:16px;padding:24px 32px;display:grid;grid-template-columns:100px 1fr 180px 160px;align-items:center;gap:24px;border:1px solid #f1f5f9;transition:all .2s}.class-wide-card:hover{box-shadow:0 4px 20px #0000000a;border-color:#e2e8f0}.class-date-info{display:flex;flex-direction:column;gap:4px}.cls-time{font-size:24px;font-weight:800;color:#1a1e2b}.cls-duration{font-size:13px;color:#94a3b8;font-weight:500}.class-main-info{display:flex;flex-direction:column;gap:10px}.cls-title{font-size:18px;font-weight:700;color:#1a1e2b;margin:0}.cls-tags-row{display:flex;gap:8px}.cls-badge-gray{font-size:11px;font-weight:600;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:100px}.cls-tutor-row{display:flex;align-items:center;gap:10px}.tutor-avatar-mini{width:24px;height:24px;border-radius:50%;background:#3acfa9}.tutor-name{font-size:13px;font-weight:500;color:#64748b}.class-status-info{display:flex;flex-direction:column;gap:8px}.cls-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.cls-status.confirmed{color:#1a1e2b}.cls-status.pending{color:#f59e0b}.status-dot{width:8px;height:8px;border-radius:50%}.confirmed .status-dot{background:#3acfa9}.pending .status-dot{background:#f59e0b}.cls-points{font-size:12px;font-weight:700;color:#3acfa9;margin-left:16px}.class-actions{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.time-warning-tag{position:absolute;top:-28px;right:0;background:#fef2f2;color:#ef4444;font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.btn-action{width:100%;padding:10px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap}.btn-action.primary{background:#3acfa9;color:#fff;border:none}.btn-action.primary:hover{background:#32b594}.btn-action.outline{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-action.outline:hover{background:#f8fafc}.list-footer{margin-top:16px;font-size:14px;color:#94a3b8;text-align:left}.empty-state{padding:60px;text-align:center;color:#94a3b8;background:#fff;border-radius:24px;border:1px dashed #e2e8f0}@media (max-width: 1100px){.class-wide-card{grid-template-columns:1fr 1fr;gap:16px}}.cls-status.cancelled{color:#475569}.status-dot.red-dot{width:8px;height:8px;border-radius:50%;background:#ef4444}.status-text-cancelled{font-size:13px;font-weight:600;color:#475569}.status-badge-pill{font-size:12px;font-weight:700;padding:6px 12px;border-radius:100px;display:inline-block;text-align:center;margin-top:4px;width:fit-content}.status-badge-pill.reimbursed{background:#e0faf2;color:#3acfa9}.status-badge-pill.no-refund{background:#f1f5f9;color:#64748b}.cancelled-card .btn-action.outline{background:#fff;color:#1a1e2b;border:1px solid #e2e8f0;font-weight:700}.cancelled-card .btn-action.outline:hover{background:#f8fafc;border-color:#cbd5e1}.cancelled-card .btn-action.primary{background:#3acfa9;color:#fff;border:none;font-weight:700}.cancelled-card .btn-action.primary:hover{background:#2ebd99}.tutors-notice{margin-top:32px;background:#f0fdf9;border:1px solid #ccfbf1;color:#14b8a6;padding:16px 24px;border-radius:16px;font-size:14px;display:flex;align-items:center;gap:12px;font-weight:500}.tutors-grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.tutor-card{background:#fff;border-radius:24px;padding:32px;border:1px solid #f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1)}.tutor-card:hover{box-shadow:0 10px 30px #0000000d;transform:translateY(-4px);border-color:#e2e8f0}.tutor-card-top{display:flex;gap:20px;align-items:center;margin-bottom:24px}.tutor-avatar-large{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800}.tutor-basic-info h3{font-size:18px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.tutor-country{font-size:13px;color:#94a3b8;margin:0 0 8px}.tutor-spec-badge{font-size:11px;font-weight:700;background:#f0fdf9;color:#3acfa9;padding:4px 12px;border-radius:100px}.tutor-stats-row{display:flex;border-top:1px solid #f8fafc;border-bottom:1px solid #f8fafc;padding:16px 0;margin-bottom:20px}.tutor-stat-item{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.stat-value-group{display:flex;align-items:center;gap:8px}.stat-number{font-size:16px;font-weight:800;color:#1a1e2b}.stars-row{display:flex;gap:2px}.stat-value-text{font-size:14px;font-weight:700;color:#1a1e2b}.tutor-skills-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.skill-bar-row{display:flex;align-items:center;gap:16px}.skill-name{font-size:11px;font-weight:600;color:#94a3b8;width:60px}.bar-bg{flex:1;height:6px;background:#f1f5f9;border-radius:100px;overflow:hidden}.bar-fill{height:100%;border-radius:100px}.bar-fill.speaking{background:#f87171}.bar-fill.grammar{background:#60a5fa}.bar-fill.writing{background:#fbbf24}.tutor-card-actions{display:flex;gap:12px}.btn-reserve-tutor{flex:1.5;background:#3acfa9;color:#fff;border:none;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-reserve-tutor:hover{background:#32b594;box-shadow:0 4px 12px #3acfa94d}.btn-view-profile{flex:1;background:#fff;color:#475569;border:1px solid #e2e8f0;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-view-profile:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width: 768px){.tutors-grid{grid-template-columns:1fr}}.tutor-profile-layout{background:#f8fafc}.tutor-container{padding:24px 48px!important;display:flex;flex-direction:column}.back-nav-container{padding-left:0;margin-bottom:16px}.btn-back-tutors{background:none;border:none;color:#3acfa9;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;width:fit-content}.tutor-top-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:24px}.tutor-top-grid>div,.tutor-top-grid>aside{height:100%;margin-bottom:0;display:flex;flex-direction:column}.tutor-card-profile-header,.tutor-card-sidebar{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 4px 15px #00000005;height:100%}.tutor-full-width-sections{display:flex;flex-direction:column;gap:24px}.tutor-card-section{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 4px 15px #00000005}.tutor-header-info{display:flex;gap:24px;align-items:flex-start}.tutor-avatar-big{width:120px;height:120px;border-radius:50%;background:#f1f5f9;flex-shrink:0}.tutor-info-text h1{font-size:28px;font-weight:800;color:#1a1e2b;margin-bottom:8px}.tutor-locations{display:flex;align-items:center;gap:12px;font-size:14px;color:#64748b;margin-bottom:12px}.tutor-locations .dot{color:#cbd5e1}.tutor-specialty-badge{display:inline-block;background:#f0fdf9;color:#3acfa9;font-size:12px;font-weight:800;padding:6px 16px;border-radius:100px;margin-bottom:20px}.tutor-stats-row-clean{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;font-weight:600;margin-bottom:24px}.tutor-stats-row-clean .rating-star{font-size:14px}.tutor-stats-row-clean .rating-val{font-weight:800;color:#1a1e2b}.tutor-stats-row-clean .stat-dot{color:#cbd5e1}.tutor-header-btns{display:flex;gap:16px;margin-top:12px}.btn-reserve-main{background:#3acfa9;color:#fff;border:none;padding:12px 32px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-reserve-main:hover{background:#32b594;box-shadow:0 4px 12px #3acfa933}.btn-message-white{background:#fff;color:#1a1e2b;border:1px solid #e2e8f0;padding:12px 32px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-message-white:hover{background:#f8fafc;border-color:#cbd5e1}.tutor-card-section h3{font-size:18px;font-weight:800;color:#1a1e2b;margin-bottom:20px}.section-sub{font-size:13px;color:#94a3b8;margin-bottom:24px}.about-langs{display:flex;flex-direction:column;gap:24px}.lang-label{display:block;font-size:12px;font-weight:800;color:#1a1e2b;margin-bottom:8px}.lang-block p{font-size:14px;line-height:1.6;color:#475569}.skills-bars-container{display:flex;flex-direction:column;gap:16px}.skill-bar-row{display:grid;grid-template-columns:140px 1fr 60px;align-items:center;gap:20px}.skill-name{font-size:13px;font-weight:600;color:#1a1e2b}.skill-bar-outer{height:8px;background:#f1f5f9;border-radius:10px}.skill-bar-inner{height:100%;border-radius:10px}.skill-val{font-size:13px;font-weight:800;color:#1a1e2b;text-align:right}.slots-calendar-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.slot-day-col{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #f1f5f9;padding:12px;border-radius:16px}.slot-weekday{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;text-align:center;margin-bottom:2px}.slot-date-num{font-size:13px;font-weight:800;color:#1a1e2b;text-align:center;margin-bottom:8px}.slot-times{display:flex;flex-direction:column;gap:8px}.btn-time-slot{background:#fff;border:1px solid #3ACFA9;padding:8px;border-radius:8px;font-size:11px;font-weight:700;color:#3acfa9;cursor:pointer;transition:all .2s}.btn-time-slot:hover{background:#3acfa9;color:#fff;border-color:#3acfa9}.btn-full-availability{display:block;margin:24px auto 0;width:fit-content;background:#3acfa9;color:#fff;border:none;padding:12px 32px;border-radius:100px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.btn-full-availability:hover{background:#32b594;box-shadow:0 4px 12px #3acfa933}.reviews-header-block{margin-bottom:24px}.reviews-header-block h3{margin-bottom:6px;font-size:18px;font-weight:800;color:#1a1e2b}.rating-summary-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;font-weight:600}.rating-summary-row .stat-dot{color:#cbd5e1}.review-item-card{background:#f8fafc;padding:24px;border-radius:20px;margin-bottom:20px}.rev-header{display:flex;gap:16px;margin-bottom:16px}.rev-user-avatar{width:40px;height:40px;border-radius:50%;background:#3acfa9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.rev-user-info{display:flex;flex-direction:column;flex:1}.rev-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rev-name-row strong{font-size:14px;color:#1a1e2b}.rev-date{font-size:11px;color:#94a3b8}.rev-text{font-size:14px;line-height:1.6;color:#475569}.btn-leave-review{background:#fff;color:#475569;border:1px solid #e2e8f0;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:block;margin-top:16px}.btn-leave-review:hover{background:#f8fafc;border-color:#cbd5e1}.tutor-card-sidebar h3{font-size:16px;font-weight:800;margin-bottom:24px}.sidebar-info-block{margin-bottom:24px}.info-title{display:block;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:12px}.info-pills{display:flex;flex-wrap:wrap;gap:8px}.pill-small{padding:4px 10px;background:#e2f7f1;color:#3acfa9;font-size:11px;font-weight:800;border-radius:100px}.pill-gray{padding:4px 12px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:600;border-radius:100px}.info-item-lang{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.dot-lang{width:8px;height:8px;border-radius:50%;background:#f87171}.dot-lang.speak{background:#fbbf24}.info-pills-levels{display:flex;gap:8px;flex-wrap:wrap}.pill-level{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.pill-level.active{background:#e2f7f1;color:#3acfa9}.pill-level.inactive{background:#f1f5f9;color:#cbd5e1}.info-list-spoken{display:flex;flex-direction:column;gap:12px}.spoken-lang-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569;font-weight:600}.lang-flag{font-size:16px}.review-modal{background:#fff;border-radius:24px;padding:32px;width:100%;max-width:480px;position:relative;box-shadow:0 20px 40px #0000001a;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}.review-modal h2{font-size:20px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.review-modal .modal-subtitle{font-size:14px;color:#64748b;margin:0 0 24px}.rating-selector-section,.comment-selector-section{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.rating-selector-section .label,.comment-selector-section .label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.stars-selector{display:flex;gap:8px}.star-selector-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .1s}.star-selector-btn:hover{transform:scale(1.15)}.review-textarea{width:100%;height:100px;padding:12px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;resize:none;background:#fff;box-sizing:border-box;font-family:inherit;transition:border-color .2s}.review-textarea:focus{border-color:#3acfa9}.review-error-text{color:#ef4444;font-size:13px;font-weight:600;margin:0 0 16px}@media (max-width: 1100px){.tutor-main-grid{grid-template-columns:1fr}.tutor-sidebar-col{display:none}}.resources-toolbar{margin-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.filter-buttons{display:flex;gap:12px}.filter-btn{padding:10px 24px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.filter-btn.active{background:#1a1e2b;color:#fff;border-color:#1a1e2b}.category-legend{display:flex;gap:16px}.cat-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b}.cat-legend-item .dot{width:8px;height:8px;border-radius:50%}.resources-grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.resource-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #f1f5f9;transition:all .3s;display:flex;flex-direction:column}.resource-card:hover{box-shadow:0 10px 30px #0000000d;transform:translateY(-4px)}.resource-thumb{height:180px;padding:24px;position:relative;display:flex;align-items:center;justify-content:center}.res-type-tag{position:absolute;top:16px;left:16px;background:#fff;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:700;color:#64748b;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000000d}.res-visual-placeholder{width:100%;max-width:140px;display:flex;flex-direction:column;gap:8px}.res-line-short,.res-line-long{height:8px;background:#0000000d;border-radius:4px}.res-line-short{width:60%}.res-line-long{width:100%}.resource-body{padding:24px;flex:1}.res-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.res-cat-badge{font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px}.cat-grammar{color:#3b82f6;background:#eff6ff}.cat-listening{color:#14b8a6;background:#f0fdfa}.cat-vocabulary{color:#a855f7;background:#faf5ff}.cat-speaking{color:#f43f5e;background:#fff1f2}.cat-writing{color:#eab308;background:#fefce8}.res-level-badge{font-size:11px;font-weight:600;color:#94a3b8}.res-title{font-size:18px;font-weight:800;color:#1a1e2b;margin:0 0 10px}.res-desc{font-size:14px;color:#64748b;line-height:1.5;margin:0}.resource-footer{padding:20px 24px;border-top:1px solid #f8fafc;display:flex;justify-content:space-between;align-items:center}.res-author{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569}.res-author-avatar{width:24px;height:24px;border-radius:50%;background:#e2e8f0}.res-stats{display:flex;gap:12px}.stat-group{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8;font-weight:600}@media (max-width: 640px){.resources-toolbar{flex-direction:column;align-items:flex-start}}.settings-page-wrapper{padding:24px 48px!important}.settings-top-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.settings-back-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1e2b;box-shadow:0 2px 6px #00000008;transition:all .2s ease}.settings-back-btn:hover{background:#f8fafc;transform:translate(-2px)}.settings-top-header h1{font-size:24px;font-weight:800;color:#1a1e2b;margin:0}.settings-split-grid{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.settings-sidebar-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;align-items:center;padding-bottom:24px;position:relative;position:sticky;top:16px}.settings-card-banner{height:88px;width:100%;background:linear-gradient(135deg,#3acfa9,#29b897);position:absolute;top:0;left:0}.settings-avatar-circle-wrapper{width:88px;height:88px;border-radius:50%;border:3px solid white;box-shadow:0 4px 12px #0000001a;position:relative;margin-top:44px;cursor:pointer;overflow:hidden;background:#f1f5f9;z-index:2;flex-shrink:0;transition:transform .2s ease}.settings-avatar-circle-wrapper:hover{transform:scale(1.03)}.settings-avatar-circle-img{width:100%;height:100%;object-fit:cover}.settings-avatar-circle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.settings-avatar-circle-wrapper:hover .settings-avatar-circle-overlay{opacity:1}.settings-card-user-info{text-align:center;margin-top:12px;padding:0 16px;width:100%;box-sizing:border-box}.settings-card-user-info h2{font-size:17px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.settings-card-user-info p{font-size:11.5px;color:#64748b;font-weight:600;margin:0 0 12px}.btn-edit-profile-action{background:#fff;border:1px solid #cbd5e1;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center}.btn-edit-profile-action:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.settings-sidebar-divider{width:calc(100% - 32px);height:1px;background:#f1f5f9;margin:16px 0}.settings-sidebar-section{width:100%;padding:0 20px;box-sizing:border-box}.settings-sidebar-section h3{font-size:11.5px;font-weight:800;color:#1a1e2b;margin:0 0 10px}.confirmed-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.confirmed-info-list li{font-size:12px;color:#475569;font-weight:600;display:flex;align-items:center;gap:8px}.confirmed-check{color:#3acfa9;flex-shrink:0}.sidebar-stats-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.sidebar-stats-list li{display:flex;justify-content:space-between;font-size:12px;color:#64748b;line-height:1.4}.sidebar-stats-list li strong{color:#1a1e2b;font-weight:700}.settings-main-panel{display:flex;flex-direction:column;gap:20px;min-width:0}.settings-horizontal-nav{display:flex;border-bottom:1.5px solid #e2e8f0;gap:4px;overflow-x:auto}.nav-tab-item{background:none;border:none;font-size:13.5px;font-weight:700;color:#94a3b8;cursor:pointer;padding:10px 16px 14px;position:relative;transition:color .2s ease;outline:none;white-space:nowrap;flex-shrink:0}.nav-tab-item:hover{color:#475569}.nav-tab-item.active{color:#3acfa9}.nav-tab-item.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2.5px;background:#3acfa9;border-radius:10px}.settings-sections-scrollable{display:flex;flex-direction:column;gap:20px;width:100%}.settings-section-block{display:flex;flex-direction:column;gap:14px;width:100%;align-items:flex-start}.section-block-header{width:100%;text-align:left}.section-block-header h2{font-size:20px;font-weight:800;color:#1a1e2b;margin:0 0 4px;text-align:left}.section-block-header p{font-size:13px;color:#94a3b8;margin:0;text-align:left}.section-items-card{background:#fff;border-radius:16px;border:1px solid #f1f5f9;padding:20px 24px;box-shadow:0 2px 12px #00000003;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.items-card-subtitle{font-size:10.5px;font-weight:800;color:#94a3b8;letter-spacing:.8px;margin-bottom:4px;display:block}.items-card-subtitle.danger{color:#ef4444}.settings-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f8fafc;cursor:pointer;gap:10px;transition:padding-left .15s ease}.settings-list-item:last-child{border-bottom:none;padding-bottom:0}.settings-list-item.flex-col-align-start{align-items:flex-start;flex-direction:column;cursor:default}.settings-list-item:not(.flex-col-align-start):hover{padding-left:4px}.list-item-content{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.item-label{font-size:13px;font-weight:700;color:#1a1e2b;line-height:1.4}.item-value{font-size:12.5px;color:#64748b;font-weight:600;overflow:hidden;text-overflow:ellipsis}.item-value-hint{font-size:11.5px;color:#94a3b8;font-weight:500;line-height:1.4}.item-value-right{font-size:12.5px;color:#3acfa9;font-weight:700}.verified-badge{background:#e2f7f1;color:#3acfa9;font-size:10px;font-weight:800;padding:3px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0}.change-btn-text{font-size:12px;font-weight:700;color:#3acfa9;flex-shrink:0}.item-arrow{color:#cbd5e1;flex-shrink:0;transition:transform .15s ease}.settings-list-item:not(.flex-col-align-start):hover .item-arrow{transform:translate(3px);color:#94a3b8}.inline-edit-fields{display:flex;align-items:center;gap:8px;margin-top:8px;width:100%;flex-wrap:wrap}.inline-edit-fields.flex-col{flex-direction:column;align-items:flex-start}.inline-input{padding:8px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:12.5px;color:#1a1e2b;outline:none;background:#fff;min-width:120px;max-width:160px;box-sizing:border-box;font-family:inherit}.inline-input.w-full{max-width:100%;width:100%}.inline-input:focus{border-color:#3acfa9}.inline-select{padding:8px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:12.5px;color:#1a1e2b;outline:none;background:#fff;cursor:pointer;font-family:inherit}.inline-select:focus{border-color:#3acfa9}.btn-inline-save{padding:8px 14px;background:#3acfa9;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s ease;white-space:nowrap;font-family:inherit}.btn-inline-save.mt-2{margin-top:8px}.btn-inline-save.align-self-end{align-self:flex-end}.btn-inline-save:hover{background:#2bb896}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:24px;transition:all .2s ease}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 1px 4px #00000026}input:checked+.toggle-slider{background:#3acfa9}input:checked+.toggle-slider:before{transform:translate(20px)}.skills-practice-tags-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.skills-practice-tag{padding:7px 16px;border:1.5px solid #cbd5e1;border-radius:100px;font-size:12.5px;font-weight:700;color:#475569;background:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;outline:none;font-family:inherit}.skills-practice-tag:hover{border-color:#3acfa9}.skills-practice-tag.selected{background:#3acfa9;border-color:#3acfa9;color:#fff}.tag-check{font-size:10px;font-weight:900}.preferences-action-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:4px}.btn-cancel-prefs{padding:11px 20px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-cancel-prefs:hover{border-color:#94a3b8;color:#475569}.btn-save-prefs{padding:11px 22px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;gap:6px}.btn-save-prefs:hover{background:#2bb896;box-shadow:0 4px 12px #3acfa940;transform:translateY(-1px)}.danger-row{cursor:pointer}.danger-row:hover{padding-left:0!important}.danger-text{color:#ef4444!important}.danger-arrow{color:#fecdd3!important}.settings-list-item.danger-row:hover .danger-arrow{transform:translate(3px);color:#ef4444!important}.active-device-badge{background:#f0fdf9;color:#3acfa9;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:100px;white-space:nowrap;flex-shrink:0}.close-session-text{font-size:12px;font-weight:700;color:#ef4444;flex-shrink:0}.balance-dark-card{background:#1a1e2b;border-radius:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.balance-info-col{display:flex;flex-direction:column;gap:4px}.balance-card-label{font-size:10.5px;font-weight:800;color:#ffffff80;letter-spacing:.8px}.balance-big-val{display:flex;align-items:baseline;gap:8px}.balance-big-val strong{font-size:32px;font-weight:900;color:#fff;line-height:1}.balance-currency-label{font-size:14px;font-weight:600;color:#3acfa9}.balance-card-breakdown{font-size:11px;color:#fff6;font-weight:500}.btn-recharge-coins{padding:11px 20px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;flex-shrink:0}.btn-recharge-coins:hover{background:#2bb896;box-shadow:0 4px 14px #3acfa959}.payment-visa-card-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f8fafc;gap:12px}.visa-card-info{display:flex;align-items:center;gap:12px}.visa-card-icon-styled{font-size:22px;flex-shrink:0}.visa-card-text{display:flex;flex-direction:column;gap:3px}.visa-name-text{font-size:13px;font-weight:700;color:#1a1e2b}.visa-expiry-text{font-size:11.5px;color:#94a3b8;font-weight:500}.principal-payment-badge{background:#f0fdf9;color:#3acfa9;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:100px;flex-shrink:0}.paypal-card-styled-row{display:flex;align-items:center;gap:12px}.paypal-icon{font-size:22px;flex-shrink:0}.paypal-text-wrapper{display:flex;flex-direction:column;gap:2px}.secundary-payment-text{font-size:12px;font-weight:600;color:#94a3b8;flex-shrink:0}.add-payment-method-row{padding-top:14px}.btn-add-payment-method{background:none;border:none;font-size:12.5px;font-weight:700;color:#3acfa9;cursor:pointer;padding:0;font-family:inherit}.btn-add-payment-method:hover{color:#2bb896}.transaction-items-list{display:flex;flex-direction:column;gap:0}.transaction-item-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #f8fafc;gap:12px}.transaction-item-row:last-child{border-bottom:none}.tx-info{display:flex;flex-direction:column;gap:2px;flex:1}.tx-title{font-size:12.5px;font-weight:700;color:#1a1e2b}.tx-date{font-size:11px;color:#94a3b8;font-weight:500}.tx-value{font-size:13px;font-weight:800;white-space:nowrap;flex-shrink:0}.tx-value.positive{color:#3acfa9}.tx-value.negative{color:#64748b}.tx-footer-links-row{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.tx-view-all-link{font-size:12.5px;font-weight:700;color:#3acfa9;cursor:pointer}.tx-view-all-link:hover{color:#2bb896}.tx-download-recibos-btn{font-size:12px;font-weight:700;color:#64748b;cursor:pointer;display:flex;align-items:center}.tx-download-recibos-btn:hover{color:#1a1e2b}.settings-save-toast{position:fixed;bottom:32px;right:32px;background:#1a1e2b;color:#fff;padding:14px 20px;border-radius:14px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #00000026;z-index:9999;animation:slideUpToast .3s ease}@keyframes slideUpToast{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-check{width:22px;height:22px;background:#3acfa9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 1100px){.settings-split-grid{grid-template-columns:1fr}.settings-sidebar-card{position:static}}.sessions-info-note{font-size:11.5px;color:#94a3b8;font-weight:500;background:#f8fafc;border-radius:8px;padding:10px 14px;margin:4px 0;line-height:1.5}.class-styles-container{display:flex;flex-direction:column;gap:12px}.class-style-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;cursor:pointer;transition:all .15s ease}.class-style-card:hover{border-color:#3acfa9}.class-style-card.selected{background:#f0fdfa;border-color:#3acfa9}.class-style-radio{display:flex;align-items:center;justify-content:center}.radio-outer{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.radio-outer.selected{border-color:#3acfa9}.radio-inner{width:10px;height:10px;border-radius:50%;background:#3acfa9}.class-style-content h4{margin:0 0 4px;font-size:14px;font-weight:700;color:#1a1e2b}.class-style-content p{margin:0;font-size:12px;color:#94a3b8}.frequency-grid{display:flex;gap:12px;flex-wrap:wrap}.freq-box{padding:10px 20px;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;font-size:13.5px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease;outline:none}.freq-box:hover{border-color:#3acfa9;color:#1e293b}.freq-box.selected{background:#3acfa9;border-color:#3acfa9;color:#fff}.w-full{width:100%}.mt-2{margin-top:8px}.flex-col{flex-direction:column}.align-self-end{align-self:flex-end}.settings-page-title{margin-bottom:24px}.settings-page-title h1{font-size:24px;font-weight:800;color:#1a1e2b;margin:0 0 8px}.settings-page-title p{font-size:14px;color:#64748b;margin:0}.settings-panel{background:#fff;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden}.settings-panel.no-overflow{overflow:visible}.settings-panel-header{padding:24px 28px 20px;border-bottom:1px solid #f1f5f9}.settings-panel-header.no-border{border-bottom:none}.settings-panel-header h2{font-size:18px;font-weight:700;color:#1a1e2b;margin:0 0 4px}.settings-panel-header p{font-size:13px;color:#94a3b8;margin:0}.settings-panel-body{padding:28px}.pref-section{display:flex;flex-direction:column}.security-divider{height:1px;background:#f1f5f9;margin:24px 0}.security-section-title{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.security-section-title.danger{color:#ef4444}.live-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:16px}.live-indicator{display:flex;align-items:center;gap:8px}.live-dot-red{width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 3px #ef444433;animation:pulse-red-dot 1.5s infinite}@keyframes pulse-red-dot{0%{transform:scale(.95);box-shadow:0 0 #ef444466}70%{transform:scale(1);box-shadow:0 0 0 5px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.live-title-red{color:#ef4444;font-weight:800;font-size:12px;letter-spacing:1px}.live-subtitle-gray{font-size:13px;color:#94a3b8;font-weight:600}.live-rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.live-room-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px;display:flex;flex-direction:column;transition:all .2s}.live-room-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000a}.live-card-tags{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.live-level-badge{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:800}.tag-green{background:#e6fcf5;color:#0e9f6e}.tag-blue{background:#eff6ff;color:#1c64f2}.tag-purple{background:#faf5ff;color:#9061f9}.tag-purple-dark{background:#f3e8ff;color:#7e3af2}.live-badge-red{display:inline-flex;align-items:center;gap:6px;background:#ef4444;color:#fff;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:800}.live-dot-small-red{width:6px;height:6px;background:#fff;border-radius:50%}.live-card-title{font-size:16.5px;font-weight:800;color:#1e293b;margin:0 0 20px;line-height:1.4;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-card-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.live-tutor-info{display:flex;align-items:center;gap:8px}.live-tutor-avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.live-tutor-name{font-size:13px;font-weight:700;color:#475569}.live-members-count{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#64748b}.btn-live-join{padding:12px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s;outline:none;text-align:center;box-shadow:0 4px 12px #3acfa926}.btn-live-join:hover{background:#32b896;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa940}.upcoming-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:36px;margin-bottom:16px}.upcoming-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#475569;letter-spacing:1px}.upcoming-subtitle-gray{font-size:13px;color:#94a3b8;font-weight:600}.upcoming-rooms-list{display:flex;flex-direction:column;gap:12px}.upcoming-room-row{display:flex;align-items:center;padding:16px 20px;background:#fff;border:1px solid #f1f5f9;border-radius:20px;gap:20px;transition:all .2s}.upcoming-room-row:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000005}.upcoming-time-box{background:#f8fafc;border-radius:14px;padding:10px;width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.upcoming-day{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;margin-bottom:2px}.upcoming-time{font-size:18px;font-weight:800;color:#1e293b}.upcoming-content-block{flex:1;display:flex;flex-direction:column;gap:6px}.upcoming-meta-row{display:flex}.upcoming-title-text{font-size:15.5px;font-weight:800;color:#1e293b;margin:0}.upcoming-details-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;font-weight:600}.bullet-dot{color:#cbd5e1}.upcoming-time-remaining{color:#94a3b8}.btn-upcoming-signup{padding:12px 20px;background:#f0fdfa;color:#3acfa9;border:none;border-radius:12px;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .15s;flex-shrink:0;outline:none}.btn-upcoming-signup:hover{background:#3acfa9;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3acfa933}.info-icon-circle{width:36px;height:36px;background:#e6fcf5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 992px){.live-rooms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.live-rooms-grid{grid-template-columns:1fr}.upcoming-room-row{flex-direction:column;align-items:flex-start;gap:16px}.upcoming-time-box{width:100%;flex-direction:row;justify-content:space-between;padding:10px 16px}.btn-upcoming-signup{width:100%;text-align:center}}.objectives-pill-grid{display:flex;gap:8px;flex-wrap:wrap}.objective-pill{padding:8px 20px;border-radius:100px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.objective-pill:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.objective-pill.selected{border-color:#3acfa9;background:#3acfa9;color:#fff}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;user-select:none}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width: 600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media (max-width: 600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media (max-width: 600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media (max-width: 400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}.room-detail-layout{padding-bottom:0!important;overflow:hidden!important}.room-grid-system{display:grid;grid-template-columns:220px 1fr 340px;height:calc(100vh - 80px);margin-top:0;background:#f8fafc}.room-sidebar-list{background:#fff;border-right:1px solid #f1f5f9;padding:24px 16px;display:flex;flex-direction:column;gap:32px;overflow-y:auto}.room-sidebar-header h3{font-size:15px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.room-sidebar-header p{font-size:12px;color:#94a3b8;margin:0}.room-sidebar-section{display:flex;flex-direction:column;gap:16px}.section-label{font-size:11px;font-weight:700;color:#cbd5e1;letter-spacing:.5px}.mini-rooms-list{display:flex;flex-direction:column;gap:4px}.mini-room-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.mini-room-item.active{background:#3acfa9;color:#fff}.mini-room-count{font-size:11px;opacity:.8}.in-room-participants{display:flex;flex-direction:column;gap:12px}.in-room-p{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#475569}.p-dot{width:8px;height:8px;border-radius:50%}.room-main-video-area{padding:24px;display:flex;flex-direction:column;gap:20px;background:#f8fafc;overflow-y:auto}.video-area-header{display:flex;justify-content:space-between;align-items:flex-start}.room-title-group h2{font-size:20px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.room-topic-text{font-size:13px;color:#94a3b8;display:block;margin-bottom:8px}.live-badge{display:inline-flex;align-items:center;gap:6px;background:#fff1f2;color:#ef4444;padding:2px 10px;border-radius:100px;font-size:11px;font-weight:800}.live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.room-stats-banner{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.room-stats-banner span{font-size:12px;color:#94a3b8;font-weight:600}.coins-earned{background:#f0fdf9;color:#3acfa9;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:700}.video-tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;gap:16px;flex:1}.video-tile{border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px #0000000d}.video-tile.large{grid-row:span 2;grid-column:span 1}.tile-initials{font-size:64px;font-weight:800;color:#fff6;letter-spacing:-2px}.video-tile.large .tile-initials{font-size:120px}.tile-actions{position:absolute;top:12px;left:12px;display:flex;gap:8px}.tile-btn{width:28px;height:28px;border-radius:6px;background:#1a1e2b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.tile-footer{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#1a1e2b66);display:flex;justify-content:space-between;align-items:center;color:#fff}.tile-name{font-size:13px;font-weight:700}.tile-role-badge{font-size:9px;background:#f59e0b;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:800}.tile-role-badge.tutor{background:#3acfa9}.tile-user-controls{display:flex;gap:12px}.video-controls-bar{background:#fff;padding:12px 32px;border-radius:24px;display:flex;gap:16px;align-self:center;box-shadow:0 8px 30px #0000001a;margin-bottom:24px}.control-btn{width:54px;height:54px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.control-btn.active{background:#f0fdf9;color:#3acfa9;border-color:#3acfa9}.control-btn-leave{width:54px;height:54px;border-radius:20px;background:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.room-chat-area{background:#fff;border-left:1px solid #f1f5f9;display:flex;flex-direction:column;width:380px;flex-shrink:0}[data-lk-chat],.lk-chat-toggle,[class*=lk-control-bar],.lk-control-bar{display:none!important}[class*=lk-participant-tile]{border-radius:14px!important;overflow:hidden!important;margin:4px!important}[class*=lk-focus-layout]{border-radius:14px!important;overflow:hidden!important}[class*=lk-grid-layout]{gap:8px!important;padding:8px!important}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-60px) scale(1.3)}to{opacity:0;transform:translateY(-120px) scale(.8)}}[class*=lk-participant-metadata]{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}[class*=lk-participant-name]{color:#fff!important;font-weight:700!important;font-size:12px!important;background:#3acfa9!important;padding:4px 12px!important;border-radius:20px!important;text-shadow:none!important;margin:6px!important}[class*=lk-participant-metadata-item],[class*=lk-focus-layout] [class*=lk-participant-metadata]{background:transparent!important}[class*=lk-button]:has([class*=lk-fullscreen]),[class*=lk-focus-toggle],button[aria-label*=fullscreen],button[aria-label*=screen]{display:none!important}.chat-area-header{padding:24px 20px;border-bottom:1px solid #f1f5f9}.chat-area-header h3{font-size:16px;font-weight:800;color:#1a1e2b;margin:0 0 20px}.chat-tabs{display:flex;background:#f8fafc;padding:4px;border-radius:12px;gap:4px}.chat-tabs button{flex:1;padding:8px;border-radius:8px;border:none;background:transparent;font-size:12px;font-weight:700;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.chat-tabs button.active{background:#fff;color:#1a1e2b;box-shadow:0 2px 8px #0000000d}.chat-messages-container{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px;background:#fff}.chat-msg{display:flex;gap:12px}.msg-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;flex-shrink:0}.msg-content{display:flex;flex-direction:column;gap:4px}.msg-header{display:flex;align-items:center;gap:8px}.msg-user{font-size:13px;font-weight:800;color:#1a1e2b}.msg-host-tag{font-size:9px;background:#fef3c7;color:#d97706;padding:2px 6px;border-radius:4px;font-weight:800}.msg-time{font-size:11px;color:#cbd5e1}.msg-text{font-size:13px;color:#475569;line-height:1.5}.chat-input-area{padding:20px;border-top:1px solid #f1f5f9}.input-wrapper{display:flex;background:#f8fafc;padding:8px 8px 8px 16px;border-radius:100px;border:1px solid #e2e8f0}.input-wrapper input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:#1a1e2b}.btn-send{width:36px;height:36px;border-radius:50%;background:#3acfa9;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-send:hover{background:#32b594;transform:scale(1.05)}.breezai-layout{overflow:hidden!important;background:#f8fafc}.breezai-layout .header-greeting{padding:32px 48px 0}.ai-chat-container{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:24px 32px 24px 48px!important;height:calc(100vh - 180px)}.ai-chat-main-card{background:#fff;border-radius:24px;border:1px solid #f1f5f9;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 15px #00000005}.chat-card-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.breezy-profile{display:flex;gap:12px;align-items:center}.breezy-avatar-circle{width:40px;height:40px;border-radius:50%;background:#3acfa9;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #3acfa94d}.breezy-info h4{font-size:15px;font-weight:800;color:#1a1e2b;margin:0}.breezy-info span{font-size:12px;color:#94a3b8}.chat-header-actions{display:flex;align-items:center;gap:12px}.session-active-badge{font-size:11px;font-weight:700;color:#3acfa9;background:#f0fdf9;padding:4px 12px;border-radius:100px}.btn-new-chat{background:#f8fafc;border:1px solid #e2e8f0;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;color:#64748b;display:flex;align-items:center;gap:6px;cursor:pointer}.btn-more-chat{background:none;border:none;color:#cbd5e1;cursor:pointer}.ai-messages-list{flex:1;overflow-y:auto;padding:32px 24px;display:flex;flex-direction:column;gap:32px;background:#fff}.ai-msg-row{display:flex;gap:16px;width:100%}.ai-msg-row.user{justify-content:flex-end}.msg-avatar-breezy{width:32px;height:32px;border-radius:50%;background:#3acfa9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-bubble-container{max-width:75%;display:flex;flex-direction:column;gap:12px}.ai-msg-bubble{padding:16px 20px;border-radius:20px;font-size:15px;line-height:1.6}.ai-msg-bubble.ai{background:#f1f9f8;color:#1a1e2b;border-top-left-radius:4px}.ai-msg-bubble.user{background:#3acfa9;color:#fff;border-top-right-radius:4px}.ai-msg-bubble p{margin:0;white-space:pre-line}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px}.suggestion-pill-chat{padding:8px 16px;background:#fff;border:1px solid #3ACFA9;color:#3acfa9;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.suggestion-pill-chat:hover{background:#3acfa9;color:#fff}.ai-feedback-section{margin-top:20px;background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(58,207,169,.1)}.feedback-item{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.feedback-item.check{font-weight:600;color:#1a1e2b}.feedback-item.tip{color:#64748b;font-style:italic}.chat-input-footer{padding:24px;border-top:1px solid #f1f5f9}.input-field-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;padding:8px 8px 8px 24px;display:flex;align-items:center;gap:12px}.input-field-wrapper input{flex:1;background:transparent;border:none;outline:none;font-size:15px;color:#1a1e2b}.input-btns{display:flex;gap:8px}.btn-mic-chat{width:44px;height:44px;border-radius:50%;background:#f0fdf9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-send-chat{width:44px;height:44px;border-radius:50%;background:#1a1e2b;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-stats-sidebar{display:flex;flex-direction:column}.stats-section-title{font-size:13px;font-weight:800;color:#1a1e2b;margin-bottom:16px}.stats-section-title.mt-30{margin-top:30px}.session-stats-grid{background:#fff;border-radius:24px;padding:8px;border:1px solid #f1f5f9;display:flex;flex-direction:column}.stat-row{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #f8fafc}.stat-row:last-child{border-bottom:none}.stat-icon-box{width:40px;height:40px;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-data{display:flex;flex-direction:column}.stat-label{font-size:11px;font-weight:700;color:#94a3b8}.stat-value{font-size:18px;font-weight:800;color:#1a1e2b}.stat-value.text-red{color:#f87171}.stat-value.text-green{color:#3acfa9}.stat-value.text-blue{color:#3b82f6}.recent-sessions-list{display:flex;flex-direction:column;gap:12px}.recent-session-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.session-info{display:flex;flex-direction:column}.session-date{font-size:11px;color:#cbd5e1;font-weight:600}.session-name{font-size:13px;font-weight:700;color:#475569}.session-meta{display:flex;flex-direction:column;align-items:flex-end}.session-time{font-size:11px;color:#94a3b8}.session-coins{font-size:11px;font-weight:800;color:#3acfa9;background:#f0fdf9;padding:2px 8px;border-radius:4px}.tip-of-the-day-card{margin-top:32px;background:#fffcf0;border:1px solid #fef3c7;border-radius:16px;padding:16px}.tip-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#f59e0b;margin-bottom:8px;text-transform:uppercase}.tip-of-the-day-card p{font-size:12px;color:#92400e;margin:0;line-height:1.5}@media (max-width: 1200px){.ai-chat-container{grid-template-columns:1fr}.ai-stats-sidebar{display:none}}.community-layout{background:#f8fafc}.community-layout .header-greeting{padding:32px 48px 0}.community-triple-grid{display:grid;grid-template-columns:210px minmax(400px,1fr) 280px;gap:20px;padding:24px 32px 24px 48px!important;width:100%;box-sizing:border-box}.comm-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #f1f5f9;box-shadow:0 4px 15px #00000005;margin-bottom:20px}.comm-card h3{font-size:14px;font-weight:800;color:#1a1e2b;margin-bottom:16px}.space-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .2s;color:#64748b;font-size:13px;font-weight:500}.space-item:hover{background:#f8fafc;color:#1a1e2b}.space-item.active{background:#3acfa9;color:#fff}.space-link{display:flex;align-items:center;gap:10px}.space-count{font-size:11px;opacity:.8}.online-list{display:flex;flex-direction:column;gap:12px}.online-user{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#475569}.online-avatar{width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #3acfa9}.online-more{font-size:11px;color:#3acfa9;font-weight:700;margin-left:20px}.create-post-minimal{padding:16px}.create-row{display:flex;align-items:center;gap:16px}.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#3acfa9;flex-shrink:0}.create-row input{flex:1;border:none;outline:none;font-size:14px;color:#64748b}.btn-publish-comm{background:#3acfa9;color:#fff;border:none;padding:8px 24px;border-radius:100px;font-weight:700;font-size:13px;cursor:pointer}.post-card-unified{padding:24px}.post-header-unified{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.post-avatar-large{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;flex-shrink:0}.post-user-info{display:flex;gap:12px;align-items:center}.post-user-name{font-size:14px;font-weight:800;color:#1a1e2b}.post-user-role{font-size:12px;color:#94a3b8}.post-badges{display:flex;gap:8px}.badge-post{font-size:10px;font-weight:700;padding:4px 10px;border-radius:100px;display:flex;align-items:center}.badge-post.reto{background:#f0fdf9;color:#3acfa9}.badge-post.fijado{background:#fffbeb;color:#f59e0b}.badge-post.tip{background:#eff6ff;color:#3b82f6}.post-body-unified p{font-size:14px;line-height:1.6;color:#334155;margin:0 0 20px;white-space:pre-line}.post-footer-unified{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:16px}.post-actions-group{display:flex;gap:20px}.action-btn-unified{background:none;border:none;color:#94a3b8;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer}.btn-responder{background:none;border:none;color:#3acfa9;font-size:13px;font-weight:700;cursor:pointer}.reto-card-dark{background:#1a1e2b;color:#fff;border:none}.reto-card-dark h3{color:#fff;margin-bottom:8px;font-size:16px}.reto-tag{font-size:10px;font-weight:800;color:#fff9;margin-bottom:12px}.reto-card-dark p{font-size:13px;color:#ffffffb3;line-height:1.5;margin-bottom:24px}.reto-footer{display:flex;justify-content:space-between;align-items:center}.btn-participar{background:#3acfa9;color:#fff;border:none;padding:8px 20px;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer}.participants-count{font-size:11px;color:#ffffff80}.event-card-minimal{padding:20px}.event-item-mini{background:#f0fdf9;border-radius:16px;padding:16px}.event-title{font-size:13px;font-weight:800;color:#1a1e2b;margin-bottom:4px}.event-time{font-size:11px;color:#64748b;margin-bottom:16px}.btn-asistir{background:#3acfa9;color:#fff;border:none;padding:6px 16px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.attendees{font-size:11px;color:#94a3b8;margin-left:12px}.card-header-minimal{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.view-all-link{font-size:11px;color:#3acfa9;font-weight:700;cursor:pointer}.mini-res-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.res-info{display:flex;gap:12px;align-items:center}.res-name{font-size:13px;font-weight:700;color:#475569}.res-type{font-size:11px;color:#94a3b8}.res-downloads{font-size:11px;font-weight:700;color:#475569;background:#f8fafc;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.top-member-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rank-medal{font-size:18px;width:24px}.member-avatar-mini{width:32px;height:32px;border-radius:50%}.member-details{display:flex;flex-direction:column}.member-name{font-size:13px;font-weight:700;color:#1a1e2b}.member-coins{font-size:11px;color:#94a3b8}@media (max-width: 1200px){.community-triple-grid{grid-template-columns:200px 1fr}.comm-right-col{display:none}}.messages-layout{background:#f8fafc;overflow:hidden!important}.messages-container{display:grid;grid-template-columns:360px 1fr;height:calc(100vh - 240px);background:#fff;border:1px solid #f1f5f9;border-radius:24px;overflow:hidden;box-shadow:0 4px 15px #00000005}.chats-sidebar{border-right:1px solid #f1f5f9;display:flex;flex-direction:column}.chats-sidebar-header{padding:24px;border-bottom:1px solid #f1f5f9}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title-row h2{font-size:24px;font-weight:800;color:#1a1e2b}.btn-new-chat-icon{width:36px;height:36px;border-radius:10px;background:#3acfa9;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-chats{background:#f8fafc;border:1px solid #f1f5f9;padding:10px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-chats input{border:none;background:transparent;outline:none;font-size:14px;width:100%}.chat-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.chat-filters::-webkit-scrollbar{display:none}.filter-pill{padding:6px 12px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:100px;font-size:11px;font-weight:600;color:#64748b;white-space:nowrap;cursor:pointer;flex-shrink:0}.filter-pill.active{background:#1a1e2b;color:#fff;border-color:#1a1e2b}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;padding:16px 24px;gap:16px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f8fafc}.conversation-item:hover{background:#f8fafc}.conversation-item.active{background:#f0fdf9;border-left:4px solid #3ACFA9}.conv-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;position:relative;flex-shrink:0}.online-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.conv-info{flex:1;overflow:hidden}.conv-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.conv-name{font-weight:700;font-size:14px;color:#1a1e2b}.role-badge{font-size:9px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.role-badge.tutor{background:#e2f7f1;color:#3acfa9}.role-badge.alumno{background:#f3e8ff;color:#a855f7}.role-badge.soporte{background:#fffbeb;color:#f59e0b}.conv-last-msg{font-size:13px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.conv-time{font-size:11px;color:#cbd5e1}.conv-unread-badge{background:#3acfa9;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-window{display:flex;flex-direction:column;background:#fff}.chat-window-header{padding:16px 32px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.active-user-info{display:flex;align-items:center;gap:16px}.active-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.active-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.active-name-row h4{margin:0;font-size:15px;font-weight:800}.active-status{font-size:12px;color:#94a3b8}.chat-actions{display:flex;gap:12px}.chat-action-btn{background:none;border:none;color:#64748b;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-action-btn:hover{background:#f8fafc}.chat-messages-area{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:24px;background:#f8fafc}.chat-bubble-wrapper{display:flex;flex-direction:column;max-width:70%}.chat-bubble-wrapper.me{align-self:flex-end;align-items:flex-end}.chat-bubble-wrapper.them{align-self:flex-start;align-items:flex-start}.chat-bubble{padding:14px 20px;border-radius:18px;font-size:14px;line-height:1.6}.chat-bubble.them{background:#fff;color:#1a1e2b;border:1px solid #f1f5f9;border-top-left-radius:4px}.chat-bubble.me{background:#3acfa9;color:#fff;border-top-right-radius:4px}.chat-bubble p{margin:0;white-space:pre-line}.chat-time{font-size:11px;color:#cbd5e1;margin-top:6px;font-weight:600}.chat-input-area{padding:24px 32px;border-top:1px solid #f1f5f9}.chat-input-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;padding:8px 8px 8px 24px;display:flex;align-items:center;gap:12px}.chat-input-wrapper input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:#1a1e2b}.chat-input-btns{display:flex;gap:8px}.btn-input-icon{width:40px;height:40px;border:none;background:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-send-message{width:40px;height:40px;background:#3acfa9;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.earn-layout{background:#f8fafc}.earn-container{padding:24px 48px!important;display:flex;flex-direction:column;gap:24px}.earn-card{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 4px 15px #00000005}.earn-card h3{font-size:15px;font-weight:800;color:#1a1e2b;margin-bottom:16px}.earn-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.wallet-card-dark{background:#1a1e2b;color:#fff;border:none;display:flex;flex-direction:column}.wallet-label{font-size:11px;font-weight:700;color:#ffffff80;margin-bottom:8px}.wallet-balance{font-size:36px;font-weight:800;margin-bottom:4px}.wallet-subtext{font-size:12px;color:#fff6;margin-bottom:24px}.wallet-progress-container{margin-bottom:24px}.progress-info{font-size:11px;font-weight:700;margin-bottom:8px;color:#3acfa9}.progress-bar-bg{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:#3acfa9;border-radius:10px}.btn-redeem{background:#3acfa9;color:#fff;border:none;padding:10px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;margin-top:auto}.streak-main{display:flex;align-items:center;gap:16px;margin-bottom:24px}.streak-val{display:flex;flex-direction:column}.streak-val .count{font-size:24px;font-weight:800;color:#f97316}.streak-val .meta{font-size:11px;color:#94a3b8}.streak-days{display:flex;justify-content:space-between;margin-bottom:20px}.streak-day-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#cbd5e1}.streak-day-item.completed{color:#3acfa9}.streak-day-item.missed{color:#f87171}.streak-day-item .day-circle{color:#e2e8f0}.streak-day-item.completed .day-circle{color:#3acfa9}.streak-day-item.missed .day-circle{color:#f87171}.streak-footer{font-size:11px;color:#64748b;padding-top:12px;border-top:1px solid #f8fafc}.streak-footer span{color:#3acfa9;font-weight:700}.chart-subtitle{font-size:11px;color:#94a3b8;margin-bottom:20px}.weekly-chart-box{display:flex;align-items:flex-end;justify-content:space-between;height:100px;margin-bottom:20px}.chart-bar-col{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#94a3b8;position:relative}.bar-val-hint{position:absolute;top:-20px;font-size:10px;color:#3acfa9}.chart-bar{width:24px;border-radius:6px}.chart-footer-total{font-size:12px;color:#1a1e2b}.earn-middle-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quest-progress-txt{font-size:11px;font-weight:700;color:#3acfa9}.quest-progress-bar-minimal{height:4px;background:#f1f5f9;border-radius:10px;margin-bottom:8px}.quest-progress-bar-minimal .progress-fill{height:100%;background:#3acfa9;border-radius:10px}.quest-sub{font-size:12px;color:#94a3b8;margin-bottom:24px}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:16px;border:1px solid transparent}.quest-item.completed{background:#f0fdf9;border-color:#3acfa91a}.quest-info h4{font-size:13px;font-weight:700;color:#1a1e2b;margin-bottom:4px}.quest-info p{font-size:11px;color:#94a3b8}.quest-action{margin-left:auto;display:flex;align-items:center;gap:12px}.reward-tag{font-size:12px;font-weight:800;color:#3acfa9}.btn-go{background:#f59e0b;color:#fff;border:none;padding:4px 16px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.btn-go:hover{background:#d97706}.btn-claim{background:#3acfa9;color:#fff}.btn-claim:hover{background:#32b896}.quest-bonus-banner{margin-top:24px;background:#fffcf0;border:1px solid #fef3c7;padding:12px;border-radius:12px;font-size:12px;color:#92400e;text-align:center}.league-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px;margin-bottom:24px}.league-tabs .tab{flex:1;border:none;background:none;padding:6px;font-size:11px;font-weight:700;color:#64748b;border-radius:8px;cursor:pointer}.league-tabs .tab.active{background:#1a1e2b;color:#fff}.league-top-three{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:32px;padding-top:20px}.podium-item{display:flex;flex-direction:column;align-items:center}.podium-medal{font-size:24px;margin-bottom:4px}.podium-avatar{width:44px;height:44px;border-radius:50%;margin-bottom:8px}.podium-avatar.blue{background:#3b82f6}.podium-avatar.purple{background:#a855f7}.podium-avatar-main{width:60px;height:60px;border-radius:50%;background:#3acfa9;border:3px solid #E2F7F1;margin-bottom:8px}.podium-name{font-size:11px;font-weight:700;color:#1a1e2b}.podium-score{font-size:12px;font-weight:800;color:#3acfa9}.league-list{display:flex;flex-direction:column;gap:8px}.league-row{display:flex;align-items:center;padding:10px 12px;border-radius:12px;background:#f8fafc}.league-row.is-me{background:#f0fdf9;border:1px solid rgba(58,207,169,.2)}.l-rank{font-size:12px;font-weight:800;color:#94a3b8;width:24px}.l-avatar{width:28px;height:28px;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;font-size:11px;font-weight:700;color:#64748b;overflow:hidden}.l-avatar img{width:100%;height:100%;object-fit:cover}.podium-avatar,.podium-avatar-main{display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:800;color:#fff}.podium-avatar img,.podium-avatar-main img{width:100%;height:100%;object-fit:cover}.l-name{font-size:12px;font-weight:700;color:#1a1e2b;flex:1}.l-score{font-size:12px;font-weight:800;color:#475569}.league-footer-msg{margin-top:20px;text-align:center;font-size:11px;font-weight:700;color:#3acfa9;background:#f0fdf9;padding:8px;border-radius:8px}.earn-bottom-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.history-tabs{display:flex;gap:24px;border-bottom:1px solid #f1f5f9;margin-bottom:16px}.h-tab{background:none;border:none;padding:8px 0;font-size:13px;font-weight:700;color:#94a3b8;position:relative;cursor:pointer}.h-tab.active{color:#1a1e2b}.h-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#1a1e2b}.history-table{display:flex;flex-direction:column}.h-row{display:grid;grid-template-columns:100px 1fr 80px 60px;padding:16px 0;border-bottom:1px solid #f8fafc;align-items:center}.h-date{font-size:11px;color:#cbd5e1}.h-desc{font-size:13px;font-weight:700;color:#475569}.h-tag{font-size:9px;font-weight:800;text-align:center;padding:2px 6px;border-radius:4px;text-transform:uppercase}.tag-speaking{background:#f0fdf9;color:#3acfa9}.tag-clase{background:#eff6ff;color:#3b82f6}.tag-ai{background:#faf5ff;color:#a855f7}.tag-reto{background:#fffbeb;color:#f59e0b}.tag-bonus{background:#fff1f2;color:#f43f5e}.tag-referido{background:#fdf4ff;color:#d946ef}.h-amount{font-size:13px;font-weight:800;color:#3acfa9;text-align:right}.rules-sub{font-size:12px;color:#94a3b8;margin-bottom:24px}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-item{display:flex;align-items:center;gap:16px}.rule-icon{width:32px;height:32px;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}.rule-info{display:flex;flex-direction:column;flex:1}.r-activity{font-size:13px;font-weight:700;color:#1a1e2b}.r-rule{font-size:11px;color:#94a3b8}.r-reward{font-size:12px;font-weight:800;color:#3acfa9}.rules-disclaimer{margin-top:24px;font-size:11px;font-weight:700;color:#f59e0b;text-align:center}.redeem-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.redeem-modal{background:#fff;border-radius:24px;padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.redeem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.redeem-header h2{font-size:20px;font-weight:800;color:#1a1e2b;margin:0}.redeem-header button{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:8px}.redeem-header button:hover{background:#f1f5f9}.redeem-balance{color:#64748b;font-size:14px;margin-bottom:16px}.redeem-msg{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:16px}.redeem-msg.success{background:#e6fcf5;color:#0e9f6e}.redeem-msg.error{background:#fff1f2;color:#ef4444}.redeem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.redeem-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.redeem-card-icon{width:48px;height:48px;background:#e6fcf5;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3acfa9}.redeem-card h3{font-size:14px;font-weight:700;color:#1a1e2b;margin:0}.redeem-card p{font-size:12px;color:#94a3b8;margin:0}.redeem-cost{font-size:18px;font-weight:800;color:#3acfa9}.btn-redeem-item{width:100%;padding:10px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;background:#3acfa9;color:#fff;transition:all .15s}.btn-redeem-item:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.btn-redeem-item:not(:disabled):hover{background:#32b896}@media (max-width: 1200px){.earn-stats-grid,.earn-middle-grid,.earn-bottom-grid{grid-template-columns:1fr}}.cancel-modal{background:#fff;width:100%;max-width:500px;border-radius:24px;padding:32px;position:relative;box-shadow:0 20px 50px #00000026;animation:modalScaleUp .3s ease-out}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-close-btn{position:absolute;top:24px;right:24px;width:36px;height:36px;border-radius:50%;border:1px solid #f1f5f9;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:#f8fafc;color:#1a1e2b}.cancel-header{margin-bottom:24px}.warning-icon-circle{width:48px;height:48px;background:#fff1f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.warning-icon-circle .exclamation{color:#ef4444;font-size:24px;font-weight:800}.cancel-title{font-size:24px;font-weight:800;color:#1a1e2b;margin:0 0 8px}.cancel-subtitle{font-size:15px;color:#64748b;margin:0}.cancel-class-summary{background:#f8fafc;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:24px}.summary-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden}.summary-avatar img{width:100%;height:100%;object-fit:cover}.summary-info h4{font-size:15px;font-weight:700;color:#1a1e2b;margin:0 0 4px}.summary-info p{font-size:13px;color:#64748b;margin:0}.section-label{display:block;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.5px;margin-bottom:12px}.reason-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.reason-pill{padding:10px 18px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.reason-pill:hover{background:#f8fafc}.reason-pill.active{background:#1a1e2b;color:#fff;border-color:#1a1e2b}.cancel-details-input{width:100%;height:80px;border-radius:12px;border:1px solid #e2e8f0;padding:12px 16px;font-size:14px;resize:none;margin-bottom:24px}.cancel-details-input:focus{outline:none;border-color:#cbd5e1}.cancel-reminder-box{background:#fff7ed;border-radius:12px;padding:16px;display:flex;gap:12px;margin-bottom:32px}.reminder-icon{color:#f59e0b}.reminder-text h5{font-size:13px;font-weight:700;color:#92400e;margin:0 0 4px}.reminder-text p{font-size:12px;color:#92400e;line-height:1.5;margin:0}.cancel-footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #f1f5f9}.btn-back-cancel{padding:12px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:700;color:#1a1e2b;cursor:pointer}.btn-confirm-cancel{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-confirm-cancel:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.reschedule-modal{background:#fff;width:100%;max-width:580px;border-radius:24px;padding:32px;position:relative;box-shadow:0 20px 50px #00000026;animation:modalScaleUp .3s ease-out}.reschedule-header{margin-bottom:24px}.tutor-pill-mini{display:inline-flex;align-items:center;gap:8px;background:#f8fafc;padding:4px 12px 4px 4px;border-radius:20px;margin-bottom:16px;font-size:13px;color:#475569;font-weight:600}.tutor-avatar-tiny{width:24px;height:24px;border-radius:50%;overflow:hidden}.tutor-avatar-tiny img{width:100%;height:100%;object-fit:cover}.reschedule-title{font-size:24px;font-weight:800;color:#1a1e2b;margin:0 0 8px}.reschedule-subtitle{font-size:14px;color:#64748b;margin:0}.current-class-banner{background:#fff7ed;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:24px}.current-icon{font-size:20px}.current-text .label{display:block;font-size:10px;font-weight:800;color:#92400e;letter-spacing:.5px}.current-text .value{font-size:14px;font-weight:700;color:#92400e}.schedule-grid-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.day-header{text-align:center;margin-bottom:12px}.day-name{display:block;font-size:11px;color:#94a3b8;font-weight:700}.day-date{display:block;font-size:13px;color:#1a1e2b;font-weight:800;margin-top:2px}.time-slots{display:flex;flex-direction:column;gap:8px}.time-slot-btn-reschedule{padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.time-slot-btn-reschedule:hover{border-color:#3acfa9;color:#3acfa9}.time-slot-btn-reschedule.active{background:#3acfa9;color:#fff;border-color:#3acfa9}.time-slot-btn-reschedule.current{background:#fff7ed;border-color:#f59e0b;border-style:dashed;color:#f59e0b;cursor:not-allowed;opacity:.8}.new-selection-banner{background:#f0fdf4;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:13px;color:#166534;font-weight:700;margin-bottom:24px}.check-circle-mint{width:24px;height:24px;background:#3acfa9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.reschedule-footer{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid #f1f5f9}.btn-cancel-reschedule{padding:12px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:700;color:#1a1e2b;cursor:pointer}.btn-confirm-reschedule{padding:12px 24px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-confirm-reschedule:disabled{opacity:.5;cursor:not-allowed}.btn-confirm-reschedule:not(:disabled):hover{background:#32b896;transform:translateY(-2px)}.back-link-simple{display:flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:600;margin-bottom:24px;transition:color .2s}.back-link-simple:hover{color:#1a1e2b}.class-detail-card{background:#fff;border-radius:24px;padding:32px;margin-bottom:24px;border:1px solid #f1f5f9}.status-badge-row{margin-bottom:24px}.badge-next{background:#f0fdf9;color:#3acfa9;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700}.badge-completed{background:#f1f5f9;color:#64748b;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700}.detail-hero{display:flex;align-items:center;gap:24px;margin-bottom:32px}.left-content-column{display:flex;flex-direction:column;gap:24px}.report-card{display:flex;flex-direction:column;gap:20px}.video-placeholder{width:100%;aspect-ratio:16/9;background:#1e293b;border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.play-button-outer{width:64px;height:64px;background:#3acfa966;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-button-inner{width:48px;height:48px;background:#3acfa9;border-radius:50%}.video-duration{position:absolute;bottom:12px;right:12px;background:#0009;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.tutor-summary-section{background:#f8fafc;border-radius:16px;padding:20px}.summary-title-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.summary-title-row h4{font-size:15px;font-weight:700;color:#1a1e2b;margin:0}.summary-text{font-size:14px;color:#475569;line-height:1.6;margin:0}.rating-card{display:flex;justify-content:space-between;align-items:center;padding:32px!important}.rating-content{display:flex;flex-direction:column;gap:16px}.stars-row{display:flex;gap:8px}.btn-submit-rating{padding:12px 24px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-submit-rating:hover{background:#32b896;transform:translateY(-2px)}.detail-avatar-large{width:90px;height:90px;border-radius:50%;overflow:hidden;border:4px solid #f8fafc}.detail-avatar-large img{width:100%;height:100%;object-fit:cover}.detail-header-text h1{font-size:28px;font-weight:800;color:#1a1e2b;margin:0 0 12px}.detail-meta-grid{display:flex;gap:20px}.meta-item{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;font-weight:600}.detail-actions-row{display:flex;gap:12px}.btn-join-class{padding:12px 24px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s}.btn-join-class:hover{background:#32b896;transform:translateY(-2px);box-shadow:0 8px 20px #3acfa94d}.btn-outline-action{padding:12px 24px;background:#fff;border:1px solid #e2e8f0;color:#1a1e2b;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-outline-action:hover{background:#f8fafc}.btn-danger-outline{padding:12px 24px;background:#fff;border:1px solid #fee2e2;color:#ef4444;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-danger-outline:hover{background:#fff1f2}.detail-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.card-style{background:#fff;border-radius:24px;padding:28px;border:1px solid #f1f5f9}.card-header-iconic{display:flex;align-items:center;gap:12px;margin-bottom:8px}.icon-emoji{font-size:20px}.card-header-iconic h3{font-size:18px;font-weight:800;color:#1a1e2b;margin:0}.card-subtitle-small{color:#94a3b8;font-size:14px;margin:0 0 20px}.notes-display-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;color:#64748b;font-size:15px;line-height:1.6}.card-label-top{display:block;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:1px;margin-bottom:20px}.tutor-mini-content{display:flex;align-items:center;gap:16px;margin-bottom:20px}.tutor-avatar-mini-detail{width:48px;height:48px;border-radius:50%;overflow:hidden}.tutor-avatar-mini-detail img{width:100%;height:100%;object-fit:cover}.tutor-mini-info h4{font-size:16px;font-weight:800;color:#1a1e2b;margin:0 0 4px}.tutor-mini-stats{font-size:13px;color:#64748b}.link-view-profile{display:flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:600;padding:12px;background:#f8fafc;border-radius:12px;transition:all .2s;justify-content:center}.link-view-profile:hover{background:#f1f5f9;color:#1a1e2b}.auto-save-hint{font-size:12px;color:#3acfa9;font-weight:600;margin-top:12px;display:flex;align-items:center;gap:6px}.icon-bg{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-bg.blue{background:#3b82f61a;color:#3b82f6}.icon-bg.purple{background:#a855f71a;color:#a855f7}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:8px}.material-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s;cursor:pointer}.material-item-card:hover{border-color:#3b82f6;background:#fff;box-shadow:0 4px 12px #3b82f61a}.mat-icon-box{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;box-shadow:0 2px 6px #0000000a}.mat-text h4{font-size:13px;font-weight:700;color:#1a1e2b;margin:0 0 2px}.mat-text span{font-size:11px;color:#94a3b8}.tutor-stats-grid-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;background:#f8fafc;padding:16px;border-radius:16px}.stat-mini-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-num{font-size:16px;font-weight:800;color:#1a1e2b}.stat-label{font-size:9px;font-weight:700;color:#94a3b8;letter-spacing:.5px;margin-top:4px}.practice-list{list-style:none;padding:0;margin:16px 0}.practice-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;color:#475569;line-height:1.4}.dot-purple{width:8px;height:8px;background:#a855f7;border-radius:50%;margin-top:5px;flex-shrink:0}.practice-footer{font-size:11px;color:#94a3b8;font-style:italic;margin:0}.progress-card-dark{background:#1a1e2b!important;color:#fff;border:none!important}.progress-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.trend-icon-box{width:32px;height:32px;background:#3acfa933;color:#3acfa9;border-radius:8px;display:flex;align-items:center;justify-content:center}.label-tiny{display:block;font-size:9px;font-weight:700;color:#94a3b8;letter-spacing:.5px}.progress-title-box h4{font-size:14px;font-weight:700;margin:2px 0 0}.progress-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.p-stat{display:flex;flex-direction:column}.p-num{font-size:20px;font-weight:800;color:#fff}.p-label{font-size:10px;color:#94a3b8;margin-top:4px}.btn-reserve-mini-dark{width:100%;padding:12px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-reserve-mini-dark:hover{background:#32b896;transform:translateY(-2px)}.review-materials{margin-top:24px}.review-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.review-item-compact{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.review-item-compact:hover{border-color:#3acfa9;background:#fff}.mat-icon-mini{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.mat-icon-mini.blue{background:#3b82f61a;color:#3b82f6}.mat-icon-mini.purple{background:#a855f71a;color:#a855f7}.mat-info-mini h4{font-size:12px;font-weight:700;color:#1a1e2b;margin:0 0 2px}.mat-info-mini span{font-size:10px;color:#94a3b8}.btn-download-mini{margin-left:auto;width:28px;height:28px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.btn-download-mini:hover{background:#f1f5f9;color:#1a1e2b;border-color:#cbd5e1}.badge-cancelled{background:#fff1f2;color:#ef4444;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.btn-reschedule-mint{padding:12px 24px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-reschedule-mint:hover{background:#32b896;transform:translateY(-2px)}.cancelled-info-card{padding:24px}.cancelled-header-row{display:flex;gap:16px;margin-bottom:20px}.cancel-icon-small{color:#ef4444}.cancel-text-info h3{font-size:18px;font-weight:800;color:#1a1e2b;margin:0}.cancel-text-info p{font-size:13px;color:#64748b;margin:4px 0 0}.reason-box-display{background:#f8fafc;padding:16px;border-radius:0 12px 12px 0;border-left:4px solid #ef4444}.reason-label{display:block;font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.5px;margin-bottom:4px}.reason-box-display p{font-size:14px;color:#1a1e2b;margin:0;font-weight:600}.credit-notice-card{background:#f0fdf4!important;border:1px solid #bcf0da!important;display:flex;gap:16px;padding:24px}.credit-icon-box{color:#22c55e}.credit-text h3{font-size:16px;font-weight:700;color:#166534;margin:0 0 4px}.credit-text p{font-size:13px;color:#166534;margin:0;line-height:1.5}.mini-tutors-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mini-tutor-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;transition:all .2s;cursor:pointer}.mini-tutor-item:hover{background:#fff;box-shadow:0 4px 12px #0000000d}.mini-avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.mini-info h4{font-size:13px;font-weight:700;color:#1a1e2b;margin:0}.mini-meta{font-size:11px;color:#94a3b8;margin-top:2px}.mini-status{display:block;font-size:10px;font-weight:700;color:#94a3b8;margin-top:4px;display:flex;align-items:center;gap:4px}.mini-status.online:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%}.profile-layout{background:#f8fafc}.profile-container{padding:24px 48px!important;display:flex;flex-direction:column;gap:24px}.p-card{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 4px 15px #00000005}.p-card h3{font-size:15px;font-weight:800;color:#1a1e2b;margin-bottom:8px}.p-card-sub{font-size:12px;color:#94a3b8;margin-bottom:24px}.profile-header-card{background:#fff;border-radius:24px;padding:32px;border:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;gap:32px}.profile-main-info{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.profile-avatar-wrapper{width:100px;height:100px;border-radius:50%;position:relative;cursor:pointer;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 12px #0000001a;background:#f1f5f9;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-size:11px;font-weight:700}.profile-avatar-wrapper:hover .avatar-overlay{opacity:1}.profile-avatar-wrapper:hover .profile-avatar-img{transform:scale(1.1)}.profile-text-info h1{font-size:24px;font-weight:800;color:#1a1e2b;margin-bottom:8px}.profile-meta-row{display:flex;flex-wrap:wrap;gap:8px;color:#94a3b8;font-size:13px;margin-bottom:12px}.profile-meta-row span{display:flex;align-items:center;gap:6px}.profile-badges-row{display:flex;gap:12px;align-items:center}.p-level-badge{background:#e2f7f1;color:#3acfa9;font-size:11px;font-weight:800;padding:4px 12px;border-radius:100px}.p-member-since{font-size:11px;color:#cbd5e1}.profile-progress-stats{width:300px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.prog-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:8px}.prog-labels strong{color:#1a1e2b}.prog-bar-bg{height:8px;background:#f1f5f9;border-radius:10px}.prog-bar-fill{height:100%;background:#3acfa9;border-radius:10px}.prog-streak-tag{font-size:12px;font-weight:700;color:#f97316;text-align:right}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.edit-profile-btn{background:#3acfa9;color:#fff;border:none;font-size:13px;font-weight:700;padding:10px 24px;border-radius:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap;align-self:center}.edit-profile-btn:hover{background:#2bb896;transform:translateY(-1px)}.edit-profile-btn:active{transform:translateY(0)}.p-stat-card{background:#fff;padding:24px;border-radius:20px;border:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.p-stat-content{display:flex;flex-direction:column;gap:6px}.p-stat-circle{width:32px;height:32px;border-radius:50%;flex-shrink:0}.p-stat-circle.teal{background:#e2f7f1}.p-stat-circle.blue{background:#eff6ff}.p-stat-circle.purple{background:#faf5ff}.p-stat-circle.orange{background:#fff7ed}.p-stat-label{font-size:11px;color:#94a3b8;font-weight:600}.p-stat-value{font-size:20px;font-weight:800;color:#1a1e2b}.p-stat-change{font-size:10px;font-weight:700}.p-stat-change.pos{color:#3acfa9}.p-stat-change.neutral{color:#94a3b8}.profile-middle-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{display:flex;flex-direction:column;gap:8px}.skill-label-row{display:flex;justify-content:space-between;align-items:center}.skill-tag{font-size:10px;font-weight:800;padding:4px 10px;border-radius:4px;text-transform:uppercase}.skill-val-group{display:flex;align-items:center;gap:12px}.skill-val-group strong{font-size:14px;color:#1a1e2b}.skill-status{font-size:11px;font-weight:700}.skill-bar-bg{height:6px;background:#f1f5f9;border-radius:10px}.skill-bar-fill{height:100%;border-radius:10px}.summary-list{display:flex;flex-direction:column}.summary-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f8fafc}.summary-label{font-size:13px;color:#64748b}.summary-value{font-size:13px;font-weight:700;color:#1a1e2b}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.view-all-link{font-size:12px;color:#3acfa9;font-weight:700;cursor:pointer}.history-filters{display:flex;gap:12px;margin-bottom:24px}.h-filter{background:#f8fafc;border:1px solid #f1f5f9;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer}.h-filter.active{background:#1a1e2b;color:#fff}.p-history-table{width:100%;border-collapse:collapse}.p-history-table th{text-align:left;font-size:11px;font-weight:700;color:#94a3b8;padding:12px;border-bottom:1px solid #f1f5f9}.p-history-table td{padding:16px 12px;font-size:13px;border-bottom:1px solid #f8fafc}.td-date{color:#94a3b8}.td-activity{font-weight:700;color:#1a1e2b}.td-tutor{color:#64748b}.td-duration{color:#94a3b8}.td-score strong{color:#1a1e2b}.p-badge-type{font-size:9px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.p-badge-type.clase{background:#e2f7f1;color:#3acfa9}.p-badge-type.speaking{background:#fff1f2;color:#f87171}.p-badge-type.quiz{background:#faf5ff;color:#a855f7}.p-badge-type.ai{background:#eff6ff;color:#3b82f6}.p-badge-type.tarea{background:#fff7ed;color:#fbbf24}.p-status-tag{font-size:11px;font-weight:700}.p-status-tag.completada{color:#34d399}.p-status-tag.revisada{color:#fbbf24}.p-status-tag.aprobado{color:#60a5fa}.p-status-tag.repetir{color:#f87171}.p-status-tag.coins{color:#3acfa9;font-weight:800}@media (max-width: 1200px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-middle-grid{grid-template-columns:1fr}.profile-header-card{flex-direction:column;align-items:flex-start;gap:24px}}.help-search-block{background:linear-gradient(135deg,#1e293b,#0f172a);padding:48px 32px;text-align:center;position:relative;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff}.help-search-circle{position:absolute;width:160px;height:160px;border-radius:50%;background:#3acfa91f;top:-60px;right:-60px;pointer-events:none}.help-search-circle-2{position:absolute;width:120px;height:120px;border-radius:50%;background:#3acfa914;bottom:-40px;left:-30px;pointer-events:none}.help-search-block h2{font-size:24px;font-weight:800;color:#fff;margin:0 0 8px;position:relative;z-index:1}.help-search-block p{font-size:14px;color:#94a3b8;margin:0 0 24px;position:relative;z-index:1}.help-search-input-wrapper{position:relative;max-width:480px;margin:0 auto;display:flex;align-items:center;z-index:2}.search-icon-svg{position:absolute;left:16px;display:flex;align-items:center;pointer-events:none}.help-search-input{width:100%;padding:14px 16px 14px 44px;border:1.5px solid transparent;border-radius:12px;font-size:14px;color:#1a1e2b;background:#fff;outline:none;box-shadow:0 4px 12px #00000014;transition:all .2s ease}.help-search-input:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa933,0 4px 12px #00000014}.help-resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:4px}.help-resource-card{padding:24px;background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;transition:all .2s ease;text-align:left}.help-resource-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d;border-color:#cbd5e1}.help-resource-card.card-teal{border-left:4px solid #3ACFA9}.help-resource-card.card-blue{border-left:4px solid #3b82f6}.help-resource-card.card-purple{border-left:4px solid #a855f7}.help-resource-card h4{font-size:16px;font-weight:700;margin:0 0 8px;color:#1e293b}.help-resource-card p{font-size:13.5px;color:#64748b;margin:0;line-height:1.5}.popular-articles-list{display:flex;flex-direction:column;gap:8px}.popular-article-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;transition:all .2s ease;text-align:left}.popular-article-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(4px)}.popular-article-item:hover .article-arrow{color:#3acfa9}.article-title{font-size:14.5px;font-weight:600;color:#334155}.article-arrow{font-size:18px;font-weight:700;color:#94a3b8;transition:color .2s ease}.help-footer-banner{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f8fafc;border-radius:16px;border:1.5px dashed #cbd5e1;margin-top:12px;flex-wrap:wrap;gap:16px;text-align:left}.help-footer-text h3{font-size:16px;font-weight:800;color:#1e293b;margin:0 0 4px}.help-footer-text p{font-size:13.5px;color:#64748b;margin:0}.btn-help-support{padding:12px 24px;background:#1a1e2b;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-help-support:hover{background:#334155;box-shadow:0 4px 12px #1a1e2b26}:root{--primary-teal: #3ACFA9;--soft-teal: #ACEAD9;--very-soft-teal: #DDF7F1;--text-primary: #222222;--text-secondary: #6A6A6A;--white: #FFFFFF;--border-inactive: #DEDEDE;--pale-mint: #EBF9F4;--shadow: 0 4px 20px rgba(0, 0, 0, .05);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column}.auth-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#fdfbfb,#ebedee)}.auth-card{background:var(--bg-white);padding:40px;border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:450px;border-top:5px solid var(--primary-teal)}.logo-container{text-align:center;margin-bottom:30px}.logo-container img{max-width:180px}h2{font-weight:600;margin-bottom:24px;text-align:center;color:var(--text-dark)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--primary-teal)}.btn{width:100%;padding:14px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background-color:var(--primary-teal);color:#fff}.btn-primary:hover{background-color:var(--primary-teal-hover);transform:translateY(-2px);box-shadow:0 5px 15px #30cdaa4d}.auth-footer{margin-top:24px;text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-footer a{color:var(--primary-teal);text-decoration:none;font-weight:600}.error-message{background-color:#fee2e2;color:#dc2626;padding:10px;border-radius:6px;margin-bottom:20px;font-size:.85rem;text-align:center}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.navbar{background:var(--bg-white);padding:15px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d}.welcome-section{background:#fff;padding:30px;border-radius:var(--radius);margin-top:30px;box-shadow:var(--shadow)}