@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.login-split-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;background:radial-gradient(circle at top left,var(--white) 0%,var(--pale-mint) 100%);overflow-x:hidden}.login-split-container,.login-split-container *,.login-split-container *:before,.login-split-container *:after{box-sizing:border-box;margin:0;padding:0}body,.login-split-container,.login-split-container *{font-family:Poppins,sans-serif}.login-split-container .login-form-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 40px;background:#fff9;backdrop-filter:blur(10px);overflow-y:auto}.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:400px}.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:14px}.login-split-container .form-group{display:flex;flex-direction:column;gap:6px}.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:-4px 0 6px}.login-split-container .remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#64748b;line-height:1}.login-split-container .remember-me input[type=checkbox]{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:50px;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:50px;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 .social-btn img{width:20px;height:20px;object-fit:contain;flex-shrink:0}.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{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 .relative-input input{padding-left:44px}.login-split-container .relative-input .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.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:2px;margin-bottom:2px}.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;flex-wrap:wrap;justify-content:center;row-gap:8px;text-align:center}.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:600;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: 900px){.login-split-container{grid-template-columns:1fr;height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto}.login-split-container .login-feature-panel{display:none}.login-split-container .login-form-panel{padding:32px 24px;align-items:center;width:100%}.login-split-container .logo-wrapper{position:static;margin-bottom:24px}.login-split-container .form-title{font-size:34px;line-height:1.2}}@media (max-width: 600px){.login-split-container .login-form-panel{padding:24px 20px}.login-split-container .form-container{max-width:100%}.login-split-container .form-title{font-size:28px;line-height:1.2;margin-bottom:8px}.login-split-container .form-subtitle{font-size:13px;margin-bottom:16px}.login-split-container .form-row-2-cols{flex-direction:column;gap:12px}.login-split-container .logo-img{width:170px}.login-split-container .btn-submit{height:46px;font-size:16px}}@media (max-width: 480px){.login-split-container .login-form-panel{padding:20px 16px}.login-split-container .otp-container{gap:6px;justify-content:center}.login-split-container .otp-input{width:42px;height:48px;font-size:18px;border-radius:10px}.login-split-container .level-grid{grid-template-columns:1fr 1fr;gap:8px}.login-split-container .level-card{padding:12px 14px}.login-split-container .level-code{font-size:18px}.login-split-container .level-label{font-size:11px}.login-split-container .password-rules-list{grid-template-columns:1fr;gap:4px}.login-split-container .form-options{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 360px){.login-split-container .login-form-panel{padding:16px 12px}.login-split-container .form-title{font-size:24px}.login-split-container .otp-input{width:36px;height:44px;font-size:16px}.login-split-container .level-grid{grid-template-columns:1fr}}@media (max-height: 800px) and (min-width: 901px){.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-top:10px;padding-bottom:10px;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}.eval-detected-banner{display:flex;align-items:center;padding:10px 14px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;font-size:13px;color:#0d9488;margin-bottom:8px}.eval-detected-banner.eval-mismatch{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.eval-detected-banner strong{font-weight:700}.eval-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.eval-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 25px 60px #00000040}.eval-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#64748b;padding:6px;border-radius:8px;transition:all .2s;z-index:10}.eval-close:hover{background:#f1f5f9;color:#1e293b}.eval-phase{padding:40px 36px}.eval-intro{text-align:center}.eval-intro-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#14b8a6,#0ea5e9);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.eval-intro h2{font-size:22px;font-weight:600;color:#1e293b;margin:0 0 10px}.eval-intro-desc{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 24px}.eval-intro-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;text-align:left}.eval-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:10px;font-size:14px;color:#475569}.eval-step-num{width:28px;height:28px;border-radius:50%;background:#14b8a6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.eval-intro-actions{display:flex;flex-direction:column;gap:10px}.eval-waiting{text-align:center}.eval-waiting-icon{display:flex;justify-content:center;margin-bottom:20px}.eval-spinner{color:#14b8a6;animation:eval-spin 1s linear infinite}@keyframes eval-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eval-waiting h2{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 10px}.eval-waiting-desc{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 20px}.eval-timer{display:inline-flex;align-items:center;gap:6px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:600;color:#0f766e;margin-bottom:12px}.eval-poll-status{font-size:12px;color:#94a3b8;margin:0 0 20px}.eval-results-header{text-align:center;margin-bottom:24px}.eval-success-icon{color:#10b981;margin-bottom:8px}.eval-results-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.eval-cefr-card{background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:14px;padding:24px;color:#fff;text-align:center;margin-bottom:20px}.eval-cefr-badge{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.eval-cefr-level{font-size:40px;font-weight:900;letter-spacing:-1px}.eval-cefr-label{font-size:16px;font-weight:500;opacity:.9}.eval-cefr-summary{font-size:13px;opacity:.85;line-height:1.5;margin:0}.eval-scoring{margin-bottom:20px}.eval-scoring h3{font-size:14px;font-weight:600;color:#475569;margin:0 0 12px}.eval-scoring-bars{display:flex;flex-direction:column;gap:14px}.eval-score-row{display:flex;align-items:center;gap:12px}.eval-score-label{width:130px;font-size:13px;font-weight:500;color:#334155;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eval-score-bar-bg{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.eval-score-bar-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0ea5e9);border-radius:5px;transition:width .6s ease}.eval-score-value{width:42px;text-align:right;font-size:13px;font-weight:700;color:#0f766e;flex-shrink:0}.eval-section{margin-bottom:16px;padding:16px;border-radius:12px}.eval-section h3{font-size:14px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:6px}.eval-powers{background:#f0fdf4}.eval-powers h3{color:#15803d}.eval-barriers{background:#fff7ed}.eval-barriers h3{color:#c2410c}.eval-roadmap{background:#eff6ff}.eval-roadmap h3{color:#1d4ed8}.eval-section div{font-size:13px;color:#475569;line-height:1.6}.eval-section div p{margin:0 0 6px}.eval-section div strong,.eval-section div b{color:#1e293b;font-weight:600}.eval-section div ul{margin:0;padding-left:20px}.eval-section div li{margin-bottom:5px;line-height:1.5}.eval-section div br{display:block;content:"";margin-bottom:4px}.eval-focus{background:#fefce8;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;font-size:13px;color:#92400e;margin-bottom:20px}.eval-focus strong{display:block;margin-bottom:4px}.eval-results-actions{display:flex;flex-direction:column;gap:10px}.eval-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#14b8a6,#0ea5e9);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.eval-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.eval-btn-skip{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:none;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.eval-btn-skip:hover{background:#f8fafc;color:#475569}.eval-error{text-align:center}.eval-error-icon{color:#f59e0b;margin-bottom:16px}.eval-error h2{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.eval-error p{color:#64748b;font-size:14px;margin:0 0 24px}.pr-question{text-align:center}.pr-checking{display:flex;align-items:center;justify-content:center;min-height:200px}.pr-debug-restart{display:block;margin:12px auto 0;border:1px dashed #f59e0b;color:#f59e0b;font-size:12px}.pr-progress{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.pr-progress-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .2s}.pr-progress-dot.active{background:#14b8a6;width:20px;border-radius:4px}.pr-progress-dot.done{background:#99f6e4}.pr-question-count{font-size:12px;color:#94a3b8;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.pr-question-text{font-size:19px;font-weight:700;color:#1e293b;line-height:1.4;margin:0 0 28px}.pr-mic-error{display:flex;align-items:center;justify-content:center;gap:6px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.pr-record-area{display:flex;flex-direction:column;align-items:center;gap:14px}.pr-record-btn{width:72px;height:72px;border-radius:50%;border:none;background:linear-gradient(135deg,#14b8a6,#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 8px 24px #14b8a659}.pr-record-btn:hover{transform:scale(1.05)}.pr-record-btn.recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pr-pulse 1.6s ease-in-out infinite}.pr-record-btn:disabled{cursor:not-allowed;opacity:.85}@keyframes pr-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 14px #ef444400}}.pr-timer{font-size:22px;font-weight:700;color:#1e293b;margin:0;font-variant-numeric:tabular-nums}.pr-hint{font-size:13px;color:#64748b;margin:0;max-width:320px}.pr-recorded-icon{color:#10b981}.wfl-options{display:flex;flex-direction:column;gap:12px;margin-top:4px}.wfl-option{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1.5px solid #e2e8f0;border-radius:14px;background:var(--white);cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;width:100%}.wfl-option:hover{border-color:var(--primary-teal);background:#3acfa908}.wfl-option.selected{border-color:var(--primary-teal);background:#3acfa90f;box-shadow:0 0 0 3px #3acfa91f}.wfl-option-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;background:#f1f5f9;color:#64748b;transition:all .2s}.wfl-option.selected .wfl-option-icon{background:#3acfa91f;color:var(--primary-teal)}.wfl-option-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.wfl-option-label{font-size:15px;font-weight:600;color:#1a1e2b;line-height:1.2}.wfl-option-desc{font-size:13px;color:#64748b;line-height:1.3}.wfl-option-radio{display:flex;align-items:center;justify-content:center;margin-left:auto}.wfl-radio-circle{width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.wfl-option.selected .wfl-radio-circle,.wfl-radio-circle.checked{border-color:var(--primary-teal)}.wfl-radio-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-teal);animation:wflDotIn .15s ease-out}@keyframes wflDotIn{0%{transform:scale(0)}to{transform:scale(1)}}.wfl-right-panel .feature-main-title{font-size:36px;line-height:1.15}.wfl-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:wflFadeIn .2s ease-out;padding:20px;overflow-y:auto;align-items:flex-start}@keyframes wflFadeIn{0%{opacity:0}to{opacity:1}}.wfl-modal{background:var(--white);border-radius:20px;padding:40px 36px 32px;max-width:440px;width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 25px 60px #00000040;animation:wflModalIn .25s ease-out}@keyframes wflModalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wfl-modal-avatar{width:72px;height:72px;border-radius:50%;background:var(--primary-teal);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin-bottom:16px}.wfl-modal-badge{display:inline-block;background:#3acfa91a;color:#0d9488;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 16px;border-radius:100px;margin-bottom:16px}.wfl-modal-title{font-size:22px;font-weight:700;color:#1a1e2b;line-height:1.2;margin-bottom:12px}.wfl-modal-desc{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:28px}.wfl-modal-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border:none;border-radius:12px;background:var(--primary-teal);color:var(--white);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit;margin-bottom:10px}.wfl-modal-btn-primary:hover{background:#0d9488}.wfl-modal-btn-secondary{width:100%;padding:14px 24px;border:1.5px solid #e2e8f0;border-radius:12px;background:var(--white);color:#1a1e2b;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.wfl-modal-btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc}.wfl-modal-footer{font-size:12px;color:#94a3b8;margin-top:16px}@media (max-width: 480px){.wfl-modal{padding:28px 20px 24px;border-radius:16px}.wfl-modal-avatar{width:60px;height:60px;font-size:24px}.wfl-modal-title{font-size:19px}.wfl-modal-desc{font-size:13px;margin-bottom:20px}.wfl-option{padding:14px 16px}}.referral-modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:modalOverlayFade .25s ease}.referral-modal{position:relative;background:linear-gradient(135deg,#1e2430,#252b3a);border-radius:32px;padding:36px 40px;width:100%;max-width:900px;max-height:min(90vh,860px);overflow-y:auto;box-shadow:0 24px 80px #00000059;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.referral-modal-blob{position:absolute;width:320px;height:320px;border-radius:50%;pointer-events:none}.referral-modal-blob-left{top:-120px;left:-120px;background:radial-gradient(circle,rgba(58,207,169,.2) 0%,transparent 70%)}.referral-modal-blob-right{top:-90px;right:-120px;background:radial-gradient(circle,rgba(58,207,169,.12) 0%,transparent 70%)}.referral-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.referral-modal-close:hover{background:#ffffff26;color:#fff}.referral-modal-content{position:relative;z-index:1;text-align:center}.referral-modal-loading{color:#94a3b8;padding:60px 0;font-size:14px}.referral-modal-title{font-size:2.4rem;font-weight:600;color:#fff;margin:0 0 16px;line-height:1.15}.referral-modal-subtitle{font-size:14.5px;color:#94a3b8;max-width:540px;margin:0 auto 36px;line-height:1.6}.referral-modal-link-row{display:inline-flex;align-items:center;gap:12px;margin-bottom:40px}.referral-modal-link-display{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:12px 24px;color:#e2e8f0;font-size:14px;font-weight:500;font-family:SF Mono,monospace;max-width:min(78vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-modal-copy-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1e2430;border:none;border-radius:100px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.referral-modal-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffffff26}.referral-modal-milestones{display:flex;justify-content:center;gap:14px;margin-bottom:32px;flex-wrap:wrap}.referral-modal-milestone{position:relative;width:140px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px 14px 18px;text-align:center;transition:all .2s ease}.referral-modal-milestone.unlocked{background:#3acfa914;border-color:#3acfa940}.referral-modal-milestone-number{position:absolute;top:-10px;left:12px;width:22px;height:22px;background:#1e2430;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#94a3b8;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.referral-modal-milestone.unlocked .referral-modal-milestone-number{background:#3acfa9;border-color:#3acfa9;color:#1e2430}.referral-modal-milestone-icon{width:44px;height:44px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.referral-modal-milestone-title{color:#fff;font-size:12.5px;font-weight:700;margin-bottom:4px}.referral-modal-milestone-subtitle{color:#64748b;font-size:10.5px;font-weight:500}.referral-modal-progress-pill{display:inline-flex;align-items:center;gap:10px;background:#7c3aed2e;border:1px solid rgba(124,58,237,.3);border-radius:100px;padding:12px 24px;color:#c4b5fd;font-size:13px;font-weight:600;margin-bottom:36px}.referral-modal-progress-dot{width:8px;height:8px;background:#a78bfa;border-radius:50%;box-shadow:0 0 10px #a78bfa99}.referral-modal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.referral-modal-step-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px 20px;text-align:center;transition:all .2s ease}.referral-modal-step-card:hover{background:#ffffff12}.referral-modal-step-number{width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.referral-modal-step-title{color:#fff;font-size:14px;font-weight:700;margin:0 0 8px}.referral-modal-step-desc{color:#94a3b8;font-size:12px;line-height:1.5;margin:0}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 1536px){.referral-modal{max-width:1040px;padding:42px 48px}}@media (max-width: 768px){.referral-modal{padding:32px 24px;border-radius:24px}.referral-modal-title{font-size:1.8rem}.referral-modal-link-row{flex-direction:column;width:100%}.referral-modal-link-display,.referral-modal-copy-btn{width:100%;justify-content:center}.referral-modal-milestones{gap:10px}.referral-modal-milestone{width:calc(33.333% - 7px);padding:22px 10px 14px}.referral-modal-steps{grid-template-columns:1fr}}@media (max-width: 480px){.referral-modal-overlay{padding:12px}.referral-modal{padding:24px 16px;border-radius:20px}.referral-modal-title{font-size:1.5rem}.referral-modal-subtitle{font-size:13px;margin-bottom:24px}.referral-modal-link-display,.referral-modal-copy-btn{padding:10px 16px;font-size:13px}.referral-modal-milestone{width:calc(50% - 5px)}}.ui-skeleton{display:inline-block;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:uiSkeletonShimmer 1.5s infinite linear;border-radius:8px}.ui-skeleton-circle{border-radius:50%;flex-shrink:0}.ui-skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}@keyframes uiSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.ui-skeleton{animation:none}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #f1f5f9;z-index:1000;padding:0 8px;align-items:center;justify-content:space-around;box-shadow:0 -4px 20px #0000000f;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:12px;transition:all .2s;color:#94a3b8;position:relative;min-width:56px}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--primary, #3ACFA9)}.bottom-nav-item.active .bottom-nav-icon{background:#f0fdfa;border-radius:12px;padding:4px 12px}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;transition:all .2s}.bottom-nav-label{font-size:10px;font-weight:600;letter-spacing:.2px}.bottom-nav-badge{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:#ff5a5f;color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 1px 4px #ff5a5f80}.bottom-nav-item.center{position:relative}.bottom-nav-item.center .bottom-nav-icon{width:48px;height:48px;background:var(--primary, #3ACFA9);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-20px;box-shadow:0 4px 16px #3acfa966;transition:all .2s}.bottom-nav-item.center:active .bottom-nav-icon{transform:scale(.9);box-shadow:0 2px 8px #3acfa94d}.bottom-nav-item.center .bottom-nav-label{margin-top:2px}.bottom-nav-item.center.active .bottom-nav-icon{background:var(--primary-hover, #2EB488);box-shadow:0 4px 20px #3acfa980}@media (max-width: 768px){.bottom-nav{display:flex}}.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 1 420px;min-width:220px;max-width:560px;margin:0 20px}.top-navbar{gap:14px}.header-right{min-width:fit-content;flex-shrink:0}.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:min(380px,calc(100vw - 24px));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}.header-coins-display{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;font-size:13px;font-weight:700;color:#0d9488;cursor:default;box-sizing:border-box}.coin-amount{font-variant-numeric:tabular-nums}.header-coins-wrapper{position:relative}.coins-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 24px));background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 48px #0000001f;z-index:999;overflow:hidden;animation:coinsDropdownIn .18s ease}@keyframes coinsDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.coins-dropdown-header{background:#242b38;padding:20px 20px 18px;color:#fff}.coins-dropdown-label{font-size:12px;opacity:.8;display:block;margin-bottom:14px}.coins-dropdown-balance{display:flex;align-items:center;gap:12px}.coins-dropdown-b-icon{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.coins-dropdown-amount{font-size:22px;font-weight:800;letter-spacing:-.5px}.coins-dropdown-currency{font-size:11px;opacity:.75;margin-left:-4px}.coins-dropdown-body{padding:16px 20px 20px}.coins-earned-today{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.coins-earned-label{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:1px}.coins-earned-amount{font-size:13px;font-weight:600;color:#3acfa9}.coins-activity-list{display:flex;flex-direction:column;gap:0;margin-bottom:16px;border-top:1px solid #f1f5f9}.coins-activity-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9}.coins-activity-item:last-child{border-bottom:none}.coins-activity-left{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569}.coins-activity-dot{width:8px;height:8px;background:#3acfa9;border-radius:50%;flex-shrink:0}.coins-activity-dot.purchase{background:#f59e0b}.coins-activity-dot.class{background:#3b82f6}.coins-activity-dot.speaking{background:#a855f7}.coins-activity-dot.ai{background:#ec4899}.coins-activity-amount{font-size:13px;font-weight:700;color:#3acfa9}.coins-dropdown-cta{display:block;width:100%;padding:12px;background:#0d9488;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.coins-dropdown-cta:hover{background:#0f766e}.header-profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-level{min-width:0}@media (min-width: 1536px){.search-wrapper-relative{max-width:660px;margin:0 24px}.top-navbar{gap:16px}}@media (max-width: 1200px){.search-wrapper-relative{max-width:460px;margin:0 12px}.header-right{gap:8px}.btn-reserve{padding:10px 16px;font-size:.8rem}.header-profile{padding:6px 10px 6px 12px;gap:8px}}@media (max-width: 1024px){.breadcrumb{display:none}.search-wrapper-relative{max-width:none;margin:0;min-width:180px}.search-container{padding:9px 14px}.search-container input{font-size:.82rem}.notif-dropdown-wrapper,.coins-dropdown{right:0}}@media (max-width: 768px){.top-navbar{padding:10px 12px 10px 56px;gap:8px;overflow:hidden;min-width:0;min-height:56px}.breadcrumb{display:none}.search-wrapper-relative{margin:0;max-width:none;flex:1;min-width:0}.search-container{width:100%;padding:8px 12px;border-radius:10px}.search-container input{font-size:14px;min-width:0}.btn-reserve{display:none}.header-right{gap:6px;flex-shrink:0}.header-coins-display{height:36px;padding:0 10px;font-size:12px;border-radius:10px}.notif-btn{width:36px;height:36px;border-radius:10px}.header-profile-info{display:none}.header-profile{padding:4px;border-radius:50%}.header-avatar-ring{width:36px;height:36px}.header-avatar{width:32px;height:32px;font-size:12px}.notif-dropdown-wrapper{position:fixed;inset:auto 8px 72px;width:auto;max-height:60vh;border-radius:16px 16px 0 0}.coins-dropdown{position:fixed;inset:auto 8px 72px;width:auto;border-radius:16px 16px 0 0}.profile-dropdown{position:fixed;inset:auto 8px 72px;min-width:0;width:auto;border-radius:16px 16px 0 0}.search-results-dropdown{position:fixed;top:64px;left:8px;right:8px;width:auto;max-height:50vh}}@media (max-width: 480px){.top-navbar{padding:10px 10px 10px 52px;gap:6px}.search-container{padding:7px 10px}.search-container input{font-size:13px}.header-coins-display{height:32px;padding:0 8px;font-size:11px;border-radius:8px;gap:4px}.coin-icon{font-size:14px}.notif-btn{width:32px;height:32px}.notif-dropdown-wrapper,.coins-dropdown,.profile-dropdown{bottom:68px}}.modal-overlay{position:fixed;inset:0;background:#0006;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}.booking-modal .modal-header{display:block;padding:28px 32px 20px;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:16px}.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:24px;font-weight:600;color:#1a1e2b;margin:0 0 6px}.modal-subtitle{color:#64748b;font-size:14px;margin:0 0 20px}.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(7,1fr);gap:10px;margin-bottom:32px}@media (max-width: 900px){.schedule-grid{grid-template-columns:repeat(4,1fr)}}.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-slots{display:flex;flex-direction:column;gap:6px}.schedule-column-disabled{opacity:.5}.time-slot-btn{padding:8px 6px;border-radius:10px;border:1px solid #3ACFA9;background:#fff;color:#3acfa9;font-weight:700;font-size:12px;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}.time-slot-btn.slot-disabled{border-color:#e2e8f0;color:#cbd5e1;cursor:not-allowed;background:#f8fafc}.time-slot-btn.slot-disabled:hover{background:#f8fafc}.schedule-column-disabled .day-name,.schedule-column-disabled .day-date{color:#cbd5e1}.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:12px 24px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.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:600;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:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}@media (max-width: 600px){.tutor-select-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.class-type-grid{grid-template-columns:repeat(2,1fr)}.modal-header{padding:24px 20px 16px}.modal-body{padding:0 20px 16px}.modal-title{font-size:24px}}.tutor-select-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s;width:100%;box-sizing:border-box;min-height:110px;justify-content:center}.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;min-height:80px;justify-content:center}.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}@media (max-width: 600px){.duration-btn{flex:1;text-align:center;min-width:calc(50% - 10px)}}.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:600;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}.cdg-value-cost{color:#ea580c}.cdg-value-old{color:#94a3b8;text-decoration:line-through}.bm-current-class{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.bm-current-icon{font-size:18px}.bm-current-text{display:flex;flex-direction:column}.bm-current-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.bm-current-value{font-size:14px;font-weight:700;color:#1a1e2b}.bm-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:4px;font-size:13px;color:#dc2626;font-weight:600}.bm-error-close{background:none;border:none;font-size:18px;color:#dc2626;cursor:pointer;padding:0 4px;line-height:1;opacity:.6}.bm-error-close:hover{opacity:1}.bm-success-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0fdf9;border:1px solid #3ACFA9;border-radius:10px;margin-bottom:4px;font-size:13px;color:#0d9488;font-weight:600;animation:bm-banner-in .2s ease-out}.bm-success-icon{width:20px;height:20px;flex-shrink:0;background:#3acfa9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.bm-warning-banner{display:flex;align-items:center;gap:10px;padding:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:8px 0;font-size:13px;color:#b45309;font-weight:600}.bm-warning-icon{flex-shrink:0;font-size:16px}@keyframes bm-banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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:600;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}.welcome-overlay{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:welcomeFadeIn .25s ease;padding:20px}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}.welcome-card{background:#fff;border-radius:20px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 24px 80px #0003;animation:welcomeSlideUp .35s ease}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-header{background:linear-gradient(135deg,#0d9488,#0f766e);padding:24px 32px 20px;text-align:center;color:#fff}.welcome-check-circle{width:48px;height:48px;background:#ffffff2e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;animation:welcomeCheckPop .5s ease .1s both,welcomePulse 2s ease-in-out .8s infinite}@keyframes welcomeCheckPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes welcomePulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 12px #fff0}}.welcome-title{font-size:20px;font-weight:600;margin:0 0 4px;letter-spacing:-.3px}.welcome-subtitle{font-size:12px;opacity:.8;margin:0;font-weight:400}.welcome-body{padding:20px 32px 24px}.welcome-plan-badge{display:inline-flex;align-items:center;gap:5px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:11px;font-weight:600;padding:5px 14px;border-radius:20px;margin-top:10px}.welcome-plan-desc{font-size:12px;color:#64748b;margin:0 0 14px;line-height:1.5}.welcome-benefits{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:18px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.welcome-benefit-item{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;color:#475569;background:#fff}.welcome-benefit-item:nth-child(odd){border-right:1px solid #f1f5f9}.welcome-benefit-item:nth-child(-n+4){border-bottom:1px solid #f1f5f9}.welcome-benefit-item.highlight{background:#f8fffe}.welcome-benefit-icon{color:#3acfa9;flex-shrink:0;display:flex;align-items:center}.welcome-actions{display:flex;flex-direction:column;gap:8px}.welcome-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:#0d9488;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s;font-family:inherit}.welcome-btn-primary:hover{background:#0f766e}.welcome-btn-claim{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;animation:welcomePulseClaim 2s ease-in-out infinite}.welcome-btn-claim:hover{background:linear-gradient(135deg,#d97706,#b45309)}.welcome-btn-claim:disabled{opacity:.7;cursor:not-allowed;animation:none}@keyframes welcomePulseClaim{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.welcome-claimed-msg{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#f0fdfa;border-radius:10px;font-size:13px;font-weight:600;color:#0d9488;margin-bottom:2px}.welcome-error-msg{display:flex;align-items:center;justify-content:center;padding:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-size:12px;font-weight:600;color:#ef4444;margin-bottom:4px}.welcome-secondary-row{display:flex;gap:8px}.welcome-btn-outline{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;background:transparent;color:#0d9488;border:1.5px solid #ccfbf1;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.welcome-btn-outline:hover{background:#f0fdfa;border-color:#0d9488}.stat-label{text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,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:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.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}.admin-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 900px){.admin-charts-grid{grid-template-columns:1fr}}.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:600;letter-spacing:1px;margin-bottom:16px;opacity:.9}.promo-time{font-size:4rem;font-weight:600;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:600;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:600;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:600}.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:600;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:600;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:600;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:600;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:600;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:600}.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:600}.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:600;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}.dash-plan-badge{display:inline-block;font-size:13px;font-weight:700;padding:3px 12px;border-radius:100px;background:#f0fdfa;color:#0d9488;border:1px solid #3ACFA9;vertical-align:middle;margin-left:6px}@media (max-width: 900px){.central-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px;border-radius:16px}.next-class-promo{padding:24px 20px;border-radius:20px}.promo-time{font-size:2.5rem}.promo-title{font-size:1.2rem}.btn-join{padding:12px 24px;width:100%;text-align:center}.pending-card{padding:16px;border-radius:16px}}@media (max-width: 400px){.stats-grid{grid-template-columns:1fr}}@media (max-width: 768px){.bottom-grid,.agenda-row{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.bottom-grid{gap:10px}.promo-time{font-size:2rem}.promo-title{font-size:1.1rem}}:root{--primary: #3ACFA9;--primary-hover: #2EB488;--bg-main: #f8fafc;--sidebar-width: 260px;--sidebar-collapsed-width: 68px;--text-dark: #1e293b;--text-gray: #64748b;--border: #f1f5f9;--sidebar-transition: .25s cubic-bezier(.4, 0, .2, 1)}.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);min-width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--sidebar-transition),min-width var(--sidebar-transition);overflow:hidden;position:relative;z-index:10}.sidebar.sidebar-collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar-logo{padding:20px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);min-height:68px}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:20px 0}.sidebar-role-badge{font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.sidebar-role-badge.student{background:#ccfbf1;color:#0f766e}.sidebar-role-badge.tutor{background:#f0fdf9;color:#0d9488}.sidebar-role-badge.admin{background:#fef3c7;color:#92400e}.sidebar-logo .logo{font-weight:700;font-size:1.4rem;color:var(--primary);display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.sidebar-toggle-btn{background:#f0fdf9;border:none;color:#0d9488;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;width:32px;height:32px}.sidebar-toggle-btn:hover{background:#ccfbf1;color:#3acfa9}.sidebar-role-badge{padding:8px 16px}.sidebar-logo .logo-span{color:var(--text-dark)}.badge-student{background:#ccfbf1;color:#0f766e;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;white-space:nowrap;overflow:hidden;position:relative}.menu-item-icon{display:flex;align-items:center;flex-shrink:0;margin-right:12px;width:20px;height:20px}.menu-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--sidebar-transition)}.menu-item.menu-item-collapsed,.sidebar-collapsed .menu-item{padding:10px 0;justify-content:center;border-left:none}.sidebar-collapsed .menu-item-icon{margin-right:0}.menu-badge-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:1.5px solid white}.sidebar-collapsed .menu-item{position:relative}.sidebar-collapsed .menu-item:hover:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #00000026}.menu-item:hover{background:#f8fafc;color:var(--text-dark)}.menu-item.active{color:#fff;background:var(--primary);border-left-color:#2eb488}.sidebar-collapsed .menu-item.active{border-left:none;border-radius:0}.menu-section-divider{height:1px;background:#f1f5f9;margin:4px 12px}.user-profile-sidebar{padding:8px 16px;margin:8px 16px 16px}.sidebar-collapsed .user-profile-sidebar{padding:8px 0;margin:8px 12px 16px}.sidebar-preview-toggle{margin-bottom:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.sidebar-preview-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sidebar-preview-options{display:flex;gap:4px}.sidebar-preview-opt{flex:1;padding:5px 6px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.sidebar-preview-opt:hover{background:#f1f5f9;color:#1a1e2b}.sidebar-preview-opt.active{background:#3acfa9;color:#fff;border-color:#3acfa9}.sidebar-conn-status{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:11px;font-weight:600;margin-bottom:10px}.sidebar-conn-status.online{background:#f0fdf4;color:#16a34a}.sidebar-conn-status.offline{background:#fef2f2;color:#dc2626}.sidebar-logout-btn{width:100%;padding:10px 12px;border-radius:12px;border:none;background:#fef2f2;color:#ef4444;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600;font-family:inherit}.sidebar-logout-btn:hover{background:#fecaca;color:#dc2626}.sidebar-collapsed .sidebar-logout-btn{width:36px;height:36px;padding:0;justify-content:center;gap:0;margin:0 auto}.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-y:auto;overflow-x:hidden;padding-left:10px;min-width:0;max-width:100%}.top-navbar{height:auto;min-height:80px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 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:100%;max-width:480px;border:1px solid #f1f5f9;box-sizing:border-box}.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:12px}.header-profile-wrapper{position:relative}.header-profile{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 16px;border-radius:14px;cursor:pointer;transition:all .2s;background:#f8fafc}.header-profile:hover{background:#f1f5f9}.header-profile:hover .header-avatar{box-shadow:0 0 0 3px #3acfa9}.header-avatar-ring{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.header-avatar-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(58,207,169,.3);transition:border-color .3s ease;pointer-events:none}.header-profile:hover .header-avatar-ring:before{border-color:#3acfa9;border-right-color:transparent;animation:spinBorder .6s linear}.header-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;overflow:hidden;flex-shrink:0}.header-profile-info{display:flex;flex-direction:column;line-height:1.2}.header-profile-name{font-size:13px;font-weight:700;color:#1e293b}.header-plan-tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px;background:#f0fdfa;color:#0d9488;border:1px solid #3ACFA9;white-space:nowrap}.header-profile-level{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:6px;justify-content:flex-end}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000001f;min-width:200px;padding:6px;z-index:1000;animation:dropdownFadeIn .15s ease-out}.profile-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#475569;cursor:pointer;border-radius:10px;font-family:inherit;transition:background .15s}.profile-dropdown button:hover{background:#f1f5f9}.profile-dropdown-divider{height:1px;background:#f1f5f9;margin:4px 8px}.profile-dropdown-logout{color:#ef4444!important}.profile-dropdown-logout:hover{background:#fef2f2!important}@keyframes spinBorder{0%{transform:rotate(0);border-color:#3acfa9;border-right-color:transparent}50%{border-color:#3acfa9;border-right-color:transparent;border-left-color:transparent}to{transform:rotate(360deg);border-color:#3acfa9;border-right-color:transparent}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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;transition:all .2s}.notif-btn:hover{color:var(--primary);border-color:var(--primary);background:#f0fdfa}.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%;-webkit-overflow-scrolling:touch;min-height:0}.header-greeting h1{font-size:2rem;font-weight:600;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}.sidebar-mobile-hamburger{display:none;position:fixed;top:16px;left:16px;z-index:997;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dark);box-shadow:0 2px 8px #00000014}.sidebar-close-btn{display:none;background:#f1f5f9;border:none;color:var(--text-gray);cursor:pointer;padding:6px;border-radius:8px;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;width:32px;height:32px}.sidebar-close-btn:hover{background:#e2e8f0;color:var(--text-dark)}@media (max-width: 768px){.sidebar-mobile-hamburger,.sidebar-close-btn,.sidebar-toggle-btn{display:none}.sidebar{position:relative;left:auto;top:auto;bottom:auto;z-index:10;width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width);box-shadow:none}.sidebar.sidebar-collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar-overlay{display:none!important}.main-area{padding-left:0;padding-bottom:64px;overflow:hidden}.top-navbar{padding:12px;min-height:56px;overflow:hidden;flex-shrink:0}.content-scroll{padding:0 12px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.header-greeting h1{font-size:1.4rem}.header-greeting p{font-size:.85rem;margin-bottom:20px}}@media (max-width: 480px){.sidebar{display:none}.top-navbar{padding:10px 12px;min-height:56px}.content-scroll{padding:0 12px 20px}.header-greeting h1{font-size:1.2rem}.header-greeting p{font-size:.8rem;margin-bottom:16px}}.cal-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px 12px;gap:16px;flex-wrap:wrap}.cal-nav-left{display:flex;align-items:center;gap:12px}.cal-date-range{font-size:15px;font-weight:700;color:#1a1d1f;margin:0;white-space:nowrap}.cal-nav-btns{display:flex;align-items:center;gap:6px}.cal-nav-btn{width:32px;height:32px;border:1px solid #E8E8E8;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6f767e;transition:all .15s}.cal-nav-btn:hover{background:#f4f6f8;color:#1a1d1f}.cal-pill-btn{padding:6px 14px;border:1px solid #E8E8E8;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:#1a1d1f;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px;transition:all .15s}.cal-pill-btn:hover{background:#f4f6f8}.cal-view-select{padding:6px 12px;border:1px solid #E8E8E8;border-radius:8px;font-size:12px;font-weight:600;color:#1a1d1f;background:#fff;cursor:pointer;font-family:inherit;outline:none}.cal-search-area{display:flex;align-items:center;gap:8px}.cal-search-box{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #E8E8E8;border-radius:10px;background:#fff}.cal-search-box input{border:none;outline:none;font-size:12px;color:#1a1d1f;width:160px;font-family:inherit}.cal-search-box input::placeholder{color:#9a9fa5}.cal-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;padding:0 28px 28px}.cal-week-panel{background:#fff;border-radius:16px;border:1px solid #F4F5F6;overflow:hidden}.cal-week-grid{position:relative}.cal-week-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:2px solid #E2E8F0}.cal-day-head{text-align:center;padding:12px 4px;border-left:2px solid #E2E8F0}.cal-day-head:first-child{border-left:2px solid #E2E8F0}.cal-day-head:last-child{border-right:2px solid #E2E8F0}.cal-day-label{display:block;font-size:11px;font-weight:600;color:#6f767e;letter-spacing:.3px}.cal-day-num{display:inline-block;font-size:14px;font-weight:800;color:#1a1d1f;margin-top:3px;width:30px;height:30px;line-height:30px;border-radius:50%}.cal-today .cal-day-num,.cal-today-num{background:#3acfa9;color:#fff}.cal-week-body{position:relative;min-height:840px;display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:2px solid #E2E8F0}.cal-hour-row{display:contents}.cal-time-label{grid-column:1;text-align:right;padding:0 12px 0 0;font-size:11px;color:#9a9fa5;font-weight:500;position:relative;top:-8px;z-index:2;background:#fff;height:20px}.cal-day-col{border-left:2px solid #E2E8F0;border-bottom:1.5px solid #D1D5DB;height:70px;position:relative}.cal-day-col:nth-child(2){border-left:2px solid #E2E8F0}.cal-day-col:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #CBD5E1;pointer-events:none}.cal-now-line{position:absolute;left:60px;right:0;height:2px;background:#ff5b37;z-index:10;pointer-events:none}.cal-now-badge{position:absolute;left:-48px;top:-10px;background:#ff5b37;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.cal-now-dot{position:absolute;top:-3px;width:8px;height:8px;background:#ff5b37;border-radius:50%;transform:translate(-50%)}.cal-class-block{position:absolute;left:4px;right:4px;top:2px;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:11px;overflow:hidden;transition:opacity .15s;z-index:5;display:flex;flex-direction:column;justify-content:center}.cal-class-block:hover{opacity:.85;z-index:8}.cal-class-block.cal-half{flex-direction:row;align-items:center;justify-content:flex-start;padding:2px 8px}.cal-block-inline{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-block-header{display:flex;align-items:center;gap:5px;margin-bottom:2px}.cal-block-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cal-block-time{font-weight:800;font-size:11px}.cal-block-tutor{display:block;font-weight:600;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-upcoming-card{background:#fff;border-radius:16px;border:1px solid #F4F5F6;padding:20px}.cal-upcoming-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-upcoming-header h3{font-size:15px;font-weight:700;color:#1a1d1f;margin:0}.cal-upcoming-count{width:28px;height:28px;background:#e6f9f3;color:#0d9488;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.cal-upcoming-empty{text-align:center;color:#9a9fa5;font-size:13px;padding:20px 0}.cal-upcoming-group-label{font-size:11px;font-weight:700;color:#9a9fa5;letter-spacing:.5px;margin:14px 0 8px}.cal-upcoming-item{background:#f4f6f8;border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;transition:background .15s}.cal-upcoming-item:hover{background:#ebedf0}.cal-upcoming-item-left{display:flex;align-items:flex-start;gap:10px}.cal-upcoming-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.cal-upcoming-title{display:block;font-size:13px;font-weight:700;color:#1a1d1f;margin-bottom:3px}.cal-upcoming-meta{font-size:11px;color:#9a9fa5}@media (max-width: 768px){.cal-topbar{flex-direction:column;align-items:stretch;padding:0 16px 12px;gap:10px}.cal-nav-left{flex-wrap:wrap;gap:8px}.cal-date-range{width:100%;font-size:14px}.cal-nav-btns{gap:4px}.cal-pill-btn{font-size:11px;padding:5px 10px}.cal-search-area{width:100%}.cal-search-box{flex:1}.cal-search-box input{width:100%}.cal-layout{grid-template-columns:1fr;padding:0 12px 12px;gap:12px}.cal-week-panel{overflow-x:auto}.cal-week-grid{min-width:640px}.cal-upcoming-panel{display:none}.cal-week-body{grid-template-columns:48px repeat(7,1fr);min-height:auto}.cal-time-label{font-size:10px;padding:0 6px 0 0}.cal-day-label{font-size:10px}.cal-day-num{font-size:12px;width:26px;height:26px;line-height:26px}.cal-class-block{padding:4px 6px;font-size:10px}.cal-block-time{font-size:9px}.cal-block-tutor{font-size:10px}.cal-now-badge{left:-38px;font-size:9px}}.ccm-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.ccm-modal{background:#fff;border-radius:20px;padding:32px;max-width:480px;width:100%;position:relative;box-shadow:0 20px 60px #00000026;max-height:90vh;overflow-y:auto}.ccm-close{position:absolute;top:12px;right:12px;background:#f1f5f9;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ccm-close:hover{background:#e2e8f0;color:#64748b}.ccm-icon-wrap{width:56px;height:56px;background:#f0fdf9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.ccm-title{font-size:20px;font-weight:600;color:#1a1e2b;text-align:center;margin:0 0 4px}.ccm-sub{font-size:14px;color:#64748b;text-align:center;margin:0 0 24px}.ccm-details{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:24px}.ccm-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.ccm-detail-row:last-child{border-bottom:none}.ccm-label{font-size:13px;color:#64748b;font-weight:500}.ccm-value{font-size:13px;color:#1a1e2b;font-weight:600;text-align:right;max-width:60%}.ccm-notes-row{flex-direction:column;gap:4px}.ccm-notes-row .ccm-value{text-align:left;max-width:100%;font-weight:400;color:#475569}.ccm-actions{display:flex;gap:10px}.ccm-btn{flex:1;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s;font-family:inherit}.ccm-btn:disabled{opacity:.5;cursor:not-allowed}.ccm-btn-primary{background:#3acfa9;color:#fff}.ccm-btn-primary:hover{background:#2fb892}.ccm-btn-outline{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.ccm-btn-outline:hover{background:#f8fafc}.ccm-btn-danger{background:#ef4444;color:#fff}.ccm-btn-danger:hover{background:#dc2626}.ccm-reject-label{display:block;font-size:13px;font-weight:600;color:#1a1e2b;margin-bottom:8px}.ccm-reject-textarea{width:100%;padding:12px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box;margin-bottom:16px;min-height:80px}.ccm-reject-textarea:focus{border-color:#3acfa9}.ccm-done{text-align:center;padding:20px 0}.ccm-done-icon{color:#22c55e;margin-bottom:16px}.ccm-done h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.ccm-done p{font-size:14px;color:#64748b;margin:0 0 24px}.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:28px;font-weight:600;color:#1e293b;margin:0 0 4px}.tc-page-header p{font-size:14px;color:#64748b;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:600;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 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:#fff;border-radius:18px;padding:20px;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}.tc-next-label{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:1px}.tc-next-time-row{display:flex;align-items:center;gap:10px}.tc-next-time{font-size:32px;font-weight:900;color:#0f172a;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:#0d9488;color:#fff;font-size:14px;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:600;color:#0f172a}.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:600;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:#94a3b8}.tc-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:9999}.tc-modal{background:#fff;border-radius:20px;width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.tc-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 0}.tc-modal-header h2{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 4px}.tc-modal-header p{font-size:13px;color:#94a3b8;margin:0;line-height:1.4}.tc-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.tc-modal-close:hover{background:#f1f5f9}.tc-modal-body{padding:20px 24px}.tc-form-group{margin-bottom:20px}.tc-form-group label{display:block;font-size:13px;font-weight:700;color:#0f172a;margin-bottom:8px}.tc-input{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #e2e8f0;font-size:14px;color:#0f172a;outline:none;font-family:inherit;box-sizing:border-box}.tc-input:focus{border-color:#3acfa9}.tc-slots-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tc-slots-header-row label{margin-bottom:0}.tc-selected-count{font-size:12px;font-weight:700;color:#3acfa9;background:#f0fdf9;padding:3px 10px;border-radius:20px}.tc-time-section{background:#f8fafc;border-radius:14px;padding:14px;margin-bottom:12px}.tc-time-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tc-time-section-header span{font-size:13px;font-weight:700;color:#475569}.tc-quick-btn{padding:4px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;font-family:inherit}.tc-quick-btn:hover{border-color:#3acfa9;color:#0d9488}.tc-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tc-time-btn{padding:10px 8px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;font-family:inherit;transition:all .15s}.tc-time-btn:hover{border-color:#3acfa9;color:#0d9488;background:#f0fdf9}.tc-time-btn.active{background:#3acfa9;color:#fff;border-color:#3acfa9}.tc-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #f1f5f9}.tc-btn-cancel{padding:10px 22px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.tc-btn-cancel:hover{background:#f8fafc}.tc-btn-save{padding:10px 24px;border-radius:12px;border:none;background:#3acfa9;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.tc-btn-save:hover{background:#2bb896}.tc-btn-save:disabled{background:#94a3b8;cursor:not-allowed}@media (max-width: 1100px){.tc-layout{grid-template-columns:1fr}.tc-right-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width: 768px){.tc-right-panel{grid-template-columns:1fr}.tc-nav-bar{flex-wrap:wrap;padding:12px}.tc-week-label{order:3;flex-basis:100%;text-align:center}.tc-view-tabs{margin-left:auto}.tc-calendar-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tc-days-header,.tc-grid-body{min-width:640px}.tc-day-head{padding-left:4px;padding-right:4px}.tc-class-block{padding-left:5px;padding-right:5px}.tc-modal-header,.tc-modal-body,.tc-modal-footer{padding-left:16px;padding-right:16px}.tc-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-modal-footer{flex-direction:column-reverse}.tc-btn-cancel,.tc-btn-save{width:100%}.tc-page-header h1{font-size:24px}.tc-page-header p{font-size:13px}}@media (max-width: 420px){.tc-nav-bar{gap:6px}.btn-hoy{padding-left:10px;padding-right:10px}.view-tab{padding-left:9px;padding-right:9px;font-size:11px}}.tc-block-status-dot{width:8px;height:8px;border-radius:50%;margin-left:6px;flex-shrink:0}.tc-class-pending{opacity:.75}.tc-class-confirmed{opacity:1}.tc-pending-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:8px;font-size:12px;font-weight:600;margin-top:8px}.tc-class-block{display:flex;flex-direction:column;justify-content:center}.tc-class-block.tc-half{flex-direction:row;align-items:center;padding:2px 6px}.tc-block-inline{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.uc-modal{background:#fff;border-radius:20px;padding:36px 32px 24px;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px #00000026}.uc-close{position:absolute;top:12px;right:12px;background:#f1f5f9;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.uc-close:hover{background:#e2e8f0;color:#64748b}.uc-icon-wrap{width:60px;height:60px;background:#fffbeb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.uc-modal h2{font-size:20px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.uc-modal p{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.uc-btn{padding:12px 32px;background:#3acfa9;color:#0f172a;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}.uc-btn:hover{background:#2fb892}.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:#22c55e}.cls-status.pending{color:#f59e0b}.cls-status.in-progress,.cls-status.lista{color:#3b82f6}.cls-status.completed{color:#94a3b8}.status-dot{width:8px;height:8px;border-radius:50%}.confirmed .status-dot{background:#22c55e}.pending .status-dot{background:#f59e0b}.in-progress .status-dot,.lista .status-dot{background:#3b82f6;animation:pulse-blue 1.5s infinite}.completed .status-dot{background:#94a3b8}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 #3b82f666}70%{transform:scale(1);box-shadow:0 0 0 5px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.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;box-shadow:0 4px 12px #3acfa94d}.btn-action.outline{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-action.outline:hover{background:#f1f5f9;border-color:#3acfa9;color:#3acfa9}.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}}@media (max-width: 768px){.classes-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;margin-top:20px;scrollbar-width:none}.classes-tabs::-webkit-scrollbar{display:none}.tab-item{padding:10px 12px;font-size:14px;white-space:nowrap;flex-shrink:0}.classes-list{margin-top:20px}.class-wide-card{grid-template-columns:1fr;padding:18px;gap:12px}.cls-time{font-size:20px}.cls-title{font-size:16px}.btn-action{width:100%}.empty-state{padding:40px 20px}.class-date-info{flex-direction:row;align-items:center;gap:8px}}@media (max-width: 480px){.tab-item{padding:8px 10px;font-size:13px}.class-wide-card{padding:14px;gap:10px}.cls-time{font-size:18px}.cls-title{font-size:15px}.btn-action{font-size:13px;padding:8px 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}.status-timer-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;white-space:nowrap}.status-badge-pill.paid{background:#fef3c7;color:#b45309}.status-badge-pill.waiting{background:#fffbeb;color:#f59e0b}.status-badge-pill.rated{background:#f1f5f9;color:#1a1e2b}.status-badge-pill.to-rate{background:#fffbeb;color:#f59e0b;cursor:pointer;transition:background .15s}.status-badge-pill.to-rate:hover{background:#fef3c7}.class-timer-corner{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;z-index:2}.class-wide-card{position:relative}.class-wide-card.in-progress-card{background:#eff6ff;border:1px solid #bfdbfe}.btn-join-small,.btn-action.outline{padding:10px 24px!important;font-size:14px!important;min-height:42px;min-width:130px;display:flex!important;align-items:center;justify-content:center}.btn-action.primary{padding:10px 24px!important;font-size:14px!important;min-height:42px;min-width:160px;display:flex!important;align-items:center;justify-content:center}.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}.btn-request-small{background:#fefce8;color:#92400e;border:1px solid #fde68a;padding:6px 14px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.btn-request-small:hover{background:#fef3c7;border-color:#fcd34d}.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:600;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}.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:600;color:#1e293b;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:600;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:600;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;position:relative}.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;flex-shrink:0}.mat-icon-box.purple{color:#a855f7}.mat-icon-box.orange{color:#f97316}.mat-text{flex:1;min-width:0}.mat-text h4{font-size:13px;font-weight:700;color:#1a1e2b;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-text span{font-size:11px;color:#94a3b8}.mat-download-btn{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:transparent;border:1px solid #e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.mat-download-btn:hover{background:#3acfa9;border-color:#3acfa9;color:#fff}.materials-empty{text-align:center;padding:32px 16px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.tm-manage-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f0fdf9;color:#3acfa9;border:1px solid #3ACFA9;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tm-manage-btn:hover{background:#3acfa9;color:#fff}.tm-card{background:#fff;border-radius:16px;width:440px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:tmSlideUp .25s ease}.tm-resource-item:hover{background:#f8fafc!important}.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:600;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%}@media (max-width: 900px){.detail-bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.class-detail-card{padding:20px}.detail-hero{flex-wrap:wrap;gap:16px}.detail-meta-grid{flex-wrap:wrap;gap:12px}.tutor-stats-grid-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px}.progress-stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 480px){.detail-header-text h1{font-size:22px}}.mt-search-wrap{position:relative;max-width:380px;margin-bottom:28px}.mt-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#94a3b8}.mt-search-input{width:100%;padding:11px 14px 11px 38px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;background:#fff;box-sizing:border-box;font-family:Poppins,sans-serif;transition:border-color .2s}.mt-search-input:focus{border-color:#3acfa9}.mt-loading,.mt-empty,.mt-error{text-align:center;padding:60px 20px;color:#94a3b8;font-size:15px}.mt-error{color:#ef4444}.mt-retry-btn{display:block;margin:14px auto 0;padding:9px 22px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.mt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding-bottom:40px}.mt-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column}.mt-card:hover{box-shadow:0 8px 30px #0000000f;transform:translateY(-3px);border-color:#e2e8f0}.mt-card-header{display:flex;align-items:center;gap:16px;padding:24px 24px 0}.mt-header-info{flex:1;min-width:0}.mt-header-info h3{font-size:17px;font-weight:600;color:#0f172a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-location{font-size:13px;color:#64748b;display:flex;align-items:center;gap:5px}.mt-flag{font-size:15px}.mt-card-body{padding:18px 24px 20px;flex:1;display:flex;flex-direction:column;gap:14px}.mt-rating-row{display:flex;align-items:center;gap:6px}.mt-stars{display:flex;gap:1px}.mt-rating-text{font-size:14px;font-weight:700;color:#1e293b}.mt-dot{color:#cbd5e1;font-weight:400}.mt-specialty-tag{display:inline-block;font-size:12px;font-weight:600;background:#f0fdf9;color:#0d9488;padding:5px 12px;border-radius:8px;width:fit-content}.mt-skills{display:flex;flex-direction:column;gap:10px}.mt-skill-row{display:flex;align-items:center;gap:10px}.mt-skill-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;width:52px;flex-shrink:0}.mt-skill-bar-bg{flex:1;height:7px;background:#f1f5f9;border-radius:100px;overflow:hidden}.mt-skill-bar-fill{height:100%;border-radius:100px;transition:width .4s ease}.mt-skill-pct{font-size:11px;font-weight:700;color:#64748b;width:32px;text-align:right;flex-shrink:0}.mt-langs-row{display:flex;flex-wrap:wrap;gap:6px}.mt-lang-tag{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;background:#f8fafc;color:#475569;border:1px solid #f1f5f9}.mt-lang-tag.native{background:#ecfdf5;color:#065f46;border-color:#d1fae5}.mt-card-footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #f8fafc;background:#fafbfc}.mt-btn-primary{flex:1.3;display:flex;align-items:center;justify-content:center;gap:6px;background:#3acfa9;color:#fff;border:none;padding:11px 16px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.mt-btn-primary:hover{background:#2bb896;box-shadow:0 4px 14px #3acfa959}.mt-btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:#fff;color:#475569;border:1.5px solid #e2e8f0;padding:11px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.mt-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width: 1600px){.mt-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1400px){.mt-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.mt-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.mt-grid{grid-template-columns:1fr;gap:16px}.mt-search-wrap{max-width:100%;margin-bottom:20px}.mt-card-header{padding:18px 18px 0;gap:12px}.mt-card-body{padding:14px 18px 16px;gap:10px}.mt-card-footer{padding:12px 18px}.mt-btn-primary,.mt-btn-secondary{padding:10px 14px;font-size:13px}.mt-skill-label{width:48px;font-size:10px}.mt-skill-pct{width:28px;font-size:10px}}@media (max-width: 480px){.mt-grid{gap:12px;padding-bottom:24px}.mt-card-header{padding:14px 14px 0;gap:10px}.mt-card-body{padding:12px 14px 14px;gap:8px}.mt-card-footer{padding:10px 14px;flex-direction:column}.mt-btn-primary,.mt-btn-secondary{width:100%}.mt-header-info h3{font-size:15px}.mt-specialty-tag{font-size:11px;padding:4px 10px}.mt-skill-row{gap:8px}}.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:600;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:600;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:600;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:600;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:600;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}}@media (max-width: 768px){.tutor-container{padding:16px 12px!important}.tutor-top-grid{grid-template-columns:1fr}.tutor-header-info{flex-direction:column;align-items:center;text-align:center;gap:16px}.tutor-info-text{width:100%}.tutor-info-text h1{font-size:24px}.tutor-locations,.tutor-stats-row-clean,.tutor-header-btns{justify-content:center;flex-wrap:wrap}.tutor-header-btns{flex-direction:column;gap:10px}.btn-reserve-main,.btn-message-white{width:100%}.tutor-card-profile-header,.tutor-card-section{padding:18px}.skill-bar-row{grid-template-columns:88px minmax(0,1fr) 42px;gap:10px}.slots-calendar-row{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto;padding-bottom:8px}}@media (max-width: 480px){.tutor-avatar-big{width:96px;height:96px}.tutor-locations{font-size:12px}.skill-bar-row{grid-template-columns:76px minmax(0,1fr) 36px;gap:8px}}.ms-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.ms-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 4px}.ms-header p{font-size:14px;color:#64748b;margin:0}.ms-search-wrap{min-width:240px}.ms-search-input{width:100%;padding:10px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;background:#fff;box-sizing:border-box;font-family:Poppins,sans-serif}.ms-search-input:focus{border-color:#3acfa9}.ms-loading{text-align:center;padding:80px;color:#94a3b8}.ms-loading .spin{animation:spin .8s linear infinite;margin-bottom:8px}.ms-empty{text-align:center;padding:80px 20px;color:#94a3b8}.ms-empty h3{font-size:17px;color:#64748b;margin:12px 0 6px}.ms-empty p{font-size:14px;max-width:380px;margin:0 auto}.ms-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding-bottom:40px}.ms-card{background:#fff;border-radius:18px;border:1px solid #f1f5f9;padding:22px;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;gap:16px}.ms-card:hover{box-shadow:0 8px 30px #0000000f;transform:translateY(-2px);border-color:#e2e8f0}.ms-card-header{display:flex;align-items:center;gap:12px}.ms-header-info{flex:1;min-width:0}.ms-header-info h3{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-level-badge{display:inline-block;font-size:11px;font-weight:700;color:#fff;padding:2px 10px;border-radius:6px;text-transform:uppercase}.ms-stats-row{display:flex;gap:8px}.ms-stat{flex:1;display:flex;align-items:center;gap:8px;background:#f8fafc;padding:10px 12px;border-radius:12px}.ms-stat div{display:flex;flex-direction:column}.ms-stat-num{font-size:16px;font-weight:800;color:#0f172a;line-height:1.2}.ms-stat-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase}.ms-last-class{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;font-weight:500}.ms-card-footer{border-top:1px solid #f8fafc;padding-top:12px}.ms-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s}.ms-btn:hover{background:#f8fafc;border-color:#3acfa9;color:#3acfa9}@media (max-width: 1600px){.ms-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1400px){.ms-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.ms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.ms-grid{grid-template-columns:1fr}}.perf-header{margin-bottom:28px}.perf-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0}.perf-header p{font-size:14px;color:#64748b;margin:4px 0 0}.perf-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.perf-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px}.perf-num{font-size:28px;font-weight:800;color:#1a1e2b}.perf-label{font-size:12px;color:#94a3b8;font-weight:500}.perf-chart-section{background:#fff;border-radius:16px;padding:24px;border:1px solid #f1f5f9;margin-bottom:24px}.perf-chart-section h3{font-size:15px;font-weight:700;color:#1a1e2b;margin:0 0 20px}.perf-chart{display:flex;align-items:flex-end;gap:12px;height:120px}.perf-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.perf-bar{width:100%;max-width:40px;background:linear-gradient(to top,#3acfa9,#6ee7c1);border-radius:6px 6px 0 0;min-height:4px;transition:height .3s}.perf-bar-label{font-size:10px;color:#94a3b8;font-weight:600;text-align:center;white-space:nowrap}.perf-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.perf-detail-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #f1f5f9}.perf-detail-card h3{font-size:15px;font-weight:700;color:#1a1e2b;margin:0 0 16px}.perf-detail-rows{display:flex;flex-direction:column}.perf-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f8fafc;font-size:13px}.perf-detail-row:last-child{border-bottom:none}.perf-detail-row span{color:#64748b;font-weight:500}.perf-detail-row strong{color:#1a1e2b;font-weight:700}.spin{animation:spin 1s linear infinite;vertical-align:middle}@media (max-width: 768px){.perf-stats-grid{grid-template-columns:1fr 1fr}.perf-bottom-grid{grid-template-columns:1fr}}.tm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:tmFadeIn .2s ease}@keyframes tmFadeIn{0%{opacity:0}to{opacity:1}}.tm-card{background:#fff;border-radius:16px;width:440px;max-width:90vw;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0003;animation:tmSlideUp .25s ease}@keyframes tmSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tm-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px}.tm-close:hover{background:#f1f5f9;color:#334155}.tm-loading,.tm-empty{padding:60px 24px;text-align:center;color:#94a3b8;font-size:15px}.tm-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px;background:linear-gradient(135deg,#242b38,#1e293b);border-radius:16px 16px 0 0;color:#fff}.tm-header-info h2{font-size:18px;font-weight:600;margin:0 0 4px;color:#fff}.tm-specialty{font-size:13px;color:#94a3b8;display:block;margin-bottom:6px}.tm-rating{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#f1f5f9}.tm-reviews{color:#94a3b8;font-weight:400;font-size:13px}.tm-body{padding:20px 24px}.tm-section{margin-bottom:16px}.tm-section h4{font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.tm-section p{font-size:14px;color:#334155;line-height:1.6;margin:0}.tm-stats-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.tm-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.tm-langs{display:flex;flex-wrap:wrap;gap:8px}.tm-lang-badge{font-size:12px;padding:4px 10px;border-radius:20px;background:#f1f5f9;color:#334155;font-weight:500}.tm-lang-badge.native{background:#d1fae5;color:#065f46}.tm-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9}.tm-btn-primary{display:flex;align-items:center;gap:6px;background:#3acfa9;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.tm-btn-primary:hover{background:#2bb896}.tm-btn-secondary{background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.tm-btn-secondary:hover{background:#f8fafc}.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(min(320px,100%),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;overflow:hidden}.res-type-tag{position:absolute;top:16px;left:16px;background:#fff;padding:6px 14px;border-radius:10px;font-size:12px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:6px;box-shadow:0 2px 10px #0000000a;z-index:10}.res-visual-double{display:flex;align-items:flex-end;justify-content:center;gap:16px;width:100%;height:100%;padding:30px 10px 0;box-sizing:border-box}.res-doc-page{flex:1.3;background:#fff;border-radius:14px 14px 0 0;height:110px;padding:16px 14px 0;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 25px #00000008;box-sizing:border-box}.res-doc-line{height:5px;background:currentColor;opacity:.15;border-radius:3px}.doc-line-1{width:70%}.doc-line-2,.doc-line-3{width:100%}.doc-line-4{width:90%}.doc-line-5{width:50%}.res-doc-image{flex:1;background:#ffffff8c;border-radius:14px 14px 0 0;height:85px;box-shadow:0 10px 25px #00000008}.res-visual-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px}.res-center-line{height:6px;background:currentColor;opacity:.12;border-radius:3px}.center-line-1{width:50px}.center-line-2,.center-line-3{width:90px}.res-visual-video{display:flex;align-items:flex-end;justify-content:center;gap:16px;width:100%;height:100%;padding:30px 10px 0;box-sizing:border-box}.res-video-player{flex:1.3;background:#fff;border-radius:14px 14px 0 0;height:110px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000008;box-sizing:border-box}.res-video-play-btn{width:32px;height:32px;border-radius:50%;background:currentColor;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000014}.res-video-timeline{position:absolute;bottom:12px;left:12px;right:12px;height:4px;background:#0000000f;border-radius:2px}.res-video-progress{width:40%;height:100%;background:currentColor;opacity:.8;border-radius:2px}.res-video-sidebar{flex:1;background:#ffffff8c;border-radius:14px 14px 0 0;height:85px;box-shadow:0 10px 25px #00000008}.res-visual-audio{display:flex;align-items:flex-end;justify-content:center;gap:16px;width:100%;height:100%;padding:30px 10px 0;box-sizing:border-box}.res-audio-card{flex:1.3;background:#fff;border-radius:14px 14px 0 0;height:110px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000008;box-sizing:border-box}.res-audio-wave{display:flex;align-items:center;gap:4px;height:40px}.wave-bar{width:4px;border-radius:2px;background:currentColor;opacity:.7}.bar-1{height:12px}.bar-2{height:28px}.bar-3{height:18px}.bar-4{height:35px}.bar-5{height:22px}.bar-6{height:30px}.bar-7{height:14px}.res-audio-small-card{flex:1;background:#ffffff8c;border-radius:14px 14px 0 0;height:85px;box-shadow:0 10px 25px #00000008}.res-visual-interactive{display:flex;align-items:flex-end;justify-content:center;gap:16px;width:100%;height:100%;padding:30px 10px 0;box-sizing:border-box;position:relative}.res-interactive-card{flex:1.3;background:#fff;border-radius:14px 14px 0 0;height:110px;padding:16px 14px 0;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 25px #00000008;box-sizing:border-box}.res-interactive-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.05);background:#f8fafc}.res-interactive-option.option-active{border-color:currentColor;background:#ffffffe6}.option-bullet{width:6px;height:6px;border-radius:50%;background:#0003}.option-active .option-bullet{background:currentColor}.option-line-short,.option-line-long{height:4px;background:#0000000f;border-radius:2px}.option-line-short{width:50%}.option-line-long{width:80%}.option-active .option-line-short{background:currentColor;opacity:.15}.res-interactive-small-card{flex:1;background:#ffffff8c;border-radius:14px 14px 0 0;height:85px;box-shadow:0 10px 25px #00000008}.res-interactive-cursor{position:absolute;bottom:24px;right:28px;color:#1e293b;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));z-index:12}.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:6px 14px;border-radius:100px;display:inline-flex;align-items:center;gap:6px}.cat-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.cat-grammar{color:#1d4ed8;background:#dbeafe}.cat-grammar .cat-dot{background:#1d4ed8}.cat-listening{color:#0f766e;background:#ccfbf1}.cat-listening .cat-dot{background:#0f766e}.cat-vocabulary{color:#7e22ce;background:#f3e8ff}.cat-vocabulary .cat-dot{background:#7e22ce}.cat-speaking{color:#be123c;background:#ffe4e6}.cat-speaking .cat-dot{background:#be123c}.cat-writing{color:#a16207;background:#fef9c3}.cat-writing .cat-dot{background:#a16207}.res-level-badge{font-size:12px;font-weight:700;color:#94a3b8}.res-title{font-size:18px;font-weight:600;color:#0f172a;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:10px;font-size:14px;font-weight:700;color:#334155;padding:4px 8px;margin:-4px -8px;border-radius:8px;transition:background .15s}.res-author:hover{background:#f1f5f9;color:#1e293b}.res-author-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.res-stats{display:flex;gap:12px}.stat-group{display:flex;align-items:center;gap:4px;font-size:13px;color:#94a3b8;font-weight:600}@media (max-width: 640px){.resources-toolbar{margin-top:20px;width:100%}.resources-toolbar{flex-direction:column;align-items:flex-start}.filter-buttons,.category-legend{width:100%;flex-wrap:wrap;gap:8px}.filter-btn{flex:1;min-width:0;padding:9px 12px;font-size:12px}.resources-grid{margin-top:20px;gap:16px}.resource-body{padding:18px}.resource-footer{padding:14px 18px;flex-wrap:wrap;gap:8px}.tutor-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tutor-stat-card{padding:14px;gap:10px}.tutor-stat-num{font-size:20px}.tutor-type-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.tutor-material-row{align-items:flex-start;padding:12px}.tutor-mat-actions{flex-direction:column;gap:6px}.tutor-modal-form{grid-template-columns:1fr}}.tutor-mat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:32px;gap:20px;flex-wrap:wrap}.tutor-mat-title{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 6px;line-height:1.2}.tutor-mat-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}.tutor-upload-btn{display:flex;align-items:center;gap:8px;padding:12px 22px;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s;flex-shrink:0}.tutor-upload-btn:hover{background:#059669;transform:translateY(-1px)}.tutor-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.tutor-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;transition:box-shadow .2s}.tutor-stat-card:hover{box-shadow:0 4px 16px #0000000f}.tutor-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutor-stat-num{font-size:26px;font-weight:800;color:#0f172a;line-height:1}.tutor-stat-label{font-size:12px;color:#94a3b8;font-weight:600;margin-top:2px}.tutor-type-tabs{display:flex;gap:4px;margin-top:28px;border-bottom:2px solid #f1f5f9;padding-bottom:0}.tutor-type-tab{display:flex;align-items:center;gap:7px;padding:10px 20px;border:none;background:transparent;font-size:14px;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;border-radius:8px 8px 0 0}.tutor-type-tab:hover{color:#475569}.tutor-type-tab.active{color:#10b981;border-bottom-color:#10b981;background:#f0fdf4}.tutor-materials-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.tutor-material-row{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px;transition:box-shadow .2s,border-color .2s}.tutor-material-row:hover{box-shadow:0 4px 16px #0000000d;border-color:#e2e8f0}.tutor-mat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutor-mat-info{flex:1;min-width:0}.tutor-mat-badges{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tutor-mat-type-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.tutor-mat-level-badge{font-size:11px;font-weight:700;color:#94a3b8;background:#f1f5f9;padding:3px 8px;border-radius:6px}.tutor-mat-name{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutor-mat-meta{font-size:12px;color:#94a3b8;display:flex;gap:4px;flex-wrap:wrap}.tutor-mat-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tutor-mat-edit-btn{padding:8px 18px;border:1.5px solid #e2e8f0;border-radius:9px;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:border-color .2s,color .2s}.tutor-mat-edit-btn:hover{border-color:#94a3b8;color:#0f172a}.tutor-mat-detail-btn{padding:8px 18px;border:none;border-radius:9px;background:#10b981;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s}.tutor-mat-detail-btn:hover{background:#059669}.tutor-info-banner{margin-top:24px;margin-bottom:32px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px}.tutor-banner-icon{font-size:18px;flex-shrink:0;margin-top:1px}.tutor-info-banner strong{font-size:14px;font-weight:700;color:#064e3b;display:block;margin-bottom:4px}.tutor-info-banner p{font-size:13px;color:#065f46;margin:0;line-height:1.5}@media (max-width: 900px){.tutor-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.tutor-mat-header{flex-direction:column}.tutor-upload-btn{width:100%;justify-content:center}.tutor-stats-row{grid-template-columns:repeat(2,1fr)}.tutor-material-row{flex-wrap:wrap}.tutor-mat-actions{width:100%;justify-content:flex-end}.tutor-mat-title{font-size:24px}.tutor-mat-subtitle{font-size:13px}}.tutor-modal-overlay{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeInModal .25s ease-out}.tutor-modal-card{background:#fff;border-radius:24px;width:100%;max-width:540px;max-height:85vh;box-shadow:0 20px 40px #0f172a1a;overflow:hidden;display:flex;flex-direction:column;animation:slideUpModal .3s cubic-bezier(.34,1.56,.64,1)}.tutor-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1.5px solid #f1f5f9;flex-shrink:0}.tutor-modal-header h3{font-size:20px;font-weight:600;color:#0f172a;margin:0}.tutor-modal-close-btn{background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.tutor-modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.tutor-modal-form{padding:28px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-size:13px;font-weight:700;color:#475569}.form-group input[type=text],.form-group textarea,.form-group select{padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;background:#f8fafc;transition:all .2s;outline:none;font-family:inherit}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b9811a}.tutor-modal-footer{display:flex;align-items:center;margin-top:10px}.tutor-btn-danger{padding:12px 24px;background:#fee2e2;color:#dc2626;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.tutor-btn-danger:hover{background:#fecaca}.tutor-btn-cancel{padding:12px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.tutor-btn-cancel:hover{background:#e2e8f0;color:#0f172a}.tutor-btn-submit{padding:12px 28px;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.tutor-btn-submit:hover{background:#059669}@keyframes slideUpModal{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tutor-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px}.tutor-type-selector-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tutor-type-selector-btn span{font-size:12px;font-weight:700;color:#475569}.tutor-type-sel-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f1f5f9;box-shadow:0 2px 6px #0f172a05;transition:all .2s}.tutor-type-selector-btn:hover{border-color:#cbd5e1;transform:translateY(-1px)}.active-pdf{border-color:#10b981!important;background:#f0fdf4!important}.active-pdf span{color:#047857}.active-pdf .pdf-icon{background:#10b981;color:#fff}.active-audio{border-color:#8b5cf6!important;background:#f5f3ff!important}.active-audio span{color:#6d28d9}.active-audio .audio-icon{background:#8b5cf6;color:#fff}.active-video{border-color:#f97316!important;background:#fff7ed!important}.active-video span{color:#c2410c}.active-video .video-icon{background:#f97316;color:#fff}.active-quiz{border-color:#0ea5e9!important;background:#f0f9ff!important}.active-quiz span{color:#0369a1}.active-quiz .quiz-icon{background:#0ea5e9;color:#fff}.tutor-upload-zone{border:2px dashed #cbd5e1;border-radius:16px;padding:32px 20px;text-align:center;cursor:pointer;background:#f8fafc;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.tutor-upload-zone:hover{background:#f1f5f9}.pdf-zone:hover{border-color:#10b981;background:#f0fdf4}.audio-zone:hover{border-color:#8b5cf6;background:#f5f3ff}.video-zone:hover{border-color:#f97316;background:#fff7ed}.quiz-zone:hover{border-color:#0ea5e9;background:#f0f9ff}.tutor-upload-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 10px #0f172a0d}.pdf-color{color:#10b981}.audio-color{color:#8b5cf6}.video-color{color:#f97316}.quiz-color{color:#0ea5e9}.tutor-upload-text-main{font-size:14px;font-weight:700;color:#334155;margin:0}.tutor-upload-text-sub{font-size:12px;color:#94a3b8;margin:0}.tutor-file-selected-row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;background:#f8fafc;border:1.5px solid #e2e8f0}.tutor-file-sel-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 8px #0f172a08}.tutor-file-sel-details{flex:1;min-width:0}.tutor-file-sel-name{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutor-file-sel-size{font-size:12px;color:#64748b}.tutor-file-tag{font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.02em}.pdf-tag{background:#fee2e2;color:#dc2626}.audio-tag{background:#ede9fe;color:#7c3aed}.quiz-tag{background:#e0f2fe;color:#0284c7}.tutor-file-clear-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.tutor-file-clear-btn:hover{background:#f1f5f9;color:#ef4444}.tutor-video-preview-card{background:#0f2922;background-image:radial-gradient(circle at 100% 0%,#164e3c,#0f2922 70%);border-radius:16px;height:180px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:16px;box-shadow:0 8px 24px #0f292226}.tutor-video-prev-badge{align-self:flex-start;background:#f97316;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.05em}.tutor-video-prev-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.tutor-video-prev-play-circle{width:52px;height:52px;border-radius:50%;background:#fff;color:#0f2922;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s}.tutor-video-preview-card:hover .tutor-video-prev-play-circle{transform:scale(1.08)}.tutor-video-prev-bottom{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.tutor-video-prev-name{font-size:13px;font-weight:700;color:#fff;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.tutor-video-prev-duration{font-size:11px;font-weight:700;color:#fff;background:#0006;padding:3px 8px;border-radius:6px;backdrop-filter:blur(4px)}.tutor-video-prev-clear{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff;opacity:.8;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.tutor-video-prev-clear:hover{background:#ffffff40;opacity:1}.tutor-level-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.tutor-level-pill{padding:10px 18px;border:1.5px solid #e2e8f0;border-radius:100px;background:#fff;font-size:13px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.tutor-level-pill:hover{border-color:#cbd5e1;color:#0f172a}.tutor-level-pill.active{background:#0f766e;border-color:#0f766e;color:#fff;box-shadow:0 4px 10px #0f766e26}@media (max-width: 640px){.tutor-type-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.tutor-modal-form{grid-template-columns:1fr}}.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:28px;font-weight:600;color:#1e293b;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:600;color:#1a1e2b;margin:0 0 4px}.settings-card-user-info p{font-size:11.5px;color:#64748b;font-weight:600;margin:4px 0 0}.sidebar-level-badge{display:inline-block;background:#f0fdf9;color:#0d9488;font-size:14px;font-weight:700;padding:4px 14px;border-radius:100px;margin:6px 0 2px}.sidebar-plan-badge{display:inline-block;background:#f0fdfa;color:#0d9488;font-size:12px;font-weight:700;padding:3px 12px;border-radius:100px;border:1px solid #3ACFA9;margin-top:6px}.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:600;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;scrollbar-width:none;-ms-overflow-style:none}.settings-horizontal-nav::-webkit-scrollbar{display:none}.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:600;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:#0d9488;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:100px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;line-height:1}.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}.settings-list-item.editing{cursor:default;flex-direction:column;align-items:flex-start;padding:12px 0;background:transparent}.settings-list-item.editing:not(.flex-col-align-start):hover{padding-left:0}.settings-list-item.editing .list-item-content{width:100%}.settings-list-item.editing .inline-edit-fields{margin-top:8px}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.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}}@media (max-width: 768px){.settings-page-wrapper{padding:16px 12px 24px!important}.settings-top-header{gap:10px;margin-bottom:16px}.settings-top-header h1{font-size:24px}.settings-split-grid{gap:16px}.settings-sidebar-card,.section-items-card{border-radius:16px}.section-items-card{padding:16px}.settings-horizontal-nav{margin:0 -4px}.nav-tab-item{padding:9px 12px 12px;font-size:12px}.profile-goals-row,.pref-edit-row-3col{grid-template-columns:1fr!important}.profile-edit-input,.profile-edit-select{width:100%;max-width:none}.pagos-top-row{gap:12px}}.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-styles-container-horizontal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}@media (max-width: 900px){.class-styles-container-horizontal{grid-template-columns:1fr}}.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}.profile-edit-row{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.profile-edit-input{padding:10px 14px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:13px;color:#1a1e2b;outline:none;background:#fff;max-width:260px;min-width:120px;font-family:inherit;transition:border-color .2s}.profile-edit-input:focus{border-color:#3acfa9}.profile-edit-select{padding:10px 36px 10px 14px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:13px;color:#1a1e2b;outline:none;background:#fff;cursor:pointer;margin-top:6px;font-family:inherit;width:200px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px}.profile-edit-select:focus{border-color:#3acfa9}.profile-actions-row{display:flex;gap:12px;align-items:center}.pref-actions-bottom{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;margin-top:16px;border-top:1px solid #f1f5f9}.btn-verify-phone{padding:7px 16px;background:#fff;border:1.5px solid #3ACFA9;border-radius:8px;font-size:12px;font-weight:700;color:#3acfa9;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;flex-shrink:0}.btn-verify-phone:hover{background:#3acfa9;color:#fff}.btn-verify-phone:disabled{opacity:.6;cursor:not-allowed}.verification-pending-badge{font-size:11px;font-weight:600;color:#94a3b8;white-space:nowrap;flex-shrink:0}.verification-pending-btn{font-size:11px;font-weight:600;color:#f59e0b;background:#fffbeb;border:1px solid #fde68a;border-radius:100px;padding:4px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:all .2s}.verification-pending-btn:hover{background:#fef3c7;color:#d97706}.profile-item{padding:18px 0;border-bottom:1px solid #f8fafc}.profile-item:first-of-type{padding-top:4px}.profile-item .toggle-switch{margin-top:4px}.profile-toggle-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.profile-toggle-text{flex:1;min-width:0}.profile-toggle-row-horizontal{display:flex;gap:16px;padding:12px 0 4px;margin-top:8px;border-top:1px solid #f1f5f9}.profile-toggle-col{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}@media (max-width: 768px){.profile-toggle-row-horizontal{flex-direction:column;gap:16px}}.profile-item-label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.profile-item-hint{font-size:12px;font-weight:500;color:#94a3b8;display:block;margin-bottom:4px}.profile-item-label-sm{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.profile-inline-row{display:flex;gap:40px}.profile-goals-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.profile-goal-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.pref-edit-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.pref-edit-row-3col.two-col{grid-template-columns:1fr 1fr}.pref-edit-col{display:flex;flex-direction:column;gap:6px}@media (max-width: 768px){.profile-goals-row,.pref-edit-row-3col{grid-template-columns:1fr}}.profile-item-value{font-size:14px;font-weight:600;color:#1a1e2b}.profile-item-value-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phone-verify-code-row{display:flex;align-items:center;gap:8px}.phone-code-input{width:100px!important;min-width:100px!important;max-width:100px!important;text-align:center;font-size:16px!important;font-weight:700;letter-spacing:4px}.phone-verify-hint{display:flex;align-items:center;font-size:12px;color:#64748b;padding:6px 0 0;gap:6px}.phone-verify-hint strong{color:#1a1e2b;font-weight:600}.settings-page-title{margin-bottom:24px}.settings-page-title h1{font-size:28px;font-weight:600;color:#1e293b;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:600;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}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.buy-coins-modal{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:28px;box-shadow:0 20px 60px #00000026;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.buy-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.buy-modal-header h3{font-size:20px;font-weight:600;color:#1a1e2b;margin:0}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid #f1f5f9;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;transition:all .2s}.modal-close-btn:hover{background:#f8fafc;color:#475569}.buy-coins-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.coin-package-card{position:relative;border:2px solid #f1f5f9;border-radius:16px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .2s}.coin-package-card:hover,.coin-package-card.popular{border-color:#3acfa9;background:#f0fdfa}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#3acfa9;color:#fff;font-size:10px;font-weight:800;padding:3px 12px;border-radius:100px;white-space:nowrap}.package-coins{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px;color:#1a1e2b}.package-coins strong{font-size:28px;font-weight:800}.package-price{font-size:14px;color:#64748b;font-weight:600;margin-bottom:12px}.btn-select-package{width:100%;padding:8px;border:none;border-radius:10px;background:#3acfa9;color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.btn-select-package:hover{background:#2db894}.btn-select-package:disabled{opacity:.6;cursor:not-allowed}.buy-modal-footer{text-align:center;font-size:11px;color:#94a3b8;margin:0}.pagos-top-row{display:flex;gap:16px}.pagos-top-row .balance-dark-card{flex:1;padding:24px 28px}.pagos-top-row .section-items-card{padding:20px 28px!important}.payment-method-row-compact{display:flex;align-items:center;gap:12px;padding:12px 0 4px}@media (max-width: 900px){.pagos-top-row{flex-direction:column}}.payment-methods-list{display:flex;flex-direction:column;gap:0}.payment-method-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f8fafc;gap:12px}.payment-method-row:last-of-type{border-bottom:none;padding-bottom:0}.payment-method-info{display:flex;align-items:center;gap:12px;flex:1}.payment-method-icon{font-size:24px;flex-shrink:0}.payment-method-name{font-size:13px;font-weight:700;color:#1a1e2b;display:block}.payment-method-desc{font-size:11.5px;color:#94a3b8;font-weight:500}.payment-method-status{font-size:11px;font-weight:700;color:#94a3b8;white-space:nowrap}.payment-method-status.connected{color:#3acfa9;background:#f0fdf9;padding:4px 10px;border-radius:100px}.payment-methods-footer{padding-top:14px;margin-top:4px}.payment-secure-note{font-size:11px;color:#94a3b8;display:flex;align-items:center}.tx-method{font-size:11px;color:#94a3b8;font-weight:500}.tx-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tx-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tx-usd{font-size:11px;color:#64748b;font-weight:600}.tx-eur{font-size:11px;color:#64748b;font-weight:500}.tx-download-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;transition:all .2s;flex-shrink:0}.tx-download-btn:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.resource-detail-grid{min-width:0}.resource-detail-grid>*{min-width:0}.resource-detail-video,.resource-detail-video-placeholder{width:100%!important;aspect-ratio:16 / 9;height:auto!important;min-height:0}@media (max-width: 900px){.resource-detail-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width: 600px){.resource-detail-grid .settings-top-header h1{font-size:22px;overflow-wrap:anywhere}.resource-detail-grid .settings-top-header{align-items:flex-start}}[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;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;inset: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;inset: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}.speaking-rooms-layout{display:flex;flex:1;height:calc(100vh - 70px);overflow:hidden;background-color:#f8fafc}.speaking-left-sidebar{width:280px;min-width:280px;background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:20px 16px;gap:20px;overflow-y:auto}.speaking-left-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0}.speaking-left-header p{font-size:14px;color:#64748b;margin:4px 0 0}.speaking-sub-search{display:flex;align-items:center;gap:8px;background-color:#f1f5f9;border-radius:12px;padding:8px 12px;border:1px solid transparent;transition:all .2s}.speaking-sub-search:focus-within{background-color:#fff;border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa926}.speaking-sub-search input{border:none;background:transparent;outline:none;font-size:13px;color:#1e293b;width:100%}.speaking-sub-search input::placeholder{color:#94a3b8}.speaking-nav-section{display:flex;flex-direction:column;gap:8px}.speaking-nav-title{font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.8px;text-transform:uppercase}.speaking-my-room-card{display:flex;align-items:center;gap:12px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;padding:12px 14px;cursor:pointer;transition:all .2s ease}.speaking-my-room-card:hover{background:#d1fae5}.speaking-badge-circle{width:28px;height:28px;border-radius:8px;background:#10b981;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.speaking-my-room-info{display:flex;flex-direction:column}.speaking-my-room-info .room-name{font-size:13px;font-weight:700;color:#065f46}.speaking-my-room-info .room-status{font-size:11px;color:#10b981;display:flex;align-items:center;gap:4px}.speaking-level-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.speaking-level-item:hover{background-color:#f1f5f9}.speaking-level-item.active{background-color:#ecfdf5}.speaking-level-left{display:flex;align-items:center;gap:10px}.speaking-level-pill{font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px}.speaking-level-pill.a1{background:#f3e8ff;color:#7e3af2}.speaking-level-pill.a2{background:#e0f2fe;color:#0284c7}.speaking-level-pill.b1{background:#d1fae5;color:#059669}.speaking-level-pill.b2,.speaking-level-pill.c1,.speaking-level-pill.c2{background:#f1f5f9;color:#64748b}.speaking-level-label{font-size:13px;font-weight:600;color:#334155}.speaking-level-item.active .speaking-level-label{font-weight:800;color:#065f46}.speaking-active-dot{width:7px;height:7px;border-radius:50%;background-color:#10b981}.speaking-lock-icon{color:#cbd5e1}.speaking-voice-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.speaking-voice-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#1e293b}.speaking-voice-avatars{display:flex;align-items:center;justify-content:space-between}.avatar-stack{display:flex;align-items:center}.avatar-stack img,.avatar-stack .avatar-ph{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;margin-left:-6px;object-fit:cover}.avatar-stack img:first-child,.avatar-stack .avatar-ph:first-child{margin-left:0}.avatar-more{font-size:10px;font-weight:700;color:#64748b;margin-left:4px}.btn-join-voice-mini{background:#3acfa9;color:#fff;border:none;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.btn-join-voice-mini:hover{background:#2cb793}.speaking-community-link{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;border-radius:10px;transition:background .15s}.speaking-community-link:hover{background-color:#f1f5f9}.speaking-center-panel{flex:1;display:flex;flex-direction:column;background-color:#f8fafc;overflow:hidden}.speaking-room-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#fff;border-bottom:1px solid #e2e8f0}.speaking-topbar-left{display:flex;align-items:center;gap:12px}.speaking-room-badge{width:32px;height:32px;background:#3acfa9;color:#fff;font-weight:800;font-size:13px;border-radius:8px;display:flex;align-items:center;justify-content:center}.speaking-room-titles h3{font-size:16px;font-weight:600;color:#0f172a;margin:0}.speaking-room-titles p{font-size:12px;color:#64748b;margin:2px 0 0}.speaking-topbar-actions{display:flex;align-items:center;gap:10px}.btn-join-voice-main{display:flex;align-items:center;gap:6px;background:#3acfa9;color:#fff;border:none;padding:8px 18px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3acfa933}.btn-join-voice-main:hover{background:#2bb894;transform:translateY(-1px)}.btn-icon-square{width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.btn-icon-square:hover{background:#f1f5f9;color:#1e293b}.speaking-messages-area{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.speaking-date-separator{display:flex;align-items:center;justify-content:center;margin:10px 0}.speaking-date-pill{background:#e2e8f0;color:#64748b;font-size:11px;font-weight:700;padding:3px 12px;border-radius:100px;text-transform:uppercase}.speaking-msg-card{display:flex;gap:12px;align-items:flex-start;max-width:80%}.speaking-msg-card.self{margin-left:auto;flex-direction:row-reverse}.speaking-msg-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.speaking-msg-body{display:flex;flex-direction:column;gap:4px}.speaking-msg-meta{display:flex;align-items:center;gap:8px}.speaking-msg-author{font-size:13px;font-weight:700;color:#0f172a}.speaking-msg-tag{font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;background:#f1f5f9;color:#64748b}.speaking-msg-tag.tutor{background:#dcfce7;color:#15803d}.speaking-msg-time{font-size:11px;color:#94a3b8}.speaking-msg-content{background:#fff;border:1px solid #e2e8f0;padding:12px 16px;border-radius:4px 16px 16px;font-size:13.5px;color:#1e293b;line-height:1.5;box-shadow:0 2px 6px #00000005}.speaking-msg-card.self .speaking-msg-content{background:#ecfdf5;border-color:#a7f3d0;border-radius:16px 4px 16px 16px}.speaking-msg-content.tutor-highlight{background:#faf5ff;border:1px solid #e9d5ff}.speaking-quote-box{background:#f8fafc;border-left:3px solid #3acfa9;padding:6px 10px;border-radius:4px;font-size:12px;color:#64748b;margin-bottom:8px}.speaking-quote-author{font-weight:700;color:#334155;margin-bottom:2px}.speaking-reactions-bar{display:flex;align-items:center;gap:6px;margin-top:4px}.reaction-btn{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #e2e8f0;padding:2px 8px;border-radius:100px;font-size:11px;color:#475569;cursor:pointer;transition:all .15s}.reaction-btn:hover{background:#f8fafc;border-color:#cbd5e1}.msg-reaction-tag{font-size:10px;font-weight:800;color:#64748b;background:#f1f5f9;padding:2px 7px;border-radius:100px;border:1px solid #e2e8f0}.msg-reaction-tag.tutor{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.reaction-add-btn{width:22px;height:22px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.reaction-add-btn:hover{background:#f8fafc;color:#64748b;border-color:#cbd5e1}.reaction-btn.active{background:#ecfdf5;border-color:#3acfa9;color:#065f46}.speaking-typing-bar{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;font-style:italic;padding:4px 0}.speaking-input-container{padding:16px 24px;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.speaking-input-box{display:flex;align-items:center;gap:10px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:8px 12px;transition:all .2s}.speaking-input-box:focus-within{background-color:#fff;border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91f}.speaking-input-field{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#0f172a}.speaking-input-field::placeholder{color:#94a3b8}.speaking-input-actions{display:flex;align-items:center;gap:8px}.speaking-input-icon-btn{background:transparent;border:none;color:#94a3b8;font-size:12px;font-weight:700;cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s}.speaking-input-icon-btn:hover{color:#475569}.btn-send-round{width:34px;height:34px;border-radius:50%;background:#3acfa9;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-send-round:hover{background:#2bb894;transform:scale(1.05)}.speaking-input-footer{font-size:11px;color:#cbd5e1;text-align:center}.speaking-right-sidebar{width:280px;min-width:280px;background-color:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;padding:20px 16px;gap:24px;overflow-y:auto}.speaking-detail-header{display:flex;flex-direction:column;gap:6px}.speaking-detail-header .sub-label{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.8px;text-transform:uppercase}.speaking-detail-header h4{font-size:16px;font-weight:600;color:#0f172a;margin:0}.speaking-detail-header p{font-size:12px;color:#64748b;line-height:1.4;margin:0}.speaking-voice-section{display:flex;flex-direction:column;gap:12px}.speaking-voice-list{display:flex;flex-direction:column;gap:10px}.speaking-voice-user{display:flex;align-items:center;justify-content:space-between}.speaking-user-left{display:flex;align-items:center;gap:10px}.speaking-user-left img,.speaking-user-left .avatar-placeholder{width:28px;height:28px;border-radius:50%;object-fit:cover}.speaking-user-name{font-size:13px;font-weight:700;color:#334155}.audio-waveform{display:flex;align-items:center;gap:2px;height:14px}.audio-bar{width:2px;background-color:#10b981;border-radius:2px;animation:wave-bar 1s infinite ease-in-out}.audio-bar:nth-child(1){height:60%;animation-delay:.1s}.audio-bar:nth-child(2){height:100%;animation-delay:.3s}.audio-bar:nth-child(3){height:40%;animation-delay:.2s}@keyframes wave-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.btn-enter-room-outline{width:100%;padding:9px;border-radius:100px;border:1.5px solid #3acfa9;background:transparent;color:#3acfa9;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.btn-enter-room-outline:hover{background:#ecfdf5;color:#2bb894}.speaking-members-section{display:flex;flex-direction:column;gap:12px}.speaking-members-list{display:flex;flex-direction:column;gap:10px}.speaking-member-row{display:flex;align-items:center;justify-content:space-between}.speaking-member-info{display:flex;flex-direction:column}.speaking-member-name{font-size:13px;font-weight:700;color:#334155}.speaking-member-status{font-size:11px;color:#94a3b8}.speaking-view-all-link{font-size:12px;font-weight:700;color:#3acfa9;cursor:pointer;text-decoration:none;margin-top:4px}.speaking-view-all-link:hover{text-decoration:underline}@media (max-width: 1024px){.speaking-right-sidebar{display:none}}@media (max-width: 768px){.speaking-left-sidebar{display:none}.speaking-room-topbar{flex-wrap:wrap;gap:10px;padding:12px}.speaking-topbar-left,.speaking-topbar-actions{min-width:0;flex-wrap:wrap}.speaking-topbar-actions{width:100%;justify-content:flex-end}.locked-actions{flex-direction:column;width:100%}.locked-actions button{width:100%;justify-content:center}}.speaking-room-badge.locked-badge{background:#cbd5e1;color:#64748b}.locked-subtitle{color:#94a3b8;font-size:12px}.locked-topbar-badge{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#64748b;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700}.speaking-locked-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#f8fafc}.locked-icon-wrap{width:64px;height:64px;background:#f1f5f9;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.locked-title{font-size:22px;font-weight:600;color:#0f172a;margin:0 0 10px}.locked-desc{font-size:13.5px;color:#64748b;line-height:1.5;margin:0 0 28px;max-width:480px}.locked-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;width:100%;max-width:440px;text-align:left;margin-bottom:28px;box-shadow:0 4px 12px #00000005}.locked-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.locked-progress-label{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.8px}.locked-progress-levels{display:flex;align-items:center;gap:6px}.locked-prog-lvl{font-size:12px;font-weight:800}.locked-prog-lvl.from{color:#0f172a}.locked-prog-lvl.to{color:#94a3b8}.locked-progress-bar-wrap{height:8px;background:#f1f5f9;border-radius:100px;overflow:hidden;margin-bottom:10px}.locked-progress-bar-fill{height:100%;background:#3acfa9;border-radius:100px;transition:width .4s ease}.locked-progress-note{font-size:12px;color:#64748b;margin:0}.locked-actions{display:flex;gap:12px;align-items:center;justify-content:center}.btn-locked-breezy{background:#3acfa9;color:#fff;border:none;padding:11px 24px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #3acfa933}.btn-locked-breezy:hover{background:#2bb894;transform:translateY(-1px)}.btn-locked-back{background:#fff;border:1px solid #e2e8f0;color:#475569;padding:11px 24px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.btn-locked-back:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.locked-features-list{display:flex;flex-direction:column;gap:10px}.locked-feature-item{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px}.locked-feature-icon{color:#64748b;display:flex;align-items:center}.locked-feature-text{font-size:12.5px;font-weight:600;color:#334155}.locked-hidden-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;margin-top:16px}.locked-warning-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#b45309}.locked-hidden-warning p{font-size:11.5px;color:#92400e;margin:0;line-height:1.4}.speaking-active-voice-bar{background-color:#0f2922;color:#fff;border-radius:20px;padding:12px 20px;margin:0 24px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 28px -6px #0f292273;border:1px solid rgba(58,207,169,.25);animation:slideUpVoiceBar .3s ease-out}@keyframes slideUpVoiceBar{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.voice-bar-left{display:flex;align-items:center;gap:20px}.voice-active-indicator{display:flex;align-items:center;gap:12px}.speaking-active-dot-pulsing{width:10px;height:10px;background-color:#3acfa9;border-radius:50%;box-shadow:0 0 #3acfa9b3;animation:pulse-green 1.8s infinite;flex-shrink:0}@keyframes pulse-green{0%{box-shadow:0 0 #3acfa9b3}70%{box-shadow:0 0 0 8px #3acfa900}to{box-shadow:0 0 #3acfa900}}.voice-active-text{display:flex;flex-direction:column}.voice-title{font-size:13.5px;font-weight:700;color:#fff;letter-spacing:-.2px}.voice-subtitle{font-size:11.5px;color:#94a3b8;margin-top:1px}.voice-avatar-stack{display:flex;align-items:center;margin-left:8px}.voice-avatar-stack img{width:32px;height:32px;border-radius:50%;border:2px solid #0f2922;margin-left:-10px;object-fit:cover}.voice-avatar-stack img:first-child{margin-left:0}.voice-bar-controls{display:flex;align-items:center;gap:12px}.voice-ctrl-btn{width:38px;height:38px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.voice-ctrl-btn:hover{background:#ffffff38;transform:translateY(-1px)}.voice-ctrl-btn.muted{background:#ef444440;color:#ef4444}.voice-ctrl-btn.active{background:#3acfa9;color:#0f172a}.btn-leave-voice-pill{background-color:#881337;color:#fda4af;border:none;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-leave-voice-pill:hover{background-color:#9f1239;color:#fff}.btn-leave-voice-mini{background-color:#ffe4e6;color:#e11d48;border:1px solid #fecdd3;padding:4px 14px;border-radius:100px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-leave-voice-mini:hover{background-color:#fecdd3;color:#be123c}.btn-in-voice-pill{display:flex;align-items:center;gap:6px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:8px 18px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-in-voice-pill:hover{background:#d1fae5}.speaking-modal-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.speaking-unlock-modal{background:#fff;border-radius:28px;padding:36px 32px 32px;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:scaleUpModal .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.speaking-unlock-badge{width:80px;height:80px;background:linear-gradient(135deg,#3acfa9,#10b981);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:800;box-shadow:0 14px 28px #3acfa959;margin-bottom:24px}.speaking-unlock-title{font-size:22px;font-weight:600;color:#0f172a;margin:0 0 10px;letter-spacing:-.3px}.speaking-unlock-subtitle{font-size:13.5px;color:#64748b;margin:0 0 24px;line-height:1.55}.speaking-unlock-info-box{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;margin-bottom:28px;text-align:left}.speaking-unlock-info-icon{color:#10b981;flex-shrink:0}.speaking-unlock-info-box span{font-size:12.5px;font-weight:600;color:#065f46;line-height:1.45}.speaking-unlock-actions{display:flex;align-items:center;gap:12px;width:100%}.btn-unlock-primary{flex:1.3;background:#3acfa9;color:#fff;border:none;padding:12px 20px;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3acfa94d}.btn-unlock-primary:hover{background:#2bb894;transform:translateY(-1px);box-shadow:0 6px 18px #3acfa966}.btn-unlock-secondary{flex:1;background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:12px 20px;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-unlock-secondary:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.speaking-video-grid-container{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px 20px;animation:slideDownGrid .3s ease-out}@keyframes slideDownGrid{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:220px}}.speaking-video-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.video-grid-title{font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.8px;text-transform:uppercase}.video-grid-speaker{font-size:12px;font-weight:700;color:#10b981;display:flex;align-items:center;gap:6px}.speaking-video-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.speaking-video-card{background-color:#0c2720;border-radius:18px;padding:16px 12px;position:relative;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid transparent;transition:all .25s ease;box-shadow:0 4px 12px #0c272026}.speaking-video-card.speaking-is-speaking{border-color:#3acfa9;box-shadow:0 0 0 4px #3acfa94d,0 8px 20px #0c27204d}.video-card-avatar-wrap{width:58px;height:58px;border-radius:50%;overflow:hidden;margin-bottom:12px;border:2px solid rgba(255,255,255,.15)}.video-card-avatar-wrap img{width:100%;height:100%;object-fit:cover}.video-card-initials{width:58px;height:58px;border-radius:50%;background:#3acfa9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px}.video-card-tag{position:absolute;bottom:10px;left:10px;right:10px;background:#fffffff2;backdrop-filter:blur(4px);border-radius:100px;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 6px #0000001a}.video-card-name{font-size:11.5px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-mic-badge{width:20px;height:20px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-card-mic-badge.active{background:#dcfce7;color:#15803d}.video-card-mic-badge.muted{background:#ffe4e6;color:#e11d48}.speaking-empty-room-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;animation:fadeInEmptyRoom .3s ease-out}@keyframes fadeInEmptyRoom{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-room-icon-wrap{width:64px;height:64px;background-color:#ecfdf5;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 10px 20px -5px #10b98126}.empty-room-title{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 10px;letter-spacing:-.2px}.empty-room-desc{font-size:13.5px;color:#64748b;max-width:440px;line-height:1.55;margin:0 0 28px}.empty-room-icebreaker-chips{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.icebreaker-chip{background:#fff;border:1px solid #e2e8f0;color:#059669;padding:10px 18px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.icebreaker-chip:hover{background:#ecfdf5;border-color:#a7f3d0;transform:translateY(-2px);box-shadow:0 6px 16px #10b98126}.empty-room-tutor-note{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:100px;padding:8px 18px;box-shadow:0 2px 6px #00000005}.empty-room-tutor-note span{font-size:12px;font-weight:600;color:#64748b}.discord-style{display:grid!important;grid-template-columns:240px 1fr 220px!important;height:calc(100vh - 56px)!important;background:#f8fafc!important;color:#334155!important}.sr-server-sidebar{background:#f1f5f9;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #e2e8f0}.sr-server-header{padding:16px;border-bottom:1px solid #e2e8f0;min-height:48px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#1e293b}.sr-server-header h2{width:32px;height:32px;background:linear-gradient(135deg,#3acfa9,#17b897);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;margin:0}.sr-channel-category{padding:12px 0 4px}.sr-category-header{display:flex;align-items:center;gap:6px;padding:6px 12px;width:100%;border:none;background:none;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.03em;cursor:pointer;text-transform:uppercase}.sr-category-header:hover{color:#334155}.sr-cat-plus{margin-left:auto;opacity:0;transition:opacity .15s;color:#3acfa9}.sr-category-header:hover .sr-cat-plus{opacity:1}.sr-channel-item{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:1px 6px;border-radius:8px;border:none;background:none;color:#475569;font-size:14px;cursor:pointer;width:calc(100% - 12px);text-align:left;transition:background .15s}.sr-channel-item:hover{background:#e2e8f0;color:#1e293b}.sr-channel-item.active{background:#dcfce7;color:#0d9488;font-weight:600}.sr-channel-item.voice{color:#475569}.sr-channel-item.voice:hover{color:#0d9488}.sr-channel-item.voice.active{color:#0d9488;background:#dcfce7;font-weight:600}.sr-channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.sr-channel-count{font-size:11px;color:#94a3b8;min-width:20px;text-align:right;font-weight:600}.sr-channel-count.live{color:#3acfa9;font-weight:700}.sr-empty-hint{font-size:11px;color:#94a3b8;padding:4px 18px}.sr-server-footer{margin-top:auto;padding:10px 8px;border-top:1px solid #e2e8f0;background:#f8fafc}.sr-user-mini{display:flex;align-items:center;gap:8px;padding:4px;border-radius:8px}.sr-user-info{display:flex;flex-direction:column}.sr-user-name{font-size:13px;font-weight:600;color:#1e293b}.sr-user-status{font-size:11px;color:#22c55e}.sr-center{display:flex;flex-direction:column;background:#fff}.sr-center-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;min-height:52px;border-bottom:1px solid #e2e8f0;background:#fff}.sr-center-topbar-left{display:flex;align-items:center;gap:10px}.sr-center-topbar-left h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.sr-center-topbar-left p{font-size:12px;color:#64748b;margin:0}.sr-center-topbar-right{display:flex;align-items:center;gap:8px}.sr-join-voice-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.sr-join-voice-btn:hover{background:#17b897}.sr-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:10px;cursor:pointer;transition:all .15s}.sr-icon-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.sr-center-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sr-voice-connected-strip{flex-shrink:0;padding:14px 20px;border-bottom:1px solid #e2e8f0;background:#fff}.sr-voice-connected-label{font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sr-voice-connected-avatars{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.sr-voice-connected-avatar{display:flex;flex-direction:column;align-items:center;gap:4px}.sr-voice-connected-avatar .sr-role-badge{font-size:8px;padding:1px 6px}.sr-voice-connected-empty{font-size:12px;color:#94a3b8}.sr-messages-area{flex:1;overflow-y:auto;padding:16px 20px 0}.sr-welcome-msg{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0;max-width:520px}.sr-welcome-msg h2{font-size:22px;font-weight:700;color:#1e293b;margin:16px 0 8px}.sr-welcome-msg p{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 8px}.sr-topic-badge{display:inline-block;padding:4px 10px;background:#3acfa91a;color:#0d9488;border:1px solid rgba(58,207,169,.2);border-radius:100px;font-size:11px;font-weight:600;margin-top:4px}.sr-message{display:flex;gap:12px;padding:2px 0}.sr-msg-grouped{margin-top:16px}.sr-msg-continued{padding-left:48px}.sr-msg-time-spacer{width:36px;font-size:10px;color:#cbd5e1;text-align:center;padding-top:3px;opacity:0;transition:opacity .15s}.sr-msg-continued:hover .sr-msg-time-spacer{opacity:1}.sr-msg-content{min-width:0}.sr-msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.sr-msg-author{font-size:14px;font-weight:600;color:#1e293b}.sr-msg-author.sr-tutor{color:#f59e0b}.sr-msg-author.sr-self{color:#0d9488}.sr-msg-time{font-size:11px;color:#94a3b8}.sr-msg-text{font-size:14px;color:#334155;line-height:1.5;margin:0;word-break:break-word}.sr-chat-input-area{padding:0 20px 20px;margin-top:8px}.sr-chat-input-row{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0 14px}.sr-chat-input-row input{flex:1;padding:12px 0;border:none;background:none;color:#1e293b;font-size:14px;outline:none}.sr-chat-input-row input::placeholder{color:#94a3b8}.sr-chat-attach,.sr-chat-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:#94a3b8;border-radius:8px;cursor:pointer}.sr-chat-attach:hover,.sr-chat-send:hover{color:#3acfa9;background:#3acfa91a}.sr-chat-send:disabled{opacity:.3;cursor:not-allowed}.sr-voice-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.sr-voice-preview-header h2{font-size:22px;color:#1e293b;margin:16px 0 8px}.sr-voice-preview-header p{font-size:14px;color:#64748b;max-width:450px;margin:0 auto;line-height:1.6}.sr-voice-people{margin:28px 0}.sr-voice-people h3{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.sr-voice-avatars-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.sr-voice-person{display:flex;flex-direction:column;align-items:center;gap:8px}.sr-voice-person span{font-size:13px;color:#334155;font-weight:500}.sr-voice-join-big{display:flex;align-items:center;gap:8px;padding:14px 36px;background:linear-gradient(135deg,#3acfa9,#17b897);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;box-shadow:0 4px 16px #3acfa94d;transition:transform .15s}.sr-voice-join-big:hover{transform:translateY(-2px)}.sr-center-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;gap:12px}.sr-center-empty h2{font-size:18px;color:#475569;margin:0}.sr-center-empty p{font-size:14px;margin:0}.sr-members-sidebar{background:#f8fafc;border-left:1px solid #e2e8f0;padding:16px 10px;overflow-y:auto}.sr-members-sidebar h3{font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;padding:0 8px}.sr-members-list{display:flex;flex-direction:column;gap:2px}.sr-member-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:default}.sr-member-item:hover{background:#e2e8f0}.sr-member-name{display:flex;align-items:center;gap:6px}.sr-member-name span{font-size:14px;color:#334155;font-weight:500}.sr-members-empty{font-size:12px;color:#94a3b8;padding:8px}.sr-role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.sr-role-badge.tutor{background:#f59e0b1f;color:#d97706}.sr-role-badge.student{background:#3acfa91f;color:#0d9488}.sr-role-badge.admin{background:#7c3aed1f;color:#7c3aed}.sr-member-item .sr-role-badge{margin-left:auto}.sr-voice-person .sr-role-badge{margin-top:2px}.sr-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a66;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.sr-modal{background:#fff;border-radius:16px;padding:28px;width:440px;max-width:90vw;color:#334155;position:relative;box-shadow:0 16px 48px #0000001f}.sr-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#94a3b8;cursor:pointer}.sr-modal-close:hover{color:#475569}.sr-modal h2{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 20px}.sr-modal-error{font-size:13px;color:#ef4444;margin-bottom:14px;background:#ef44440f;padding:10px 14px;border-radius:10px}.sr-modal-field{margin-bottom:16px}.sr-modal-field label{display:block;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.sr-modal-field input,.sr-modal-field select{width:100%;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;outline:none;transition:border-color .15s}.sr-modal-field input:focus,.sr-modal-field select:focus{border-color:#3acfa9}.sr-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.sr-btn-cancel{padding:10px 18px;background:none;color:#64748b;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.sr-btn-cancel:hover{background:#f1f5f9;color:#334155}.sr-btn-create{padding:10px 22px;background:linear-gradient(135deg,#3acfa9,#17b897);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.sr-btn-create:hover{opacity:.9}.sr-btn-create:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.discord-style{grid-template-columns:200px 1fr!important}.sr-members-sidebar{display:none}}.sr-mobile-channels-btn{display:none;background:none;border:none;color:#8e9297;cursor:pointer;padding:4px;margin-right:4px}@media (max-width: 768px){.discord-style{grid-template-columns:1fr!important;position:relative}.sr-server-sidebar{position:fixed;top:0;left:0;height:100%;width:260px;max-width:80vw;z-index:50;transform:translate(-100%);transition:transform .2s ease}.sr-server-sidebar.open{transform:translate(0)}.sr-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:49}.sr-mobile-channels-btn{display:inline-flex}.speaking-video-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.speaking-video-cards-grid{grid-template-columns:1fr}}.sr-event-card{display:flex;gap:10px;padding:10px;margin:4px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .15s}.sr-event-card:hover{box-shadow:0 2px 8px #0000000f}.sr-event-icon{width:36px;height:36px;border-radius:10px;background:#f59e0b1a;color:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sr-event-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sr-event-title{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-event-desc{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-event-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.sr-event-connected{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b;font-weight:500}.sr-event-join-btn{padding:4px 12px;background:linear-gradient(135deg,#3acfa9,#17b897);color:#fff;border:none;border-radius:100px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .15s}.sr-event-join-btn:hover{opacity:.85}.speaking-active-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block}.sr-voice-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0;color:#94a3b8}.sr-voice-empty p{font-size:14px;margin:0}.sr-icebreaker-box{margin-top:20px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;max-width:440px}.sr-icebreaker-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.sr-icebreaker-sub{font-size:13px;color:#64748b;margin:0 0 14px;line-height:1.5}.sr-icebreaker-chips{display:flex;flex-wrap:wrap;gap:8px}.sr-icebreaker-chips button{padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:100px;font-size:13px;color:#334155;cursor:pointer;transition:all .15s;white-space:nowrap}.sr-icebreaker-chips button:hover{border-color:#3acfa9;color:#0d9488;background:#f0fdf4}.sr-icebreaker-note{font-size:11px;color:#94a3b8;margin:14px 0 0}.sr-channel-item.locked-chan{opacity:.45;cursor:not-allowed}.sr-channel-item.locked-chan:hover{background:none;color:#94a3b8}.sr-lock-icon{color:#94a3b8;flex-shrink:0}.sr-level-badge-sm{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:12px;font-weight:800;color:#fff;background:#3acfa9;flex-shrink:0}.sr-level-badge-xs{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:800;color:#fff;background:#3acfa9;flex-shrink:0}.sr-level-badge-sm.a2,.sr-level-badge-xs.a2{background:#f59e0b}.sr-level-badge-sm.b1,.sr-level-badge-xs.b1{background:#3b82f6}.sr-level-badge-sm.b2,.sr-level-badge-xs.b2{background:#8b5cf6}.sr-level-badge-sm.c1,.sr-level-badge-xs.c1{background:#ec4899}.sr-level-badge-sm.c2,.sr-level-badge-xs.c2{background:#ef4444}.sr-event-title-row{display:flex;align-items:center;gap:6px}.sr-event-card{cursor:pointer}.sr-room-info-box{padding:0 0 14px;border-bottom:1px solid #e2e8f0;margin-bottom:14px}.sr-room-info-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.sr-room-info-header{display:flex;align-items:center;gap:8px;margin-top:8px}.sr-room-info-level-name{font-size:13px;font-weight:600;color:#475569}.sr-room-info-desc{font-size:12px;color:#64748b;line-height:1.5;margin:8px 0 0}.sr-section-label{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.sr-organizer-card{padding:10px 0 14px;border-bottom:1px solid #e2e8f0;margin-bottom:14px}.sr-organizer-row{display:flex;align-items:center;gap:10px;margin-top:8px}.sr-organizer-info{display:flex;flex-direction:column;gap:2px}.sr-organizer-name{font-size:13px;font-weight:600;color:#1e293b}.sr-register-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-bottom:14px;background:#3acfa914;border:1px solid rgba(58,207,169,.2);border-radius:10px;color:#0d9488;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.sr-register-btn:hover{background:#3acfa926}.sr-members-section{padding:6px 0}.sr-member-detail{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px}.sr-member-detail:hover{background:#f1f5f9}.sr-member-detail.offline{opacity:.55}.sr-member-detail-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sr-member-detail-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-member-detail-level{font-size:11px;color:#94a3b8}.sr-event-icon-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.sr-event-icon{width:36px;height:36px;border-radius:10px;background:#f59e0b1a;color:#f59e0b;display:flex;align-items:center;justify-content:center}.sr-level-badge-xs{padding:2px 6px}.sr-room-info-rules{margin-top:10px;display:flex;flex-direction:column;gap:6px}.sr-room-info-rules p{font-size:12px;color:#64748b;line-height:1.5;margin:0}.sr-room-info-rules strong{color:#475569;font-weight:600}.sr-member-detail{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px;margin-bottom:4px}.sr-member-detail:hover{background:#f8fafc;border-color:#cbd5e1}.sr-member-detail.offline{background:#f8fafc;border-color:#f1f5f9}.sr-event-icon-wrap .sr-level-badge-xs{width:36px;height:36px;border-radius:10px;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center}.sr-voice-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.sr-voice-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#f0fdf4;border-bottom:1px solid #dcfce7;min-height:44px}.sr-voice-bar.empty{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.sr-voice-bar-title{font-size:13px;font-weight:600;color:#0d9488}.sr-voice-bar-avatars{display:flex;gap:4px;margin-left:auto}.sr-voice-bar-avatar{border-radius:50%;border:2px solid #dcfce7}.sr-voice-sub-user{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 36px;font-size:12px;color:#475569;border-radius:4px;margin:0 6px}.sr-voice-sub-user:hover{background:#e2e8f0}.sr-voice-sub-user .sr-role-badge{margin-left:auto;font-size:9px;padding:1px 6px}.sr-voice-sub-user span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-avatar-speaking{box-shadow:0 0 0 2px #3acfa9,0 0 10px #3acfa999;animation:srSpeakPulse 1.1s ease-in-out infinite}@keyframes srSpeakPulse{0%,to{box-shadow:0 0 0 2px #3acfa9,0 0 8px #3acfa973}50%{box-shadow:0 0 0 3px #3acfa9,0 0 14px #3acfa9d9}}.sr-voice-controls{padding:8px;background:#f0fdf4;border-top:1px solid #dcfce7;display:flex;flex-direction:column;gap:8px}.sr-voice-ctrl-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#0d9488;font-weight:600}.sr-voice-ctrl-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-voice-ctrl-buttons{display:flex;gap:6px;justify-content:center}.sr-ctrl-btn{width:32px;height:32px;border:none;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sr-ctrl-btn:hover{background:#dcfce7;color:#0d9488}.sr-ctrl-btn.active,.sr-ctrl-btn.hangup{background:#ef4444;color:#fff}.sr-ctrl-btn.hangup:hover{background:#dc2626}.sr-ctrl-btn{width:38px;height:38px;font-size:18px}.tp-container{background:#fff;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden;margin-bottom:12px}.tp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #f1f5f9}.tp-header-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b}.tp-pulse{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:tpPulse 1.5s ease-in-out infinite}@keyframes tpPulse{0%,to{opacity:1}50%{opacity:.3}}.tp-header-right{display:flex;align-items:center;gap:4px}.tp-toggle,.tp-close,.tp-view-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;transition:all .15s}.tp-toggle:hover{background:#e2e8f0}.tp-toggle.active{background:#3acfa9;color:#fff}.tp-view-btn:hover{background:#e0f2fe;color:#0284c7}.tp-close:hover{background:#fef2f2;color:#ef4444}.tp-saved-icon{color:#3acfa9}.tp-transcripts{padding:10px 14px;max-height:200px;overflow-y:auto}.tp-line{font-size:13px;line-height:1.5;margin-bottom:4px}.tp-line.tp-partial{color:#94a3b8}.tp-line.tp-last{color:#1a1e2b}.tp-speaker{font-weight:600;color:#3acfa9}.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:600;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:600;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;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}.room-detail-main,.room-detail-content{min-width:0}@media (max-width: 1100px){.room-chat-area{width:320px}.video-tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.room-detail-main{height:100dvh!important}.room-detail-content{display:block!important;overflow-y:auto!important;overflow-x:hidden!important}.room-detail-content>div:first-child{min-height:calc(100dvh - 120px)}.room-chat-area{width:100%;min-height:420px;border-left:0;border-top:1px solid #f1f5f9}.video-tiles-grid{grid-template-columns:1fr;grid-auto-rows:150px}.video-tile.large{grid-row:span 1}.room-main-video-area{padding:12px}.video-area-header{flex-wrap:wrap;gap:8px}.room-stats-banner{align-items:flex-start;text-align:left}.video-controls-bar{max-width:100%;padding:8px 12px;gap:8px;margin-bottom:12px}.control-btn,.control-btn-leave{width:44px;height:44px}}[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:600;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:600;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)}.messages-layout{background:#f8fafc;overflow:hidden!important}.messages-page-title{font-size:28px;font-weight:600;color:#1e293b;margin:0}.messages-mobile-back{display:none;border:0;background:transparent;color:#64748b;font-size:24px;line-height:1;padding:2px 4px;cursor:pointer}@media (max-width: 768px){.messages-main-area{height:100dvh!important}.messages-content-layout{min-height:0}.messages-conversations-panel{width:100%!important;min-width:0;border-right:0!important}.messages-chat-panel{min-width:0;width:100%}.messages-content-layout.has-active-conversation .messages-conversations-panel{display:none!important}.messages-content-layout.has-active-conversation .messages-mobile-back{display:block}.messages-page-title{font-size:22px}}.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:600;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:600}.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}.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:600;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:600;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:20px 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;display:flex;align-items:center;justify-content:center}.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}.history-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.p-history-table{width:100%;min-width:560px;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}}.edit-profile-btn.inline-btn{align-self:center;padding:6px 14px;font-size:12px;margin-left:12px;border-radius:8px;background-color:#3acfa9;box-shadow:0 2px 6px #3acfa933}.profile-header-card .student-header-progress{width:340px}.cefr-section{display:flex;flex-direction:column;gap:20px;margin-bottom:8px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.cefr-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cefr-section-badge{font-size:11px;font-weight:700;color:#0d9488;letter-spacing:.8px;display:block;margin-bottom:4px}.cefr-section-title{font-size:22px;font-weight:600;color:#1e293b;margin:0;line-height:1.2}.cefr-section-actions{display:flex;gap:10px;flex-shrink:0}.cefr-section-actions button,.cefr-section-actions a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;text-decoration:none}.cefr-btn-outline{background:#fff;color:#0d9488;border:1.5px solid #3ACFA9}.cefr-btn-outline:hover{background:#f0fdf9;border-color:#0d9488;color:#0f766e}.cefr-btn-solid{background:#14b8a6;color:#fff;border:none;box-shadow:0 2px 8px #14b8a640}.cefr-btn-solid:hover{background:#0d9488;box-shadow:0 4px 12px #14b8a659}.cefr-cards-grid{display:grid;grid-template-columns:30% 70%;gap:20px;align-items:start;padding-right:24px}.cefr-level-card{background:#f3fcf9;border:1px solid #ccfbf1;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.cefr-card-label{font-size:11px;font-weight:700;color:#0d9488;text-transform:uppercase;letter-spacing:1px}.cefr-level-row{display:flex;align-items:center;gap:14px}.cefr-level-badge-square{width:66px;height:66px;border-radius:16px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0f766e4d}.cefr-level-info{display:flex;flex-direction:column;gap:2px}.cefr-level-name{font-size:17px;font-weight:700;color:#1e293b;margin:0}.cefr-level-date{font-size:13px;color:#94a3b8;margin:0}.cefr-compare-pill{display:flex;align-items:center;width:100%;background:#f0fdfa;border:1px solid #ccfbf1;color:#0d9488;font-size:12px;font-weight:600;padding:8px 12px;border-radius:10px}.cefr-pill-up{background:#f0fdfa;border-color:#ccfbf1;color:#0d9488}.cefr-pill-down{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.cefr-pill-same{background:#f0fdfa;border-color:#ccfbf1;color:#0d9488}.cefr-pill-default{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.cefr-progress-block{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.cefr-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b}.cefr-progress-label{font-weight:700;color:#1e293b}.cefr-progress-remaining{font-weight:600;color:#0d9488}.cefr-progress-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.cefr-progress-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1);animation:cefrFillIn .8s ease-out forwards}@keyframes cefrFillIn{0%{width:0%!important}}.cefr-level-actions{display:flex;gap:8px;margin-top:2px}.cefr-btn-ghost{flex:1;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:11px 16px;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.cefr-btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.cefr-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.cefr-chart-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.cefr-chart-title{font-size:13px;font-weight:700;color:#1e293b}.cefr-chart-subtitle{font-weight:500;color:#cbd5e1;margin-left:4px}.cefr-chart-controls{display:flex;align-items:center;gap:8px}.cefr-tabs{display:flex;gap:2px}.cefr-tab{background:transparent;border:1px solid transparent;font-size:11px;font-weight:600;color:#94a3b8;padding:4px 8px;border-radius:5px;cursor:pointer;transition:all .15s ease}.cefr-tab:hover{color:#64748b}.cefr-tab.active{background:#fff;color:#1e293b;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}.cefr-period-select{padding:4px 8px;border-radius:5px;border:1px solid #e2e8f0;font-size:11px;font-weight:600;color:#64748b;background:#fff;outline:none;cursor:pointer}.cefr-chart-area{width:100%;position:relative}.cefr-svg{width:100%;height:auto;display:block}.cefr-y-label{font-size:7px;font-weight:600;fill:#64748b}.cefr-threshold-label{font-size:6px;font-weight:600;fill:#14b8a6}.cefr-bar-label{font-size:7px;font-weight:700;transition:fill .15s}.cefr-tooltip-text{font-size:8px;font-weight:700;fill:#fff}.cefr-tooltip-month{font-size:7px;font-weight:600;fill:#1e293b}.cefr-tooltip-score{font-size:6px;font-weight:500;fill:#475569}.cefr-tooltip-diff{font-size:6px;font-weight:600;fill:#14b8a6}.cefr-x-label{font-size:7px;font-weight:600;fill:#94a3b8}.cefr-level-tag{font-size:8px;font-weight:700;fill:#0d9488}.cefr-chart-legend{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #f1f5f9}.cefr-legend-dot{width:7px;height:7px;border-radius:50%;background:#14b8a6;flex-shrink:0;margin-top:3px}.cefr-chart-legend p{font-size:11px;color:#94a3b8;margin:0;line-height:1.5}.cefr-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cefr-detail-card{padding:16px;border-radius:12px;border:1px solid transparent}.cefr-detail-card h3{font-size:13px;font-weight:700;margin:0 0 8px}.cefr-detail-card div{font-size:12px;color:#475569;line-height:1.6}.cefr-detail-card div ul{margin:0;padding-left:16px}.cefr-detail-card div li{margin-bottom:3px}.cefr-detail-powers{background:#f0fdf4;border-color:#bbf7d0}.cefr-detail-powers h3{color:#15803d}.cefr-detail-barriers{background:#fff7ed;border-color:#fed7aa}.cefr-detail-barriers h3{color:#c2410c}.cefr-detail-roadmap{background:#eff6ff;border-color:#bfdbfe;grid-column:1 / -1}.cefr-detail-roadmap h3{color:#1d4ed8}.student-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activity-grid-item{display:flex;flex-direction:column;gap:4px;padding:8px 0}.grid-item-value{font-size:22px;font-weight:800;color:#1a1e2b}.grid-item-label{font-size:11px;font-weight:700;color:#64748b}.p-type-indicator{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#475569}.type-dot{width:6px;height:6px;border-radius:50%;background-color:#cbd5e1;display:inline-block}.p-type-indicator.clase .type-dot{background-color:#3b82f6}.p-type-indicator.speaking .type-dot{background-color:#ef4444}.p-type-indicator.quiz .type-dot{background-color:#a855f7}.p-type-indicator.ai .type-dot{background-color:#10b981}.p-type-indicator.tarea .type-dot{background-color:#f59e0b}.td-score.score-excellent strong{color:#10b981}.td-score.score-good strong{color:#3b82f6}.td-score.score-warning strong{color:#f59e0b}.td-score.score-neutral strong{color:#64748b}.p-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:700;line-height:1}.badge-icon{font-size:11px}.status-completed,.status-approved{background-color:#e6fcf5;color:#0e9f6e}.status-reviewed{background-color:#fff7ed;color:#ea580c}.status-repeat{background-color:#fef2f2;color:#ef4444}.status-coins{background-color:#f0fdfa;color:#0d9488;border:1.5px dashed #0d9488;padding:4px 10px}@media (max-width: 1200px){.cefr-cards-grid{grid-template-columns:1fr}}.skill-name-wrapper{display:flex;align-items:center;gap:8px}.skill-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.skill-name-txt{font-size:13px;font-weight:700;color:#475569}.skill-percentage-txt{font-size:13px;font-weight:700;color:#1e293b}.p-stat-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-stat-icon-wrapper.teal{background-color:#e2f7f1}.p-stat-icon-wrapper.blue{background-color:#eff6ff}.p-stat-icon-wrapper.purple{background-color:#faf5ff}.p-stat-icon-wrapper.orange{background-color:#fff7ed}.card-header-with-icon{display:flex;align-items:center;gap:12px;margin-bottom:20px}.header-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon-wrapper.teal-bg{background-color:#e2f7f1}.header-title-text{display:flex;flex-direction:column;gap:2px}.header-title-text h3{margin:0!important;font-size:15px;font-weight:600;color:#1a1e2b}.header-title-text .p-card-sub{margin:0!important;font-size:12px;color:#94a3b8}.student-stat-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px!important;padding:20px!important}.stat-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.p-stat-value-big{font-size:30px;font-weight:800;color:#1a1e2b;line-height:1.1;letter-spacing:-.5px}@media (max-width: 900px){.cefr-section-header{flex-direction:column;gap:12px}.cefr-section-actions{width:100%}.cefr-section-actions button{flex:1;justify-content:center}}@media (max-width: 640px){.profile-container{padding:16px 12px!important;gap:16px}.profile-header-card{padding:20px 16px;gap:18px}.profile-main-info{flex-direction:column;align-items:center;text-align:center;width:100%}.profile-text-info{width:100%}.profile-text-info h1{font-size:22px}.profile-meta-row,.profile-badges-row{justify-content:center}.profile-badges-row{flex-wrap:wrap}.profile-header-card .student-header-progress,.profile-progress-stats{width:100%}.profile-stats-grid{grid-template-columns:1fr;gap:12px}.profile-middle-grid{gap:16px}.cefr-section-title{font-size:18px}.cefr-cards-grid{grid-template-columns:1fr}.cefr-level-card,.cefr-chart-card{padding:20px}.cefr-chart-top{flex-direction:column;align-items:flex-start;gap:10px}.cefr-chart-controls{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cefr-tabs{gap:2px}.cefr-tab{padding:5px 8px;font-size:10px}.cefr-level-badge-square{width:56px;height:56px;font-size:22px;border-radius:12px}.cefr-level-name{font-size:14px}.cefr-details-grid{grid-template-columns:1fr}.cefr-detail-roadmap{grid-column:auto}.cefr-section-actions{flex-wrap:wrap}.cefr-level-actions{flex-direction:column}}.help-scroll{padding:24px 48px}.help-header-section h1{font-size:28px;font-weight:600;color:#1a1e2b;margin:0 0 4px}.help-header-section p{color:#64748b;font-size:14px;margin:0 0 24px}.help-search-hero{background:linear-gradient(135deg,#d1faf3,#f0fdf9,#e6fcf5);border-radius:20px;padding:40px 48px;text-align:center;margin-bottom:28px}.help-search-hero h2{font-size:24px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.help-search-hero>p{font-size:14px;color:#64748b;margin:0 0 20px}.help-search-bar{display:flex;align-items:center;background:#fff;border-radius:12px;padding:4px 4px 4px 16px;max-width:560px;margin:0 auto 20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.help-search-bar input{flex:1;border:none;outline:none;font-size:14px;padding:10px 8px;background:transparent;color:#1a1e2b}.help-search-bar input::placeholder{color:#94a3b8}.btn-search-help{padding:10px 24px;background:#3acfa9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.btn-search-help:hover{background:#32b594}.help-quick-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.help-quick-tag{padding:6px 16px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.help-quick-tag:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.help-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}@media (max-width: 800px){.help-categories-grid{grid-template-columns:1fr}}@media (max-width: 768px){.help-scroll{padding:16px 12px 24px}.help-search-hero{padding:24px 16px;border-radius:16px}.help-search-hero h2{font-size:20px}.help-search-bar{flex-wrap:wrap;padding:4px 8px}.help-search-bar input{min-width:0;width:100%}.help-search-bar .btn-search-help{width:100%}}.help-cat-card{background:#fff;border-radius:16px;padding:28px 24px;cursor:pointer;transition:all .2s;border:1px solid #f1f5f9}.help-cat-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.help-cat-date{font-size:11px;color:#94a3b8;background:#ffffffb3;padding:4px 8px;border-radius:8px;font-weight:600}.help-cat-arrow{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#3acfa9;box-shadow:0 1px 4px #00000014}.help-cat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.help-cat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.help-cat-teal .help-cat-icon{background:#d1faf3}.help-cat-blue .help-cat-icon{background:#dbeafe}.help-cat-orange .help-cat-icon{background:#fde8d8}.help-cat-teal{background:#ebf5f0;border-color:transparent}.help-cat-blue{background:#eef2fb;border-color:transparent}.help-cat-orange{background:#faf2ec;border-color:transparent}.help-cat-card h3{font-size:16px;font-weight:600;color:#1a1e2b;margin:0 0 6px}.help-cat-card p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.help-faq-section h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 4px;text-align:left}.help-faq-subtitle{font-size:14px;color:#64748b;margin:0 0 20px;text-align:left}.help-faq-list{display:flex;flex-direction:column;gap:8px}.help-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #00000005}.help-faq-item:hover{border-color:#3acfa9;box-shadow:0 2px 8px #3acfa91a}.help-faq-item.expanded{border-color:#3acfa9;box-shadow:0 2px 12px #3acfa91f;background:#f0fdf9}.help-faq-question{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#1a1e2b;min-width:0;gap:12px}.help-faq-question span{min-width:0;overflow-wrap:anywhere}.help-faq-answer{margin-top:12px;padding-top:12px;border-top:1px solid #e6fcf5}.help-faq-answer p{font-size:13px;color:#475569;line-height:1.6;margin:0}.help-results-section{margin-top:8px}.help-results-count{font-size:14px;color:#64748b;margin:0 0 20px;text-align:left}.help-results-group{margin-bottom:28px}.help-results-group-title{font-size:16px;font-weight:600;color:#1a1e2b;margin:0 0 12px;display:flex;align-items:center;gap:8px}.help-article-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px 24px;margin-bottom:8px;cursor:pointer;transition:all .2s}.help-article-card:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.help-article-tags{display:flex;gap:8px;margin-bottom:8px}.help-article-tag{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600}.help-article-tag.tag-teal{background:#d1faf3;color:#0e9f6e}.help-article-tag.tag-blue{background:#dbeafe;color:#1d4ed8}.help-article-tag.tag-gray{background:#f1f5f9;color:#64748b}.help-article-card h4{font-size:15px;font-weight:700;color:#1a1e2b;margin:0 0 6px}.help-article-card p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.help-no-results{text-align:center;color:#94a3b8;font-size:14px;padding:40px 0}.help-back-btn{background:none;border:none;color:#3acfa9;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;margin-top:12px}.help-back-btn:hover{text-decoration:underline}.tour-featured{display:flex;gap:24px;align-items:center;background:#dff6ed;border-radius:20px;padding:28px 32px;margin-bottom:32px;cursor:pointer;transition:all .2s;overflow:hidden}.tour-featured:hover{box-shadow:0 4px 20px #3acfa91f}.tour-featured-visual{width:30%;min-width:160px;height:180px;background:#edf5f2;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.tour-featured-visual img{width:100%;height:100%;object-fit:contain;padding:10px}.tour-featured-content{width:70%;display:flex;flex-direction:column;gap:6px;text-align:left}.tour-featured-badge{display:inline-block;background:#fff;color:#0e9f6e;font-size:10px;font-weight:800;padding:5px 14px;border-radius:6px;letter-spacing:.5px;width:fit-content}.tour-featured-content h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0;text-align:left}.tour-featured-content p{font-size:14px;color:#64748b;margin:0;line-height:1.5;text-align:left}.tour-featured-meta{font-size:13px;color:#0e9f6e;font-weight:700}.tour-expanded{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px;margin-bottom:32px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tour-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tour-step{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f8fafc;border-radius:10px;font-size:14px;color:#1a1e2b;font-weight:500}.tour-step-num{width:28px;height:28px;border-radius:50%;background:#3acfa9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.tour-start-btn{padding:12px 24px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.tour-start-btn:hover{background:#32b594}.tutoriales-all-section h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 16px}.tutoriales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 800px){.tutoriales-grid{grid-template-columns:repeat(2,1fr)}.tour-featured{flex-direction:column}.tour-featured-visual{width:100%;height:120px}}@media (min-width: 801px) and (max-width: 1000px){.tutoriales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-featured{padding:22px 24px}.tour-featured-visual{min-width:130px}}@media (max-width: 500px){.tutoriales-grid{grid-template-columns:1fr}}.tutorial-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s}.tutorial-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.tutorial-visual{height:120px;display:flex;align-items:center;justify-content:center}.tutorial-icon{font-size:40px}.tutorial-body{padding:16px 20px 20px}.tutorial-tag{display:inline-block;background:#d1faf3;color:#0e9f6e;font-size:10px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.tutorial-card h3{font-size:15px;font-weight:600;color:#1a1e2b;margin:0 0 6px}.tutorial-card p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.tutorial-card-highlight{border:2px solid #3ACFA9;box-shadow:0 4px 16px #3acfa91f;position:relative}.tutorial-card-highlight:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3acfa938}.tutorial-visual{position:relative}.tutorial-play-badge{position:absolute;bottom:10px;right:10px;background:#3acfa9;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;letter-spacing:.3px;box-shadow:0 2px 8px #3acfa966;animation:trm-badge-pulse 2s ease infinite}@keyframes trm-badge-pulse{0%,to{box-shadow:0 2px 8px #3acfa966}50%{box-shadow:0 2px 16px #3acfa9b3}}.support-page-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.support-page-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0}.support-page-header p{color:#64748b;font-size:14px;margin:4px 0 0}.subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.support-back-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:6px;border-radius:8px;display:flex;align-items:center}.support-back-btn:hover{background:#f1f5f9;color:#1a1e2b}.support-nav-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.support-nav-tab{padding:10px 20px;border:none;background:none;font-size:14px;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.support-nav-tab:hover{color:#475569}.support-nav-tab.active{color:#3acfa9;border-bottom-color:#3acfa9}.support-create-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.support-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 32px}.support-form-card h2{font-size:18px;font-weight:600;color:#1a1e2b;margin:0 0 24px;text-align:left}.support-field{margin-bottom:20px}.support-field label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.support-field input,.support-field textarea{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1a1e2b;background:#f8fafc;transition:border-color .2s;font-family:inherit}.support-field input:focus,.support-field textarea:focus{outline:none;border-color:#3acfa9;background:#fff}.support-field textarea{resize:vertical;min-height:120px}.support-chips{display:flex;flex-wrap:wrap;gap:8px}.support-chip{padding:8px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.support-chip:hover{border-color:#3acfa9;color:#3acfa9}.support-chip.selected{background:#f0fdf9;border-color:#3acfa9;color:#3acfa9}.support-error{display:flex;align-items:center;gap:6px;background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:16px}.support-btn-primary{width:100%;padding:14px;border:none;border-radius:12px;background:#3acfa9;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}.support-btn-primary:hover{background:#2eb88d}.support-btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.support-btn-secondary{width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#475569;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.support-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.support-sidebar-info{display:flex;flex-direction:column;gap:12px}.support-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}.support-info-row{display:flex;align-items:center;gap:14px}.support-info-icon{width:40px;height:40px;border-radius:10px;background:#f0fdf9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-info-row div{display:flex;flex-direction:column}.support-info-row strong{font-size:13px;color:#1a1e2b;margin-bottom:2px}.support-info-row span{font-size:12px;color:#64748b}.support-info-highlight{background:#f0fdf9;border:1px solid #b7f0df;border-radius:12px;padding:18px}.support-info-highlight strong{font-size:13px;color:#1a1e2b;display:block;margin-bottom:6px}.support-info-highlight p{font-size:12px;color:#64748b;margin:0;line-height:1.5}.support-sent-wrapper{display:flex;justify-content:center;padding:20px 0}.support-sent-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:48px 40px;text-align:center;max-width:560px;width:100%}.support-sent-icon{width:80px;height:80px;border-radius:50%;background:#f0fdf9;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.support-sent-img{width:44px;height:44px;object-fit:contain}.support-sent-card h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.support-sent-desc{color:#64748b;font-size:14px;margin:0 0 28px;line-height:1.5}.support-sent-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:28px;text-align:left}.support-sent-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9}.support-sent-row:last-child{border-bottom:none}.support-sent-row span{font-size:13px;color:#64748b}.support-sent-row strong{font-size:13px;color:#1a1e2b}.support-sent-actions{display:flex;gap:12px}.support-sent-actions .support-btn-primary{flex:1}.support-sent-actions .support-btn-secondary{flex:1;width:auto}.support-list-header{margin-bottom:16px}.support-list-tabs{display:flex;gap:8px}.support-tab{padding:8px 20px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.support-tab:hover{border-color:#94a3b8}.support-tab.active{background:#1a1e2b;border-color:#1a1e2b;color:#fff}.support-empty{color:#94a3b8;font-size:14px;text-align:center;padding:40px 0}.support-empty-state{text-align:center;padding:60px 20px;color:#94a3b8}.support-empty-state p{margin-top:12px;font-size:14px}.support-ticket-list{display:flex;flex-direction:column;gap:8px}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;cursor:pointer;transition:all .2s}.support-ticket-row:hover{border-color:#3acfa9;box-shadow:0 2px 12px #3acfa914}.support-ticket-info h4{font-size:14px;font-weight:700;color:#1a1e2b;margin:0 0 4px}.support-ticket-meta{font-size:12px;color:#94a3b8}.support-ticket-right{display:flex;align-items:center;gap:10px}.support-status-badge{display:inline-block;padding:5px 14px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.3px}.support-detail-layout{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start}.support-detail-report{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:20px}.support-detail-report-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.support-detail-report-label{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.5px}.support-detail-report p{font-size:14px;color:#475569;line-height:1.6;margin:0}.support-detail-timeline{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:20px}.support-detail-timeline h3{font-size:16px;font-weight:600;color:#1a1e2b;margin:0 0 16px}.support-timeline{display:flex;flex-direction:column;gap:0}.support-timeline-item{display:flex;gap:12px;padding-bottom:20px;position:relative}.support-timeline-item:not(:last-child):after{content:"";position:absolute;left:11px;top:22px;bottom:0;width:2px;background:#e2e8f0}.support-timeline-dot{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.support-timeline-content{flex:1;min-width:0}.support-timeline-header{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.support-timeline-header strong{font-size:13px;color:#1a1e2b}.support-timeline-header span{font-size:12px;color:#94a3b8}.support-timeline-content p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.support-detail-comments{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:20px}.support-detail-comments h3{font-size:16px;font-weight:600;color:#1a1e2b;margin:0 0 16px}.support-comments-empty{color:#94a3b8;font-size:13px;margin:0}.support-comment-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f1f5f9}.support-comment-item:last-of-type{border-bottom:none;padding-bottom:0}.support-comment-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#64748b;flex-shrink:0}.support-comment-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.support-comment-header strong{font-size:13px;color:#1a1e2b}.support-comment-header span{font-size:12px;color:#94a3b8}.support-comment-item p{font-size:13px;color:#475569;margin:0;line-height:1.5}.support-comment-input-area{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.support-comment-input-area h4{font-size:16px;font-weight:600;color:#1a1e2b;margin:0 0 12px}.support-comment-input-area textarea{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1a1e2b;background:#f8fafc;resize:vertical;min-height:80px;font-family:inherit;margin-bottom:12px}.support-comment-input-area textarea:focus{outline:none;border-color:#3acfa9;background:#fff}.support-detail-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.support-detail-sidebar-card h4{font-size:14px;font-weight:600;color:#1a1e2b;margin:0 0 16px}.support-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9}.support-detail-row:last-child{border-bottom:none}.support-detail-row span{font-size:12px;color:#64748b}.support-detail-row strong{font-size:12px;color:#1a1e2b}.support-attachments-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.support-attachment-thumb{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;max-width:200px}.support-attachment-thumb img{width:36px;height:36px;object-fit:cover;border-radius:6px}.support-attach-icon{font-size:22px;line-height:1}.support-attach-info{display:flex;flex-direction:column;min-width:0}.support-attach-name{font-size:11px;font-weight:600;color:#1a1e2b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.support-attach-size{font-size:10px;color:#94a3b8}.support-attach-remove{background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;flex-shrink:0}.support-attachments-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.support-attachment-item{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;transition:border-color .2s}.support-attachment-item:hover{border-color:#3acfa9}.support-attach-img-lg{width:56px;height:56px;object-fit:cover;border-radius:8px;cursor:pointer;transition:opacity .2s}.support-attach-img-lg:hover{opacity:.85}.support-attach-icon-lg{font-size:32px;line-height:1;width:48px;text-align:center}.support-attach-download{background:none;border:1px solid #e2e8f0;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;flex-shrink:0;transition:all .2s}.support-attach-download:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.support-image-modal{position:fixed;inset:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:40px}.support-image-modal-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;line-height:1;opacity:.8}.support-image-modal-close:hover{opacity:1}.support-image-modal-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;cursor:default}.support-link-preview{display:inline-flex;align-items:center;gap:4px;background:#f0fdf9;color:#3acfa9;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;text-decoration:none;margin:2px 0}.support-link-preview:hover{background:#d1fae5}.support-file-btn-wrapper{margin-bottom:8px}.support-file-btn{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.support-file-btn:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.support-file-btn-small{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.support-file-btn-small:hover{border-color:#3acfa9;color:#3acfa9}.support-comment-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.support-comment-actions .support-btn-primary{width:auto;padding:10px 24px;font-size:13px}@media (max-width: 768px){.support-create-layout,.support-detail-layout{grid-template-columns:1fr}.support-sent-actions{flex-direction:column}.support-chips{gap:6px}.support-chip{padding:6px 12px;font-size:12px}.support-ticket-row{align-items:flex-start;flex-direction:column;gap:10px}.support-ticket-right{width:100%;justify-content:space-between}.support-detail-row{align-items:flex-start;flex-direction:column;gap:4px}.support-comment-actions{flex-wrap:wrap}.support-comment-actions .support-btn-primary{width:100%}.support-page-header{flex-wrap:wrap}.support-page-header h1{font-size:24px}}.community-layout{background:#f8fafc}@media (max-width: 768px){.dashboard-layout.community-page{display:block!important;height:auto;min-height:100dvh;overflow:visible!important}.main-area.community-layout{display:block!important;height:auto!important;overflow:visible;min-height:100dvh}.main-area.community-layout .content-scroll{display:block;height:auto;min-height:0;overflow:visible}}@media (min-width: 769px){.main-area.community-layout .community-triple-grid{overflow-y:auto;overflow-x:hidden;min-height:0}}.comm-subnav{display:flex;gap:4px;padding:8px 32px 0 48px;background:#f8fafc;border-bottom:1px solid #f1f5f9;position:relative}.comm-subnav-tab{display:flex;align-items:center;gap:7px;padding:8px 16px;border:none;background:none;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:color .15s ease,background .15s ease;border-bottom:3px solid transparent;margin-bottom:-1px;position:relative}.comm-subnav-tab:hover{color:#475569;background:#f1f5f9}.comm-subnav-tab.active{color:#0f766e;border-bottom-color:#3acfa9;background:transparent}.community-triple-grid{display:grid;grid-template-columns:280px minmax(400px,1fr) 300px;gap:20px;padding:24px 32px 24px 48px!important;width:100%;box-sizing:border-box;max-width:100%;min-width:0}.comm-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000005;margin-bottom:20px}.comm-card h3{font-size:14px;font-weight:600;color:#1a1e2b;margin-bottom:16px}.comm-left-col{min-width:0;overflow:hidden}.comm-header-card{padding:20px}.comm-header-row{display:flex;justify-content:space-between;align-items:center}.comm-title{font-size:28px;font-weight:600;color:#1e293b;margin:0;line-height:1}.comm-members-count{font-size:14px;color:#64748b;margin-top:4px;display:block}.comm-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;margin-bottom:4px;transition:all .15s ease}.comm-nav-active{background:#3acfa9;color:#fff}.comm-nav-item:hover:not(.comm-nav-active){background:#f0fdf9;color:#0d9488}.comm-section-label{font-size:10px;font-weight:800;color:#475569;letter-spacing:.5px;text-transform:uppercase;margin:20px 0 8px;padding-left:14px}.comm-channels{display:flex;flex-direction:column;gap:2px}.comm-channel-item{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease}.comm-channel-item:hover{background:#f0fdf9}.comm-channel-item.active{background:#f0fdf9;color:#0d9488;font-weight:700}.comm-channel-item.locked{opacity:.5;cursor:default}.comm-channel-item.locked:hover{background:transparent}.comm-channel-icon{display:flex;align-items:center;justify-content:center;width:20px}.comm-channel-create{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;color:#3acfa9;cursor:pointer;border:1px dashed #b7f0df;margin-top:4px;transition:all .15s ease}.comm-channel-create:hover{background:#f0fdf9}.comm-upcoming-card{margin-top:14px;padding:14px}.comm-upcoming-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#1a1e2b;margin-bottom:10px}.comm-upcoming-empty{margin:0;font-size:12px;color:#94a3b8;padding:4px 0}.comm-upcoming-event{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-top:1px solid #f1f5f9;padding:9px 0;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease}.comm-upcoming-event:hover{background:#f8fafc}.comm-upcoming-event:last-of-type{padding-bottom:0}.comm-upcoming-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f0fdf9;border:1px solid #b7f0df;flex-shrink:0}.comm-upcoming-day{font-size:14px;font-weight:800;color:#0d9488;line-height:1}.comm-upcoming-month{font-size:9px;font-weight:700;color:#64748b;text-transform:uppercase;line-height:1.2;margin-top:1px}.comm-upcoming-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.comm-upcoming-info strong{font-size:12px;color:#1a1e2b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comm-upcoming-info span{font-size:11px;color:#64748b}.comm-upcoming-attending{color:#3acfa9;font-size:13px;font-weight:800;flex-shrink:0}.comm-levels{display:flex;flex-direction:column;gap:2px}.comm-level-item{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;font-size:13px;color:#475569;cursor:pointer;transition:all .15s ease}.comm-level-item:hover,.comm-level-item.active{background:#f0fdf9}.comm-level-badge{width:24px;height:24px;border-radius:8px;background:#cbd5e1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.comm-level-badge.active{background:#3acfa9}.comm-level-name{font-size:13px;color:#475569}.comm-level-badge-count{margin-left:auto;background:#3acfa9;color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:100px}.comm-center-col{min-width:0;overflow:visible}@media (max-width: 768px){.comm-center-col{overflow:visible}}.comm-session-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:14px 20px;margin-bottom:16px;border:1px solid #fbbf24}.comm-session-info{display:flex;align-items:center;gap:10px}.comm-session-text{display:flex;flex-direction:column;gap:2px}.comm-session-text strong{font-size:13px;font-weight:800;color:#1a1e2b}.comm-session-text span{font-size:11px;color:#92400e}.comm-session-join{background:#fff;border:1px solid #fbbf24;color:#92400e;padding:6px 16px;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer;transition:all .15s ease;flex-shrink:0;white-space:nowrap}.comm-session-join:hover{background:#fbbf24;color:#fff}.create-post-minimal{background:#fff;border-radius:16px;border:1px solid #f1f5f9;margin-bottom:16px}.create-row{display:flex;align-items:center;gap:16px}.create-row input{flex:1;border:none;outline:none;font-size:14px;color:#64748b;background:transparent;min-width:0}.btn-publish-comm{background:#3acfa9;color:#fff;border:none;padding:8px 24px;border-radius:100px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;flex-shrink:0;white-space:nowrap}.btn-publish-comm:disabled{opacity:.5;cursor:default}.comm-post-input-card{background:#fff;border-radius:16px;padding:16px;border:1px solid #f1f5f9;margin-bottom:16px}.comm-post-input-row{display:flex;align-items:center;gap:12px}.comm-post-input-row input{flex:1;border:none;outline:none;font-size:14px;color:#1a1e2b;padding:8px 14px;background:#f8fafc;border-radius:12px;line-height:1;height:40px;box-sizing:border-box}.comm-post-input-row input::placeholder{color:#cbd5e1}.comm-post-input-actions{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.comm-post-action{display:flex;align-items:center;gap:6px;background:#f1f5f9;border:none;color:#475569;font-size:13px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .15s ease}.comm-post-action:hover{background:#e2e8f0;color:#1a1e2b}.comm-post-space-tag{font-size:11px;color:#3acfa9;font-weight:700;background:#f0fdf9;padding:8px 14px;border-radius:8px;display:flex;align-items:center;box-sizing:border-box}.comm-post-space-select{font-size:11px;color:#0d9488;font-weight:700;background:#f0fdf9;padding:8px 10px;border-radius:8px;border:1px solid #99f6e4;cursor:pointer;font-family:inherit;outline:none}.comm-post-space-select:focus{border-color:#3acfa9}.comm-post-publish{background:#3acfa9;color:#fff;border:none;padding:8px 20px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s ease}.comm-post-publish:hover:not(:disabled){background:#2eb488;transform:translateY(-1px)}.comm-post-publish:disabled{opacity:.6;cursor:default}.comm-space-picker-wrap{position:relative;margin-left:auto}.comm-space-picker{display:inline-flex;align-items:center;gap:5px;max-width:190px;padding:6px 9px;border:1px solid #b7f0df;border-radius:9px;background:#f0fdf9;color:#0d9488;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.comm-space-picker svg,.comm-space-option svg{width:14px;height:14px;flex-shrink:0}.comm-space-picker span:not(.comm-space-picker-chevron){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comm-space-picker-chevron{margin-left:2px;flex-shrink:0}.comm-space-picker-menu{position:absolute;right:0;top:calc(100% + 8px);bottom:auto;z-index:100;display:flex;flex-direction:column;gap:2px;width:210px;padding:6px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0f172a24}.comm-space-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#475569;font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer}.comm-space-option:hover,.comm-space-option.active{background:#f0fdf9;color:#0d9488}.comm-audio-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a8c}.comm-audio-modal{position:relative;width:min(420px,calc(100vw - 32px));padding:28px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 20px 60px #0f172a38}.comm-audio-modal-icon{width:58px;height:58px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#0d9488;background:#ccfbf1}.comm-audio-modal h2{margin:0 0 8px;color:#1e293b;font-size:22px}.comm-audio-modal>p{margin:0 0 22px;color:#64748b;font-size:13px;line-height:1.5}.comm-audio-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comm-audio-record-btn,.comm-audio-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border:0;border-radius:10px;color:#fff;background:#3acfa9;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.comm-audio-upload-btn{color:#0d9488;background:#f0fdf9;border:1px solid #b7f0df}.comm-audio-record-btn.recording{background:#ef4444;width:100%}.comm-audio-ready{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:12px;border-radius:10px;background:#f8fafc;color:#475569;font-size:12px}.comm-audio-ready button{border:0;border-radius:8px;padding:8px;color:#0d9488;background:#e6fcf5;font:inherit;font-weight:700;cursor:pointer}.comm-audio-ready .comm-audio-publish-btn{color:#fff;background:#3acfa9}.comm-composer-audio-preview{width:100%;height:32px;min-width:0}.comm-post-locked{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;color:#94a3b8;font-size:13px;font-weight:600;text-align:center}.comm-post-locked-cta{padding:8px 24px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s ease}.comm-post-locked-cta:hover{background:#2eb488;transform:translateY(-1px)}.comm-load-more{display:block;width:100%;padding:12px;margin-top:8px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;color:#64748b;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.comm-load-more:hover:not(:disabled){border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.comm-load-more:disabled{opacity:.5;cursor:default}.comm-link-input{flex:1;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;outline:none;font-family:inherit}.comm-link-input:focus{border-color:#3acfa9}.comm-post-image-preview{position:relative;margin-top:12px}.comm-post-image-preview img{max-width:100%;max-height:200px;border-radius:12px}.comm-post-image-preview button{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.comm-tabs{display:flex;gap:8px;margin-bottom:16px}.comm-tab{background:#f1f5f9;border:none;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:10px;transition:all .15s ease}.comm-tab:hover{background:#e2e8f0}.comm-tab.active{background:#1a1e2b;color:#fff}@media (max-width: 768px){.comm-emoji-wrapper{display:none}}.posts-feed{min-width:0;overflow:hidden}.comm-post-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #f1f5f9;margin-bottom:16px;transition:box-shadow .2s ease;max-width:100%;overflow:hidden;box-sizing:border-box}.comm-post-card:hover{box-shadow:0 8px 30px #0000000f}.comm-pinned-tag{display:inline-flex;align-items:center;gap:6px;background:#f0fdf9;color:#0d9488;font-size:11px;font-weight:700;padding:4px 10px;border-radius:8px;margin-bottom:12px}.comm-post-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.comm-post-user-info{flex:1;min-width:0}.comm-post-user-name{font-size:14px;font-weight:600;color:#1a1e2b}.comm-post-user-meta{font-size:12px;color:#94a3b8;margin-top:2px}.comm-post-right{display:flex;align-items:center;gap:8px}.comm-post-space{font-size:11px;color:#3acfa9;font-weight:700;background:#f0fdf9;padding:4px 10px;border-radius:8px}.comm-post-delete{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.comm-post-body p{font-size:14px;line-height:1.6;color:#334155;margin:0 0 12px}.comm-post-image{margin:12px 0;border-radius:12px;overflow:hidden;position:relative}.comm-post-image-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(40px) brightness(.3);transform:scale(1.1)}.comm-post-image img{width:100%;max-height:600px;object-fit:contain;display:block;position:relative;z-index:1}.comm-post-link{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:12px 0;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;text-decoration:none;transition:all .15s ease}.comm-post-link:hover{border-color:#e2e8f0}.comm-web-preview{padding:12px;background:linear-gradient(135deg,#f8fafc,#fff)}@media (max-width: 480px){.comm-space-picker-wrap{margin-left:auto}.comm-space-picker{max-width:160px}.comm-audio-modal-actions{grid-template-columns:1fr}}.comm-link-preview-icon{width:42px;height:42px;border-radius:10px;background:#eef2f7;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.comm-link-preview-icon img{width:22px;height:22px;object-fit:contain}.comm-link-preview-icon svg{position:absolute;right:-4px;bottom:-4px;padding:3px;width:18px;height:18px;border-radius:6px;background:#fff}.comm-link-preview-label{display:block;margin-bottom:3px;color:#0d9488;font-size:9px;font-weight:800;letter-spacing:.08em}.comm-feed-end{display:flex;align-items:center;gap:12px;padding:24px 8px 36px;color:#94a3b8;font-size:12px;font-weight:700;text-align:center}.comm-feed-end-line{height:1px;flex:1;background:#e2e8f0}.comm-post-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.comm-hashtag{font-size:12px;color:#3acfa9;font-weight:600;background:#f0fdf9;padding:4px 10px;border-radius:8px}.comm-post-actions{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:12px;border-top:1px solid #f1f5f9}.comm-action-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s ease}.comm-action-btn:hover{background:#f8fafc;color:#475569}.comm-action-btn.liked{color:#ef4444}.comm-action-btn.liked{position:relative}.comm-action-btn.liked svg{transform-origin:center;animation:comm-heart-pop .45s cubic-bezier(.2,1.4,.4,1)}.comm-action-btn.liked:after{content:"✦";position:absolute;top:-9px;left:13px;color:#fb7185;font-size:12px;pointer-events:none;animation:comm-heart-spark .55s ease-out forwards}@keyframes comm-heart-pop{0%{transform:scale(.65)}45%{transform:scale(1.45) rotate(-8deg)}72%{transform:scale(.9) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes comm-heart-spark{0%{opacity:0;transform:translateY(8px) scale(.4)}35%{opacity:1}to{opacity:0;transform:translate(10px,-12px) scale(1.1)}}@media (prefers-reduced-motion: reduce){.comm-action-btn.liked svg,.comm-action-btn.liked:after{animation:none}}.comm-post-comments{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.comm-view-all-comments{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:600;padding:6px 0 0 32px}.comm-reply-input{display:flex;gap:8px;margin-top:10px;align-items:center}.comm-reply-input input{flex:1;border:none;outline:none;font-size:13px;padding:6px 0;background:transparent}.comm-reply-input button{background:#3acfa9;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.comm-right-col{min-width:0;overflow:hidden}.comm-community-card{padding:0;overflow:hidden}.comm-community-img{width:100%;height:120px;object-fit:cover;display:block}.comm-community-body{padding:20px}.comm-community-title{font-size:15px;font-weight:600;color:#1a1e2b;margin-bottom:6px}.comm-community-desc{font-size:12px;color:#64748b;margin-bottom:16px;line-height:1.5}.comm-community-cta{display:block;width:100%;background:linear-gradient(135deg,#3acfa9,#17b897);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s ease}.comm-community-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3acfa94d}.comm-leaderboard-card{padding:20px}.comm-leaderboard-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.comm-leaderboard-header h3{font-size:14px;font-weight:600;color:#1a1e2b}.comm-leaderboard-filters{display:flex;gap:8px;margin-bottom:16px}.comm-leaderboard-filter{background:none;border:none;color:#94a3b8;font-size:11px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .15s ease}.comm-leaderboard-filter:hover{background:#f8fafc}.comm-leaderboard-filter.active{background:#f0fdf9;color:#0d9488;font-weight:700}.comm-leaderboard-list{display:flex;flex-direction:column;gap:10px}.comm-leaderboard-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;transition:background .15s ease}.comm-leaderboard-row:hover{background:#f8fafc}.comm-leaderboard-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#64748b;background:#f1f5f9}.comm-leaderboard-rank.gold{background:#fef3c7;color:#92400e}.comm-leaderboard-rank.silver{background:#e2e8f0;color:#475569}.comm-leaderboard-rank.bronze{background:#ffedd5;color:#c2410c}.comm-leaderboard-name{flex:1;font-size:13px;font-weight:600;color:#1a1e2b}.comm-leaderboard-points{font-size:12px;font-weight:800;color:#3acfa9}.comm-leaderboard-user{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.comm-leaderboard-row.user-row{background:#f0fdf9}.comm-leaderboard-avatar{width:28px;height:28px;border-radius:50%}.comm-leaderboard-rank.user-rank{background:#cbd5e1;color:#475569}.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;padding:6px 8px;border-radius:10px;transition:background .15s ease}.online-user:hover{background:#f8fafc}.online-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.online-avatar:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid white;animation:onlinePulse 2s infinite}@keyframes onlinePulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.online-count{background:#3acfa9;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:100px;margin-left:6px;vertical-align:middle}.online-empty{font-size:13px;color:#94a3b8;padding:12px 0;display:flex;align-items:center;gap:6px}.online-emoji{font-size:18px}.online-more{font-size:11px;color:#3acfa9;font-weight:700;margin-left:38px}.comm-clasificacion-page{grid-column:1 / -1;display:flex;flex-direction:column;gap:24px;justify-self:start;align-self:start;width:100%;text-align:left}.comm-clasificacion-top{display:flex;justify-content:space-between;align-items:flex-start}.comm-clasificacion-header-block{display:flex;flex-direction:column}.comm-clasificacion-main-title{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 6px;text-align:left}.comm-clasificacion-main-subtitle{font-size:13px;color:#94a3b8;margin:0}.comm-clasificacion-updated{font-size:12px;color:#94a3b8;white-space:nowrap;flex-shrink:0;padding-top:4px}.comm-clasificacion-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.comm-clasificacion-col-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000005;transition:transform .2s ease,box-shadow .2s ease}.comm-clasificacion-col-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.comm-clasificacion-col-label{font-size:11px;color:#64748b;font-weight:600;display:block;margin-bottom:4px}.comm-clasificacion-col-title{font-size:18px;font-weight:600;color:#1a1e2b;margin:0 0 20px}.comm-clasificacion-col-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.comm-skeleton-card{animation:comm-skeleton-pulse 1.5s ease-in-out infinite}.comm-skeleton-line{display:block;height:12px;background:#e2e8f0;border-radius:6px;margin-bottom:8px}.comm-skeleton-line.short{width:40%}.comm-skeleton-line.medium{width:60%}.comm-skeleton-line.long{flex:1;min-width:80px}.comm-skeleton-circle{width:32px;height:32px;background:#e2e8f0;border-radius:50%;flex-shrink:0}.comm-skeleton-rows{display:flex;flex-direction:column;gap:12px;margin-top:16px}.comm-skeleton-row{display:flex;align-items:center;gap:12px}@keyframes comm-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.comm-clasificacion-col-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;transition:background .15s ease}.comm-clasificacion-col-row:hover{background:#f8fafc}.comm-clasificacion-col-row.is-me{background:#f0fdf9;border:1.5px solid #3ACFA9}.comm-clasificacion-col-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#64748b;background:#f1f5f9;flex-shrink:0}.comm-clasificacion-col-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.comm-clasificacion-col-rank.silver{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff}.comm-clasificacion-col-rank.bronze{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff}.comm-clasificacion-col-name{flex:1;font-size:14px;font-weight:600;color:#1a1e2b}.comm-clasificacion-col-points{font-size:14px;font-weight:800;color:#3acfa9;flex-shrink:0}.comm-clasificacion-empty{padding:30px;text-align:center;color:#94a3b8;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px}.comm-clasificacion-rewards{border:2px dashed #e2e8f0;border-radius:20px;padding:40px}.comm-clasificacion-rewards-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.comm-clasificacion-rewards-text{font-size:14px;color:#94a3b8;font-weight:600;margin:0}.comm-eventos-page{grid-column:1 / -1;display:flex;flex-direction:column;gap:24px;justify-self:start;align-self:start;width:100%;text-align:left}.comm-eventos-top{display:flex;justify-content:space-between;align-items:flex-start}.comm-eventos-header-block{display:flex;flex-direction:column}.comm-eventos-main-title{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 6px;text-align:left}.comm-eventos-main-subtitle{font-size:13px;color:#94a3b8;margin:0}.comm-eventos-controls{display:flex;align-items:center;gap:10px}.comm-eventos-view-toggle{display:flex;background:#f1f5f9;border-radius:10px;padding:3px}.comm-eventos-view-btn{padding:6px 14px;border:none;background:none;color:#64748b;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s ease}.comm-eventos-view-btn:hover{color:#475569}.comm-eventos-view-btn.active{background:#fff;color:#1a1e2b;box-shadow:0 1px 3px #0000000f}.comm-eventos-today-btn{padding:6px 14px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s ease}.comm-eventos-today-btn:hover{border-color:#3acfa9;color:#3acfa9}.comm-eventos-nav{display:flex;gap:4px}.comm-eventos-nav-btn{width:32px;height:32px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.comm-eventos-nav-btn:hover{border-color:#3acfa9;color:#3acfa9}.comm-calendar-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000005}.comm-calendar-month-title{font-size:18px;font-weight:600;color:#1a1e2b;margin-bottom:20px;text-transform:capitalize}.comm-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.comm-calendar-day-header{text-align:center;font-size:11px;font-weight:700;color:#94a3b8;padding:8px 0 12px;text-transform:uppercase;letter-spacing:.5px}.comm-calendar-cell{min-height:90px;padding:6px;border:1px solid #f1f5f9;border-radius:8px;margin:1px;transition:background .15s ease}.comm-calendar-cell:hover{background:#f8fafc}.comm-calendar-cell.other-month{opacity:.35}.comm-calendar-cell.today{background:#f0fdf9;border-color:#3acfa9}.comm-calendar-day-num{font-size:12px;font-weight:600;color:#64748b;display:block;margin-bottom:4px}.comm-calendar-day-num.today-num{background:#3acfa9;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.comm-calendar-events{display:flex;flex-direction:column;gap:3px}.comm-calendar-event-chip{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;border-left:3px solid;background:#f8fafc;overflow:hidden;cursor:pointer}.comm-calendar-event-time{font-size:9px;font-weight:700;color:#64748b;white-space:nowrap}.comm-calendar-event-label{font-size:10px;font-weight:600;color:#1a1e2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-calendar-more{font-size:9px;font-weight:600;color:#94a3b8;padding:2px 4px}.comm-calendar-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.comm-calendar-week-col{min-height:400px}.comm-calendar-week-col.today{background:#f0fdf9;border-radius:12px}.comm-calendar-week-header{text-align:center;padding:12px 0;border-bottom:1px solid #f1f5f9;margin-bottom:8px}.comm-calendar-week-header.today-header{background:#3acfa9;border-radius:10px;margin:0 -4px 8px;padding:12px 0}.comm-calendar-week-dayname{display:block;font-size:10px;font-weight:700;color:#94a3b8;margin-bottom:4px}.comm-calendar-week-header.today-header .comm-calendar-week-dayname{color:#fffc}.comm-calendar-week-daynum{font-size:18px;font-weight:800;color:#1a1e2b}.comm-calendar-week-daynum.today-num{color:#fff}.comm-calendar-week-events{display:flex;flex-direction:column;gap:4px;padding:0 2px}.comm-calendar-week-chip{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:6px;border-left:3px solid;background:#f8fafc;cursor:pointer}.comm-event-manage-btn{border:1.5px solid #3ACFA9;background:#f0fdf9;color:#0d9488;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}.comm-event-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a8c}.comm-event-modal{position:relative;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #0f172a38}.comm-event-modal-close{position:absolute;top:12px;right:12px;border:0;background:#f1f5f9;color:#64748b;width:32px;height:32px;border-radius:8px;font-size:22px;line-height:1;cursor:pointer}.comm-event-modal-label{display:block;margin-bottom:8px;color:#0d9488;font-size:10px;font-weight:800;letter-spacing:.08em}.comm-event-modal h2{margin:0 36px 16px 0;color:#1e293b;font-size:24px;line-height:1.25;text-align:left}.comm-event-modal-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#64748b;font-size:13px}.comm-event-modal-meta span{display:flex;align-items:flex-start;gap:8px}.comm-event-modal-description{margin:0 0 24px;color:#475569;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.comm-event-modal-location-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin:-8px 0 22px;color:#0d9488;font-size:13px;font-weight:700;text-decoration:none}.comm-event-modal-location-link:hover{color:#0f766e;text-decoration:underline}.comm-event-modal-actions{display:flex;flex-wrap:wrap;gap:8px}.comm-event-modal-join,.comm-event-modal-edit,.comm-event-modal-delete{border:0;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer}.comm-event-modal-join{background:#3acfa9;color:#fff}.comm-event-modal-join.attending{background:#64748b}.comm-event-modal-edit{background:#f0fdf9;color:#0d9488;border:1px solid #b7f0df}.comm-event-modal-delete{background:#fff1f2;color:#e11d48}.comm-event-form{display:flex;flex-direction:column;gap:14px}.comm-event-form label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:13px;font-weight:700}.comm-event-form input,.comm-event-form textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:#1e293b;outline:none}.comm-event-form input:focus,.comm-event-form textarea:focus{border-color:#3acfa9}@media (max-width: 600px){.comm-event-modal{padding:22px 16px}.comm-event-modal h2{font-size:21px}.comm-event-modal-actions>button{flex:1 1 100%}.comm-event-manage-btn{width:100%}}.comm-calendar-list{display:flex;flex-direction:column;gap:12px}.comm-calendar-list-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:12px;border:1px solid #f1f5f9;transition:all .15s ease}.comm-calendar-list-row:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.comm-calendar-list-date{text-align:center;min-width:48px}.comm-calendar-list-day{display:block;font-size:22px;font-weight:800;color:#1a1e2b;line-height:1}.comm-calendar-list-month{font-size:10px;font-weight:700;color:#3acfa9;text-transform:uppercase}.comm-calendar-list-info{flex:1;display:flex;flex-direction:column;gap:2px}.comm-calendar-list-time{font-size:11px;font-weight:600;color:#64748b}.comm-calendar-list-title{font-size:14px;font-weight:700;color:#1a1e2b}.comm-calendar-list-location{font-size:12px;color:#94a3b8}.comm-calendar-list-attendees{font-size:12px;font-weight:600;color:#64748b;white-space:nowrap}.comm-eventos-upcoming-title{font-size:18px;font-weight:600;color:#1a1e2b;margin:0 0 16px}.comm-eventos-upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comm-eventos-upcoming-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all .2s ease}.comm-eventos-upcoming-card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.comm-eventos-upcoming-date{width:56px;height:56px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.comm-eventos-upcoming-day{font-size:22px;font-weight:800;line-height:1}.comm-eventos-upcoming-month{font-size:10px;font-weight:700;text-transform:uppercase}.comm-eventos-upcoming-info{display:flex;flex-direction:column;gap:4px}.comm-eventos-upcoming-name{font-size:14px;font-weight:600;color:#1a1e2b;margin:0}.comm-eventos-upcoming-time{font-size:12px;color:#64748b}.comm-eventos-upcoming-count{font-size:12px;color:#94a3b8}.comm-eventos-upcoming-btn{width:100%;padding:10px 16px;border-radius:12px;border:1.5px solid #3ACFA9;background:#fff;color:#3acfa9;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.comm-eventos-upcoming-btn:hover{background:#f0fdf9}.comm-eventos-upcoming-btn.attending{background:#3acfa9;color:#fff;border-color:#3acfa9}.comm-eventos-upcoming-btn.attending:hover{background:#2eb488}.comm-eventos-cal-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease}.comm-eventos-cal-link:hover{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.comm-eventos-empty{background:#fff;border-radius:20px;padding:60px 40px;border:1px solid #f1f5f9;text-align:center;display:flex;flex-direction:column;align-items:center}.comm-events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;gap:12px;color:#94a3b8;font-size:14px}.comm-events-loading svg{animation:comm-skeleton-pulse 1.5s ease-in-out infinite}.comm-acerca-page{grid-column:1 / -1;display:flex;flex-direction:column;gap:24px;justify-self:start;align-self:start;width:100%;text-align:left}.comm-acerca-hero{display:grid;grid-template-columns:3fr 2fr;gap:20px;align-items:stretch}.comm-acerca-banner{position:relative;border-radius:20px;overflow:hidden;min-height:320px;background:#f1f5f9}.comm-acerca-banner-img{width:100%;height:100%;object-fit:cover;display:block}.comm-acerca-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000026,0 0 0 4px #0000001a;transition:all .2s ease;color:#1a1e2b}.comm-acerca-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 28px #0003}.comm-acerca-info-card{background:#fff;border-radius:20px;padding:28px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;text-align:left}.comm-acerca-name{font-size:20px;font-weight:600;color:#1a1e2b;margin:0 0 10px;text-align:left}.comm-acerca-badge{display:inline-block;background:#f0fdf9;color:#0d9488;font-size:11px;font-weight:700;padding:4px 12px;border-radius:8px;margin-bottom:14px;width:fit-content;text-align:left}.comm-acerca-desc{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 20px;flex:1;text-align:left}.comm-acerca-stats{display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.comm-acerca-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.comm-acerca-stat-num{font-size:20px;font-weight:800;color:#1a1e2b}.comm-acerca-stat-label{font-size:11px;color:#94a3b8;font-weight:600}.comm-acerca-avatars{display:flex;align-items:center;gap:10px;margin-bottom:20px}.comm-acerca-avatar-stack{display:flex}.comm-acerca-avatar{margin-left:-8px;border:2px solid white}.comm-acerca-avatar:first-child{margin-left:0}.comm-acerca-avatar-text{font-size:12px;color:#64748b}.comm-acerca-invite-btn{display:block;width:100%;padding:12px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s ease}.comm-acerca-invite-btn:hover{background:#2eb488;transform:translateY(-1px)}.comm-acerca-rules-card{background:#fff;border-radius:20px;padding:28px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000005}.comm-acerca-rules-title{font-size:18px;font-weight:600;color:#1a1e2b;margin:0 0 20px}.comm-acerca-rules-list{display:flex;flex-direction:column;gap:16px}.comm-acerca-rule{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #f1f5f9}.comm-acerca-rule-icon{width:40px;height:40px;border-radius:10px;background:#f0fdf9;color:#3acfa9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comm-acerca-rule-text{display:flex;flex-direction:column;gap:2px}.comm-acerca-rule-title{font-size:14px;font-weight:700;color:#1a1e2b}.comm-acerca-rule-desc{font-size:13px;color:#64748b;line-height:1.4}.comm-aprendizaje-page{grid-column:1 / -1;display:flex;flex-direction:column;gap:24px;justify-self:start;align-self:start;width:100%;text-align:left}.comm-aprendizaje-top{display:flex;flex-direction:column;text-align:left}.comm-aprendizaje-main-title{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 6px;text-align:left}.comm-aprendizaje-main-subtitle{font-size:13px;color:#94a3b8;margin:0}.comm-aprendizaje-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.comm-learn-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #f1f5f9;transition:all .2s ease;display:flex;flex-direction:column}.comm-learn-card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.comm-learn-card.locked{opacity:.85}.comm-learn-card-image{height:220px;position:relative;overflow:hidden;background:#f1f5f9}.comm-learn-card-img{width:100%;height:100%;object-fit:cover;display:block}.comm-learn-level{position:absolute;top:10px;left:10px;background:#00000040;color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.comm-learn-emoji{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.comm-learn-lock-overlay{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff}.comm-learn-lock-circle{width:44px;height:44px;background:#fff;border:2px solid white;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.comm-learn-lock-text{font-size:11px;font-weight:600;color:#fff;text-align:center;max-width:140px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3)}.comm-learn-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.comm-learn-unlock-info{display:flex;align-items:center;gap:6px;font-size:11px;color:#f59e0b;font-weight:600;margin-bottom:8px;background:#fffbeb;padding:6px 10px;border-radius:8px;line-height:1.3}.comm-learn-card-title{font-size:13px;font-weight:600;color:#1a1e2b;margin:0 0 6px;line-height:1.3}.comm-learn-card-desc{font-size:12px;color:#64748b;line-height:1.5;margin:0 0 14px;flex:1}.comm-learn-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f1f5f9;margin-bottom:10px}.comm-learn-status{font-size:11px;color:#94a3b8;font-weight:600}.comm-learn-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:10px 14px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.comm-learn-btn.open{background:#3acfa9;color:#fff}.comm-learn-btn.open:hover{background:#2eb488;transform:translateY(-1px)}.comm-learn-btn.locked{background:#f1f5f9;color:#94a3b8;cursor:default}.comm-unlock-modal{background:#fff;border-radius:20px;padding:0;max-width:420px;width:90%;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.comm-unlock-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#0000004d;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .15s ease}.comm-unlock-close:hover{background:#00000080}.comm-unlock-image{width:100%;height:200px;object-fit:cover;display:block}.comm-unlock-title{font-size:16px;font-weight:600;color:#1a1e2b;margin:20px 24px 8px;line-height:1.4}.comm-unlock-subtitle{font-size:12px;color:#94a3b8;margin:0 24px 20px}.comm-unlock-btn{display:block;width:calc(100% - 48px);margin:0 24px 24px;padding:12px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.comm-unlock-btn:hover{background:#2eb488;transform:translateY(-1px)}@media (max-width: 1400px){.comm-aprendizaje-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.community-triple-grid{grid-template-columns:280px 1fr}.comm-right-col{display:none}.comm-aprendizaje-grid,.comm-clasificacion-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.community-triple-grid{grid-template-columns:1fr}.comm-left-col{display:none}.comm-aprendizaje-grid,.comm-clasificacion-columns{grid-template-columns:1fr}.comm-clasificacion-top{flex-direction:column;gap:8px}.comm-eventos-top{flex-direction:column;gap:12px}.comm-eventos-controls{flex-wrap:wrap}.comm-calendar-cell{min-height:60px;padding:3px}.comm-calendar-event-chip{display:none}.comm-eventos-upcoming-grid{grid-template-columns:1fr}.comm-calendar-week-grid{gap:2px}.comm-calendar-week-col{min-height:200px}.comm-calendar-week-chip{padding:3px 4px}.comm-calendar-week-chip .comm-calendar-event-label{display:none}.comm-calendar-list-row{flex-wrap:wrap;gap:10px}.comm-acerca-hero{grid-template-columns:1fr}.comm-acerca-banner{min-height:200px}}.comm-comment-row{display:flex;gap:10px;align-items:flex-start;margin-top:12px;position:relative}.comm-comment-reply{margin-left:32px;margin-top:8px}.comm-comment-thread-line{position:absolute;left:-18px;top:14px;width:14px;height:1px;background:#e2e8f0}.comm-comment-content{flex:1;min-width:0}.comm-comment-bubble{background:#f8fafc;border-radius:12px;padding:8px 12px;display:inline-block;max-width:100%}.comm-comment-reply-to{display:block;font-size:10px;color:#3acfa9;font-weight:600;margin-bottom:2px}.comm-comment-author{font-size:12px;font-weight:700;color:#1a1e2b;margin-right:6px}.comm-comment-text{font-size:13px;color:#334155;line-height:1.5}.comm-comment-meta{display:flex;gap:12px;align-items:center;margin-top:4px;padding-left:4px}.comm-comment-time{font-size:11px;color:#94a3b8}.comm-comment-like-btn{background:none;border:none;cursor:pointer;font-size:11px;color:#94a3b8;padding:0;font-family:inherit;transition:color .15s}.comm-comment-like-btn.liked{color:#ef4444;font-weight:700}.comm-comment-like-btn:disabled{opacity:.5;cursor:default}.comm-comment-reply-btn{background:none;border:none;cursor:pointer;font-size:11px;color:#64748b;font-weight:600;padding:0;font-family:inherit;transition:color .15s}.comm-comment-reply-btn:hover{color:#3acfa9}.comm-comment-reply-btn:disabled{opacity:.5;cursor:default}.comm-comment-delete-btn{background:none;border:none;cursor:pointer;font-size:11px;color:#cbd5e1;padding:0;font-family:inherit;transition:color .15s}.comm-comment-delete-btn:hover{color:#ef4444}.comm-reply-inline{display:flex;gap:8px;align-items:center;margin-top:8px}.comm-reply-inline-input{flex:1;padding:6px 12px;border:1.5px solid #e2e8f0;border-radius:20px;font-size:12px;outline:none;font-family:inherit;transition:border-color .15s;background:#f8fafc}.comm-reply-inline-input:focus{border-color:#3acfa9;background:#fff}.comm-reply-send-btn{width:28px;height:28px;border-radius:50%;background:#3acfa9;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.comm-reply-send-btn:hover{background:#2bb896}.comm-media-image{position:relative;margin-top:12px;border-radius:12px;overflow:hidden;cursor:zoom-in;max-height:500px;background:#0f172a;display:flex;align-items:center;justify-content:center;min-height:200px}.comm-media-image-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(25px) brightness(.65);transform:scale(1.15);z-index:0}.comm-media-image img{position:relative;z-index:1;max-width:100%;max-height:500px;width:auto;height:auto;object-fit:contain;display:block;box-shadow:0 4px 24px #0000004d;transition:transform .2s ease}.comm-media-image:hover img{transform:scale(1.015)}.comm-media-image-actions{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;gap:6px}.comm-media-image-actions button,.comm-media-image-actions a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;color:#fff;background:#0f172aad;cursor:pointer;text-decoration:none;backdrop-filter:blur(4px)}.comm-media-image-actions button:hover,.comm-media-image-actions a:hover{background:#0f172ae6}.comm-media-expand-hint{position:absolute;bottom:8px;right:10px;background:#0000008c;color:#fff;font-size:10px;padding:4px 10px;border-radius:20px;pointer-events:none;opacity:0;z-index:2;transition:opacity .2s}.comm-media-image:hover .comm-media-expand-hint{opacity:1}.comm-share-wrap{position:relative}.comm-share-menu{position:absolute;z-index:20;bottom:calc(100% + 8px);left:0;display:flex;flex-direction:column;gap:2px;width:138px;padding:6px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 8px 24px #0f172a24}.comm-share-menu button{border:0;border-radius:7px;padding:7px 9px;color:#475569;background:transparent;font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer}.comm-share-menu button:hover{color:#0d9488;background:#f0fdf9}.comm-media-video{margin-top:10px;border-radius:12px;overflow:hidden;background:#000}.comm-media-video video{width:100%;max-height:360px;display:block}.comm-media-audio{display:flex;align-items:center;gap:12px;margin-top:10px;padding:4px 0;background:transparent;border:none;border-radius:12px}.comm-audio-icon{font-size:24px;flex-shrink:0}.comm-media-audio audio{width:100%;height:36px;min-width:0}.comm-audio-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.comm-audio-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.comm-audio-speed-label{font-size:11px;font-weight:600;color:#64748b}.comm-audio-speed-select{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:600;padding:4px 8px;outline:none}.comm-audio-speed-select:focus{border-color:#3acfa9}.comm-media-download{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:700;color:#0f766e;border:1px solid #99f6e4;background:#f0fdfa}.comm-media-download:hover{background:#e6fffa;border-color:#5eead4}.comm-media-doc{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:background .15s,border-color .15s}.comm-media-doc:hover{background:#f0fdf9;border-color:#b7f0df}.comm-doc-icon{font-size:28px;flex-shrink:0}.comm-doc-info{flex:1;min-width:0}.comm-doc-name{display:block;font-size:13px;font-weight:700;color:#1a1e2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-doc-type{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.comm-doc-arrow{font-size:18px;color:#3acfa9;font-weight:700;flex-shrink:0}.comm-save-btn{margin-left:auto}.comm-save-btn.saved svg{fill:#3acfa9}.comm-save-btn:hover svg{fill:#3acfa9;color:#3acfa9}.comm-lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:comm-fadein .2s ease}@keyframes comm-fadein{0%{opacity:0}to{opacity:1}}.comm-lightbox-content{position:relative;max-width:90vw;max-height:90vh;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px #00000080}.comm-lightbox-content img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.comm-lightbox-close{position:absolute;top:10px;right:12px;background:#00000080;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .15s}.comm-lightbox-close:hover{background:#000c}@media (max-width: 1024px){.comm-subnav{padding:8px 20px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.comm-subnav::-webkit-scrollbar{display:none}.community-triple-grid{grid-template-columns:220px 1fr;padding:20px!important;gap:16px}.comm-right-col{display:none}}@media (max-width: 768px){.community-triple-grid{grid-template-columns:1fr;padding:16px!important;gap:12px}.comm-left-col,.comm-right-col{display:none}.comm-subnav{padding:8px 16px 0;gap:2px}.comm-subnav-tab{padding:8px 12px;font-size:12px;white-space:nowrap}.comm-session-banner{padding:12px 16px;border-radius:14px;flex-direction:column;gap:10px;align-items:flex-start}.comm-session-join{width:100%;text-align:center}.comm-post-input-card{border-radius:14px;padding:12px}.comm-post-input-row{gap:10px}.comm-post-input-row input{font-size:13px;padding:6px 12px;height:36px}.comm-post-input-actions{gap:6px;flex-wrap:wrap}.comm-post-action{font-size:11px;padding:5px 10px}.comm-post-space-select{font-size:10px;padding:6px 8px}.comm-post-publish{font-size:12px;padding:7px 16px}.comm-tabs{gap:6px;margin-bottom:12px;justify-content:center;flex-wrap:nowrap}.comm-tabs::-webkit-scrollbar{display:none}.comm-tab{font-size:12px;padding:6px 12px;white-space:nowrap;flex-shrink:0}.comm-post-card{border-radius:16px;padding:14px;margin-bottom:12px}.comm-post-header{gap:10px}.comm-post-user-name{font-size:13px}.comm-post-user-meta{font-size:11px}.comm-post-body p{font-size:13px;line-height:1.5}.comm-post-image img{max-height:400px}.comm-post-actions{gap:8px;flex-wrap:wrap}.comm-action-btn{font-size:12px;padding:5px 8px}.comm-comment-row{gap:8px}.comm-comment-reply{margin-left:24px}.comm-comment-bubble{padding:6px 10px}.comm-reply-inline{gap:6px}.comm-reply-inline-input{font-size:11px;padding:5px 10px}.comm-clasificacion-top{flex-direction:column;gap:8px}.comm-clasificacion-main-title{font-size:18px}.comm-clasificacion-columns{grid-template-columns:1fr;gap:12px}.comm-clasificacion-col-card{padding:16px;border-radius:16px}.comm-clasificacion-col-title{font-size:16px;margin-bottom:12px}.comm-clasificacion-col-list{max-height:300px}.comm-clasificacion-col-row{padding:8px 10px}.comm-clasificacion-col-name,.comm-clasificacion-col-points{font-size:13px}.comm-eventos-top{flex-direction:column;gap:12px}.comm-eventos-main-title{font-size:18px}.comm-eventos-controls{flex-wrap:wrap;gap:8px}.comm-eventos-upcoming-grid{grid-template-columns:1fr}.comm-eventos-upcoming-card{padding:16px}.comm-calendar-card{padding:16px;border-radius:16px}.comm-calendar-month-title{font-size:16px}.comm-calendar-cell{min-height:50px;padding:2px}.comm-calendar-day-num{font-size:10px}.comm-calendar-day-num.today-num{width:20px;height:20px;font-size:10px}.comm-calendar-event-chip{display:none}.comm-calendar-week-grid{gap:2px}.comm-calendar-week-col{min-height:180px}.comm-calendar-week-header{padding:8px 0}.comm-calendar-week-dayname{font-size:9px}.comm-calendar-week-daynum{font-size:14px}.comm-calendar-week-chip{padding:3px 4px}.comm-calendar-week-chip .comm-calendar-event-label{display:none}.comm-calendar-list-row{flex-wrap:wrap;gap:8px;padding:10px 12px}.comm-calendar-list-day{font-size:18px}.comm-calendar-list-title{font-size:13px}.comm-acerca-hero{grid-template-columns:1fr}.comm-acerca-banner{min-height:180px}.comm-acerca-info-card{padding:20px}.comm-acerca-name{font-size:18px}.comm-acerca-stats{gap:12px}.comm-acerca-stat-num{font-size:16px}.comm-acerca-rules-card{padding:20px}.comm-acerca-rule{padding:12px}.comm-aprendizaje-grid{grid-template-columns:1fr}.comm-learn-card-image{height:160px}.comm-learn-card-body{padding:12px}.comm-lightbox-content img{max-width:95vw;max-height:85vh}.content-scroll.community-triple-grid{overflow-x:hidden}.comm-post-body{overflow:hidden;word-break:break-word}.comm-post-body p{overflow-wrap:break-word;word-break:break-word}}@media (max-width: 480px){.community-triple-grid{padding:12px!important;gap:10px}.comm-subnav{padding:6px 12px 0;justify-content:center;gap:0}.comm-subnav-label{display:none}.comm-subnav-tab{padding:8px 14px;font-size:0;gap:0}.comm-subnav-tab svg{width:22px;height:22px}.comm-subnav-tab.active{border-bottom-width:3px}.comm-session-banner{padding:10px 12px;border-radius:12px}.comm-session-text strong{font-size:12px}.comm-session-text span{font-size:10px}.create-post-minimal{border-radius:14px;margin-bottom:12px}.create-row{gap:10px;flex-wrap:wrap}.create-row input{font-size:13px;min-width:0;flex:1 1 100%}.btn-publish-comm{font-size:12px;padding:6px 16px;flex-shrink:0}.comm-post-input-card{padding:10px;border-radius:12px}.comm-post-input-row{gap:8px}.comm-post-input-row input{font-size:12px;padding:5px 10px;height:34px;border-radius:10px}.comm-post-input-actions{padding-top:10px;margin-top:10px}.comm-post-action{font-size:10px;padding:4px 8px;gap:4px}.comm-post-action svg{width:14px;height:14px}.comm-post-space-tag{font-size:10px;padding:6px 10px}.comm-post-space-select{font-size:10px;padding:5px 6px}.comm-post-publish{font-size:11px;padding:6px 14px}.comm-post-card{border-radius:14px;padding:12px;margin-bottom:10px}.comm-post-header{gap:8px;margin-bottom:10px}.comm-post-user-name{font-size:12px}.comm-post-user-meta{font-size:10px}.comm-post-right{gap:4px}.comm-post-space{font-size:9px;padding:2px 6px}.comm-post-body p{font-size:12px;line-height:1.5;margin-bottom:8px}.comm-post-image img{max-height:300px}.comm-post-link{padding:10px 12px}.comm-post-actions{gap:6px;margin-top:12px;padding-top:10px}.comm-action-btn{font-size:11px;padding:4px 6px;gap:4px}.comm-action-btn svg{width:14px;height:14px}.comm-comment-row{gap:6px}.comm-comment-reply{margin-left:20px}.comm-comment-bubble{padding:6px 8px;border-radius:10px}.comm-comment-author{font-size:11px}.comm-comment-text{font-size:12px}.comm-comment-meta{gap:8px}.comm-view-all-comments{font-size:11px;padding-left:26px}.comm-reply-inline-input{font-size:11px;padding:4px 8px}.comm-clasificacion-main-title{font-size:16px}.comm-clasificacion-col-card{padding:14px;border-radius:14px}.comm-clasificacion-col-title{font-size:14px}.comm-clasificacion-col-row{padding:6px 8px}.comm-clasificacion-col-rank{width:24px;height:24px;font-size:10px}.comm-clasificacion-col-name,.comm-clasificacion-col-points{font-size:12px}.comm-eventos-main-title{font-size:16px}.comm-eventos-view-btn,.comm-eventos-today-btn{padding:5px 10px;font-size:11px}.comm-eventos-nav-btn{width:28px;height:28px}.comm-eventos-upcoming-card{padding:14px;border-radius:14px}.comm-eventos-upcoming-date{width:48px;height:48px}.comm-eventos-upcoming-day{font-size:18px}.comm-eventos-upcoming-name{font-size:13px}.comm-eventos-upcoming-btn{font-size:12px;padding:8px 12px}.comm-calendar-card{padding:12px}.comm-calendar-month-title{font-size:14px;margin-bottom:12px}.comm-calendar-day-header{font-size:9px;padding:4px 0 8px}.comm-calendar-cell{min-height:40px;padding:2px;border-radius:6px}.comm-calendar-day-num{font-size:9px;margin-bottom:2px}.comm-calendar-day-num.today-num{width:18px;height:18px;font-size:9px}.comm-calendar-week-col{min-height:140px}.comm-calendar-week-dayname{font-size:8px}.comm-calendar-week-daynum{font-size:12px}.comm-calendar-list-row{padding:8px 10px}.comm-calendar-list-day{font-size:16px}.comm-calendar-list-month{font-size:8px}.comm-calendar-list-title{font-size:12px}.comm-calendar-list-time{font-size:10px}.comm-acerca-banner{min-height:160px}.comm-acerca-play-btn{width:48px;height:48px}.comm-acerca-info-card{padding:16px}.comm-acerca-name{font-size:16px}.comm-acerca-desc{font-size:12px}.comm-acerca-stats{gap:8px}.comm-acerca-stat-num{font-size:14px}.comm-acerca-stat-label{font-size:10px}.comm-acerca-rules-card{padding:16px}.comm-acerca-rules-title{font-size:15px}.comm-acerca-rule{padding:10px;gap:10px}.comm-acerca-rule-icon{width:32px;height:32px}.comm-acerca-rule-title{font-size:12px}.comm-acerca-rule-desc{font-size:11px}.comm-aprendizaje-main-title{font-size:16px}.comm-learn-card-image{height:140px}.comm-learn-emoji{font-size:28px}.comm-learn-card-body{padding:10px}.comm-learn-card-title{font-size:12px}.comm-learn-card-desc{font-size:11px}.comm-learn-btn{font-size:12px;padding:8px 12px}.comm-unlock-modal{max-width:95%;border-radius:16px}.comm-unlock-title{font-size:14px;margin:16px 16px 6px}.comm-unlock-subtitle{font-size:11px;margin:0 16px 16px}.comm-unlock-btn{width:calc(100% - 32px);margin:0 16px 16px;font-size:13px}.comm-unlock-image{height:140px}.create-post-minimal{overflow:hidden}.create-post-minimal .create-row{flex-wrap:wrap;gap:10px}.create-post-minimal .create-row>div:last-child{flex:1 1 100%;min-width:0}.create-post-minimal .btn-publish-comm{flex-shrink:0}.comm-post-body{overflow:hidden;word-break:break-word}.comm-post-body p{overflow-wrap:break-word;word-break:break-word}.comm-post-link{overflow:hidden}.comm-post-link>div{min-width:0}.comm-post-header{flex-wrap:nowrap}.comm-post-right{flex-shrink:0}.comm-post-actions{flex-wrap:wrap;gap:6px}.content-scroll.community-triple-grid{overflow-x:hidden}}.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:600;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;position:relative;overflow:hidden;border-radius:16px}.wallet-card-dark:before{content:"";position:absolute;top:-30px;right:-30px;width:140px;height:140px;background:#3acfa9;border-radius:50%;opacity:.15}.wallet-card-dark:after{content:"";position:absolute;bottom:-40px;left:-20px;width:100px;height:100px;background:#3acfa9;border-radius:50%;opacity:.1}.wallet-label{font-size:11px;font-weight:700;color:#ffffff80;margin-bottom:8px}.wallet-balance{font-size:44px;font-weight:800;margin-bottom:4px;letter-spacing:-1px}.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:5px;background:#ffffff1f;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:#3acfa9;border-radius:10px}.btn-redeem{background:#ffffff14;color:#fff;border:1.5px solid rgba(255,255,255,.25);padding:10px 20px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;margin-top:0}.btn-redeem:hover{background:#ffffff24}.btn-recharge{background:#3acfa9;color:#fff;border:1.5px solid #3ACFA9;padding:10px 20px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;margin-top:0;display:inline-flex;align-items:center;gap:6px}.btn-recharge:hover{background:#2fb892}.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;min-width:0}.h-date{font-size:11px;color:#cbd5e1;min-width:0}.h-desc{font-size:13px;font-weight:700;color:#475569;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-tag{font-size:9px;font-weight:800;text-align:center;padding:2px 6px;border-radius:4px;text-transform:uppercase;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;white-space:nowrap}.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;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.redeem-modal{background:#fff;border-radius:20px;width:90%;max-width:820px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.redeem-header{background:#1a1e2b;border-radius:20px 20px 0 0;padding:28px 32px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden}.redeem-header:before{content:"";position:absolute;top:-30px;right:-30px;width:140px;height:140px;background:#3acfa9;border-radius:50%;opacity:.15}.redeem-header:after{content:"";position:absolute;bottom:-40px;right:40px;width:100px;height:100px;background:#3acfa9;border-radius:50%;opacity:.1}.redeem-header-left{position:relative;z-index:1}.redeem-header h2{font-size:22px;font-weight:600;color:#fff;margin:0 0 6px;text-align:left}.redeem-balance{color:#fff9;font-size:14px;margin:0;display:flex;align-items:center;gap:6px}.redeem-balance strong{color:#fff;font-size:18px;font-weight:800}.redeem-balance-coin{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#3acfa9;border-radius:50%;color:#fff;font-size:11px;font-weight:800}.redeem-close{position:relative;z-index:1;background:#ffffff1f!important;border:none!important;cursor:pointer;color:#ffffffb3!important;padding:8px!important;border-radius:10px!important}.redeem-close:hover{background:#fff3!important;color:#fff!important}.redeem-filters{display:flex;gap:8px;padding:20px 32px 0;flex-wrap:wrap}.redeem-filter-btn{padding:8px 18px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.redeem-filter-btn:hover{border-color:#3acfa9;color:#3acfa9}.redeem-filter-btn.active{background:#1a1e2b;color:#fff;border-color:#1a1e2b}.redeem-msg{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;margin:12px 32px 0}.redeem-msg.success{background:#e6fcf5;color:#0e9f6e}.redeem-msg.error{background:#fff1f2;color:#ef4444}.redeem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 32px 32px}.redeem-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:0;position:relative;transition:box-shadow .15s}.redeem-card:hover{box-shadow:0 4px 16px #0000000f}.redeem-badge{position:absolute;top:12px;left:12px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700}.redeem-badge-popular,.redeem-badge-savings{background:#fff3e0;color:#f57c00}.redeem-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;align-self:flex-end}.redeem-card-icon.green{background:#e6fcf5;color:#3acfa9}.redeem-card-icon.purple{background:#f3e8ff;color:#9333ea}.redeem-card-icon.blue{background:#e0f2fe;color:#0284c7}.redeem-card-icon.orange{background:#fff7ed;color:#ea580c}.redeem-card-icon.pink{background:#fdf2f8;color:#db2777}.redeem-card-icon.yellow{background:#fefce8;color:#ca8a04}.redeem-card-body{flex:1}.redeem-card h3{font-size:15px;font-weight:700;color:#1a1e2b;margin:0 0 4px}.redeem-card p{font-size:12px;color:#94a3b8;margin:0 0 16px;line-height:1.4}.redeem-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.redeem-cost{font-size:18px;font-weight:800;color:#1a1e2b;display:flex;align-items:center;gap:4px}.redeem-cost-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#3acfa9;border-radius:50%;color:#fff;font-size:10px;font-weight:800}.btn-redeem-item{padding:8px 20px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}.btn-redeem-item.can-afford{background:#3acfa9;color:#fff}.btn-redeem-item.can-afford:hover{background:#2fb892}.btn-redeem-item.insufficient{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}@media (max-width: 1200px){.earn-stats-grid,.earn-middle-grid,.earn-bottom-grid{grid-template-columns:1fr}.redeem-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.redeem-grid{grid-template-columns:1fr}}.confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .15s ease}.confirm-modal{background:#fff;border-radius:20px;padding:40px 36px 36px;max-width:440px;width:90%;position:relative;text-align:center;box-shadow:0 20px 60px #00000040}.confirm-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;cursor:pointer;color:#94a3b8;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-close:hover{background:#e2e8f0;color:#64748b}.confirm-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-icon.green{background:#e6fcf5;color:#3acfa9}.confirm-icon.purple{background:#f3e8ff;color:#9333ea}.confirm-icon.blue{background:#e0f2fe;color:#0284c7}.confirm-icon.orange{background:#fff7ed;color:#ea580c}.confirm-icon.pink{background:#fdf2f8;color:#db2777}.confirm-icon.yellow{background:#fefce8;color:#ca8a04}.confirm-title{font-size:20px;font-weight:600;color:#1a1e2b;margin:0 0 6px}.confirm-subtitle{font-size:14px;color:#94a3b8;margin:0 0 24px}.confirm-details{background:#f8fafc;border-radius:14px;overflow:hidden;margin-bottom:16px;text-align:left}.confirm-details-top{padding:16px 20px;border-bottom:1px solid #f1f5f9}.confirm-details-top h3{font-size:15px;font-weight:700;color:#1a1e2b;margin:0 0 4px}.confirm-details-top p{font-size:13px;color:#94a3b8;margin:0}.confirm-details-bottom{padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.confirm-cost-label{font-size:13px;color:#94a3b8}.confirm-cost-value{font-size:20px;font-weight:800;color:#1a1e2b;display:flex;align-items:center;gap:6px}.confirm-remaining{background:#e6fcf5;color:#0e9f6e;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:600;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-actions{display:flex;gap:12px}.confirm-btn-cancel{flex:1;padding:14px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-weight:700;font-size:14px;cursor:pointer}.confirm-btn-cancel:hover{border-color:#cbd5e1;background:#f8fafc}.confirm-btn-accept{flex:1.5;padding:14px;border:none;border-radius:12px;background:#3acfa9;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.confirm-btn-accept:hover{background:#2fb892}.confirm-btn-accept:disabled{background:#94e4cc;cursor:not-allowed}.success-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn .15s ease}.success-modal{background:#fff;border-radius:20px;max-width:440px;width:90%;overflow:hidden;box-shadow:0 20px 60px #00000040;position:relative}.success-close{position:absolute;top:12px;right:12px;z-index:2;background:#fff3;border:none;cursor:pointer;color:#fff;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-close:hover{background:#ffffff59}.success-header{background:linear-gradient(135deg,#3acfa9,#36c49c);padding:40px 32px 56px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.success-particles{position:absolute;inset:0;pointer-events:none}.success-particle{position:absolute;width:8px;height:8px;background:#ffffff40;border-radius:50%}.success-particle.p0{top:15%;left:12%;width:6px;height:6px}.success-particle.p1{top:25%;left:22%;width:10px;height:10px}.success-particle.p2{top:40%;left:8%;width:5px;height:5px}.success-particle.p3{top:60%;left:18%;width:7px;height:7px}.success-particle.p4{top:10%;right:15%;width:6px;height:6px}.success-particle.p5{top:30%;right:10%;width:8px;height:8px}.success-particle.p6{top:50%;right:20%;width:5px;height:5px}.success-particle.p7{top:70%;right:12%;width:9px;height:9px}.success-check{width:100px;height:100px;border-radius:50%;border:5px solid white;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:1}.success-body{padding:32px 36px 36px;text-align:center}.success-title{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.success-subtitle{font-size:14px;color:#94a3b8;margin:0 0 28px;line-height:1.5}.success-summary{background:#f8fafc;border-radius:14px;padding:4px 20px;margin-bottom:28px;text-align:left}.success-summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:13px;color:#64748b}.success-summary-row:first-child{border-bottom:1px solid #f1f5f9}.success-cost{font-weight:700;color:#1a1e2b}.success-balance{font-size:18px;font-weight:800;color:#3acfa9;display:flex;align-items:center;gap:4px}.success-btn{width:100%;padding:16px;border:none;border-radius:14px;background:#3acfa9;color:#fff;font-weight:700;font-size:15px;cursor:pointer}.success-btn:hover{background:#2fb892}@media (max-width: 1100px){.earn-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.earn-middle-grid,.earn-bottom-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.earn-container{padding:16px 12px 24px!important;gap:16px}.earn-card{padding:18px;border-radius:18px}.earn-stats-grid{grid-template-columns:1fr;gap:12px}.wallet-balance{font-size:36px}.wallet-card-dark>div:last-child{flex-wrap:wrap;justify-content:stretch!important}.wallet-card-dark>div:last-child button{flex:1 1 140px}.streak-days{gap:6px}.quest-item{align-items:flex-start;gap:10px;padding:12px}.quest-info{min-width:0}.quest-action{flex-wrap:wrap;justify-content:flex-end;gap:6px}.league-top-three{gap:8px}.history-tabs{gap:18px}.h-row{grid-template-columns:64px minmax(0,1fr) 52px 48px;gap:8px;padding:12px 0}.h-desc{font-size:12px}.h-tag,.h-amount{font-size:10px}.rules-list{gap:12px}}@media (max-width: 420px){.h-row{grid-template-columns:58px minmax(0,1fr) 44px 42px;gap:6px}.h-date,.h-desc,.h-tag,.h-amount{font-size:10px}.h-tag{padding:2px 4px}}.recharge-container{padding:24px 32px 48px;width:100%;box-sizing:border-box}.recharge-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:20px}.recharge-back:hover{color:#1a1e2b}.recharge-hero{background:#1a1e2b;border-radius:18px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;position:relative;overflow:hidden}.recharge-hero:before{content:"";position:absolute;top:-40px;right:-20px;width:180px;height:180px;background:#3acfa9;border-radius:50%;opacity:.1}.recharge-hero:after{content:"";position:absolute;bottom:-50px;right:80px;width:120px;height:120px;background:#3acfa9;border-radius:50%;opacity:.07}.recharge-hero-content{position:relative;z-index:1;max-width:500px}.recharge-badge{display:inline-flex;align-items:center;gap:5px;background:#3acfa926;color:#3acfa9;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.recharge-hero h1{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.recharge-hero p{font-size:14px;color:#ffffff80;margin:0;line-height:1.5}.recharge-hero-balance{position:relative;z-index:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 24px;text-align:center;min-width:140px}.recharge-balance-label{font-size:10px;font-weight:700;color:#fff6;letter-spacing:.8px;display:block;margin-bottom:6px}.recharge-balance-val{font-size:28px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px}.coin-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3acfa9;border-radius:50%;color:#fff;font-size:11px;font-weight:800}.recharge-balance-sub{font-size:11px;color:#fff6;display:block;margin-top:2px}.recharge-section{margin-bottom:24px}.recharge-section h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 4px}.recharge-section-sub{font-size:13px;color:#94a3b8;margin:0 0 24px}.recharge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.recharge-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;padding:24px 16px 18px;text-align:center;cursor:pointer;transition:all .15s;position:relative}.recharge-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.recharge-card.selected{border-color:#3acfa9;background:#f0fdf9;box-shadow:0 0 0 1px #3acfa9}.recharge-card.popular{border-color:#3acfa9}.recharge-card.popular.selected{box-shadow:0 0 0 2px #3acfa9}.recharge-card-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:1}.badge-green{background:#3acfa9;color:#fff}.badge-orange{background:#fff7ed;color:#ea580c}.recharge-card-icon{margin-bottom:12px}.coin-icon-lg{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3acfa9;border-radius:50%;color:#fff;font-size:20px;font-weight:800}.recharge-card-coins{font-size:24px;font-weight:800;color:#1a1e2b;margin-bottom:2px}.recharge-card-sub{font-size:12px;color:#94a3b8;margin-bottom:16px}.recharge-card-footer{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:10px;padding:10px 14px;margin-top:12px}.recharge-card-price{font-size:15px;font-weight:700;color:#1a1e2b}.recharge-card-discount{font-size:12px;font-weight:700;color:#3acfa9;background:#e6fcf5;padding:2px 8px;border-radius:6px}.recharge-card-base{font-size:11px;color:#94a3b8}.recharge-card-custom{border-style:solid;border-color:#f1f5f9}.recharge-card-custom:hover{border-color:#cbd5e1}.recharge-card-custom-icon{margin-bottom:12px;width:60px;height:60px;background:#e6fcf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.recharge-card-custom-icon svg{width:40px;height:40px}.recharge-custom-input{margin-top:16px;display:flex;align-items:center;gap:12px}.recharge-custom-input label{font-size:13px;font-weight:600;color:#64748b}.recharge-custom-input input{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#1a1e2b;width:140px;outline:none}.recharge-custom-input input:focus{border-color:#9333ea}.recharge-custom-est{font-size:13px;color:#94a3b8}.recharge-summary-bar{background:#1a1e2b;border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recharge-summary-label{font-size:10px;font-weight:700;color:#3acfa9;letter-spacing:1px;display:block;margin-bottom:4px}.recharge-summary-detail{font-size:16px;color:#ffffffb3}.recharge-summary-detail strong{font-size:22px;font-weight:800;color:#fff}.recharge-summary-btn{background:#3acfa9;color:#fff;border:none;padding:14px 32px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer}.recharge-summary-btn:hover{background:#2fb892}.recharge-summary-btn:disabled{background:#94e4cc;cursor:not-allowed}.recharge-trust{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.recharge-trust span{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.recharge-trust span svg{color:#3acfa9}.recharge-faq{background:#f8fafc;border-radius:16px;padding:24px 28px}.recharge-faq h3{font-size:15px;font-weight:700;color:#1a1e2b;margin:0 0 16px}.recharge-faq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.recharge-faq-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px}.recharge-faq-icon{width:36px;height:36px;background:#e6fcf5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3acfa9;flex-shrink:0}.recharge-faq-title{font-size:12px;font-weight:700;color:#1a1e2b;display:block;margin-bottom:2px}.recharge-faq-cost{font-size:11px;color:#3acfa9;font-weight:600}@media (max-width: 1200px){.recharge-container{padding:24px 24px 40px}}@media (max-width: 768px){.recharge-container{padding:16px 16px 32px}.recharge-hero{flex-direction:column;gap:16px;padding:20px;border-radius:14px}.recharge-hero h1{font-size:22px}.recharge-hero p{font-size:13px}.recharge-hero-balance{width:100%}.recharge-grid{grid-template-columns:repeat(2,1fr);gap:10px}.recharge-card{padding:18px 12px 14px}.recharge-card-coins{font-size:20px}.recharge-card-footer{padding:8px 10px}.recharge-card-price{font-size:13px}.recharge-section h2{font-size:18px}.recharge-faq-grid{grid-template-columns:1fr}.recharge-summary-bar{flex-direction:column;gap:12px;text-align:center;border-radius:14px;padding:16px 20px}.recharge-summary-btn{width:100%}.recharge-trust{gap:12px;justify-content:center}}@media (min-width: 769px) and (max-width: 1100px){.recharge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recharge-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.custom-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.custom-modal{background:#fff;border-radius:20px;padding:36px 32px 32px;max-width:420px;width:90%;position:relative;text-align:center;box-shadow:0 20px 60px #00000040;max-height:calc(100dvh - 24px);overflow-y:auto}.custom-close{position:absolute;top:14px;right:14px;background:#f1f5f9;border:none;cursor:pointer;color:#94a3b8;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.custom-close:hover{background:#e2e8f0;color:#64748b}.custom-icon-wrap{width:72px;height:72px;background:#e6fcf5;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.custom-modal h2{font-size:20px;font-weight:600;color:#1a1e2b;margin:0 0 4px}.custom-sub{font-size:13px;color:#94a3b8;margin:0 0 24px}.custom-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.custom-preset-btn{padding:10px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#1a1e2b;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.custom-preset-btn:hover{border-color:#3acfa9;color:#3acfa9}.custom-preset-btn.active{border-color:#3acfa9;background:#e6fcf5;color:#3acfa9}.custom-slider-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.custom-adjust{width:32px;height:32px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.custom-adjust:hover{border-color:#3acfa9;color:#3acfa9}.custom-slider{flex:1;-webkit-appearance:none;height:6px;border-radius:3px;background:#e2e8f0;outline:none}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#3acfa9;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000026}.custom-amount-display{margin-bottom:16px}.custom-amount-val{font-size:36px;font-weight:800;color:#1a1e2b;display:block}.custom-amount-label{font-size:13px;color:#94a3b8}.custom-price-est{font-size:13px;color:#64748b;margin-bottom:24px}.custom-price-est strong{color:#1a1e2b}.custom-confirm-btn{width:100%;padding:14px;border:none;border-radius:12px;background:#3acfa9;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.custom-confirm-btn:hover{background:#2fb892}.custom-confirm-btn:disabled{background:#94e4cc;cursor:not-allowed}.checkout-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .15s ease}.checkout-modal{background:#fff;border-radius:20px;max-width:820px;width:95%;max-height:95vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 20px 60px #0000004d;scrollbar-width:thin}.checkout-modal::-webkit-scrollbar{width:4px}.checkout-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.checkout-form-stripe{display:flex;flex-direction:column;min-height:100%}.checkout-form-stripe .checkout-modal-stripe-body{flex:1}.checkout-modal-close{position:absolute;top:14px;right:14px;z-index:2;background:#f1f5f9;border:none;cursor:pointer;color:#94a3b8;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.checkout-modal-close:hover{background:#e2e8f0;color:#64748b}.checkout-modal-header{padding:28px 32px 20px;border-bottom:1px solid #f1f5f9}.checkout-modal-header h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 4px}.checkout-modal-header p{font-size:13px;color:#94a3b8;margin:0}.checkout-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.checkout-modal-left{padding:24px 28px;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;gap:16px}.checkout-modal-right{padding:24px 28px}.checkout-modal-right h3{font-size:14px;font-weight:700;color:#1a1e2b;margin:0 0 16px}.checkout-modal-section{background:#f8fafc;border-radius:12px;padding:18px}.checkout-modal-section h3{font-size:13px;font-weight:700;color:#1a1e2b;margin:0 0 8px}.checkout-modal-section p{font-size:12px;color:#64748b;line-height:1.5;margin:0 0 12px}.checkout-modal-info-icon{width:36px;height:36px;background:#e6fcf5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3acfa9;margin-bottom:10px}.checkout-modal-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.checkout-modal-checklist li{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px}.checkout-modal-checklist li svg{color:#3acfa9;flex-shrink:0}.checkout-modal-input{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;color:#1a1e2b;background:#fff;outline:none;box-sizing:border-box}.checkout-modal-hint{display:block;font-size:11px;color:#94a3b8;margin-top:4px}.checkout-modal-pack{display:flex;align-items:center;gap:10px;background:#f8fafc;border-radius:10px;padding:12px;margin-bottom:14px}.checkout-modal-pack-icon{flex-shrink:0}.checkout-modal-pack-coins{font-size:14px;font-weight:700;color:#1a1e2b;display:block}.checkout-modal-pack-name{font-size:11px;color:#3acfa9;display:block}.checkout-modal-promo{display:flex;align-items:center;gap:8px;border:1px dashed #e2e8f0;border-radius:8px;padding:8px 10px;margin-bottom:14px}.checkout-modal-promo svg{color:#94a3b8;flex-shrink:0}.checkout-modal-promo input{flex:1;border:none;outline:none;font-size:12px;color:#1a1e2b;background:transparent;font-family:inherit}.checkout-modal-promo input::placeholder{color:#cbd5e1}.checkout-modal-promo button{background:none;border:none;color:#3acfa9;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.checkout-modal-promo button:disabled{color:#94a3b8;cursor:not-allowed}.checkout-modal-prices{border-top:1px solid #f1f5f9;padding-top:12px;margin-bottom:10px}.checkout-modal-price-row{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:6px}.checkout-modal-price-row.discount{color:#3acfa9}.checkout-modal-total{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f1f5f9;margin-bottom:14px}.checkout-modal-total span:first-child{font-size:13px;font-weight:700;color:#1a1e2b}.checkout-modal-total-val{font-size:20px;font-weight:800;color:#3acfa9}.checkout-modal-available{background:#e6fcf5;color:#0e9f6e;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:14px}.checkout-modal-pay-btn{width:100%;padding:14px;border:none;border-radius:10px;background:#3acfa9;color:#fff;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.checkout-modal-pay-btn:hover{background:#2fb892}.checkout-modal-trust{text-align:center;font-size:11px;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:4px}.checkout-modal-trust svg{color:#3acfa9}.stripe-header-modal{text-align:center;border-bottom:1px solid #f1f5f9}.stripe-logo-modal{width:52px;height:52px;background:#635bff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 12px}.checkout-modal-status{padding:52px 32px;text-align:center}.checkout-modal-status h3{font-size:18px;font-weight:600;color:#1a1e2b;margin:0 0 6px}.checkout-modal-status p{font-size:13px;color:#94a3b8;margin:0 0 24px}.checkout-modal-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#635bff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.checkout-modal-success-icon{color:#3acfa9;margin-bottom:16px}.checkout-modal-error-icon{color:#ef4444;margin-bottom:16px}.checkout-modal-done-btn{padding:12px 32px;border:none;border-radius:10px;background:#3acfa9;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.checkout-modal-done-btn:hover{background:#2fb892}.checkout-modal-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:checkoutSpin .6s linear infinite;display:inline-block;margin-right:6px}.checkout-modal-stripe-body{padding:24px;min-height:100px}.checkout-modal-stripe-body .StripeElement,.checkout-modal-stripe-body .__PrivateStripeElement{width:100%!important;display:block}.checkout-modal-stripe-error{margin-top:12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.checkout-modal-stripe-footer{padding:16px 24px;border-top:1px solid #f1f5f9}.checkout-modal-stripe-actions{display:flex;gap:10px}.checkout-modal-stripe-back{padding:14px 20px;background:#f1f5f9;color:#64748b;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.checkout-modal-stripe-back:hover{background:#e2e8f0;color:#1a1e2b}.checkout-modal-stripe-pay{width:100%;padding:14px;background:#3acfa9;color:#0f172a;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;flex:1}.checkout-modal-stripe-pay:hover{background:#2fb892}.checkout-modal-stripe-pay:disabled{opacity:.6;cursor:not-allowed}.checkout-modal-stripe-trust{text-align:center;margin-top:10px;color:#94a3b8;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px}@media (max-width: 900px){.checkout-modal{max-width:98%}}@media (max-width: 768px){.checkout-modal{max-width:98%}.checkout-modal-body{grid-template-columns:1fr}.checkout-modal-left{border-right:none;border-bottom:1px solid #f1f5f9}.checkout-modal-stripe-body{padding:16px}}.referidos-page{width:min(1200px,100%);margin:0 auto}.referidos-page .header-greeting p{max-width:720px}.referidos-stats{margin-bottom:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.referidos-stat-card{border:1px solid #eef2f7;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.referidos-stat-card:hover{transform:translateY(-2px);border-color:#3acfa942;box-shadow:0 8px 20px #0f172a0f}.referidos-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;align-items:start}.referidos-two-col .referidos-link-card,.referidos-two-col .referidos-rules-card{margin-bottom:0}.referidos-link-card{background:linear-gradient(180deg,#fff,#fcfffe);border:1px solid #edf7f4}.referidos-rules-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #edf2f8}.referidos-stat-card .stat-value{font-size:2rem}.referidos-link-card{margin-bottom:0}.referidos-link-box{display:flex;gap:10px;margin:16px 0;align-items:center}.referidos-link-input{flex:1;min-width:0;padding:10px 14px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:13px;color:#1a1e2b;background:#f8fafc;font-family:inherit;cursor:text;text-transform:uppercase}.referidos-link-card .card-title-row h2,.referidos-rules-card .card-title-row h2,.referidos-milestones-card .card-title-row h2,.referidos-history-card .card-title-row h2{letter-spacing:.1px}.referidos-link-input:focus{border-color:#3acfa9;outline:none}.referidos-link-input::placeholder{text-transform:none}.referidos-copy-btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.referidos-edit-code{margin-top:16px;display:flex;flex-direction:column;gap:10px}.referidos-edit-actions{display:flex;gap:10px}.referidos-code-error{color:#ef4444;font-size:12px}.referidos-share-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.referidos-share-btn{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px!important;padding:8px 16px!important;border:1px solid #f1f5f9!important;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.referidos-share-btn:hover{transform:translateY(-2px);background-color:#f8fafc;box-shadow:0 4px 12px #0000000f;border-color:#e2e8f0!important}.referidos-milestones-card{margin-bottom:24px;border:1px solid #ebf4f1;background:linear-gradient(180deg,#fff,#fbfffd)}.referidos-progress-text{font-size:12px;color:#3acfa9;font-weight:700}.referidos-milestones-grid{display:flex;justify-content:space-between;gap:12px;margin:20px 0;flex-wrap:wrap}.referidos-milestone-light{flex:1;min-width:130px;background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;padding:22px 12px 18px;text-align:center;transition:all .2s ease}.referidos-milestone-light.unlocked{border-color:#3acfa966;background:#f0fdf9}.referidos-milestone-light.locked{opacity:.85}.referidos-milestone-light.claimed{border-color:#3acfa980;background:#f0fdf9}.referidos-claim-btn{margin-top:10px;background:#3acfa9;color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.referidos-claim-btn:hover{background:#2eb488;transform:translateY(-1px)}.referidos-claimed-badge{margin-top:10px;display:inline-block;background:#e2f7f1;color:#0d9488;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:700}.referidos-milestone-light-icon{width:44px;height:44px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px}.referidos-milestone-light.unlocked .referidos-milestone-light-icon{background:#e2f7f1}.referidos-milestone-light-title{color:#1e293b;font-size:13px;font-weight:700;margin-bottom:4px}.referidos-milestone-light-subtitle{color:#94a3b8;font-size:11px;font-weight:500}.referidos-progress-bar-wrap{margin-top:16px}.referidos-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:100px;overflow:hidden;margin-bottom:8px}.referidos-progress-fill{height:100%;background:linear-gradient(90deg,#3acfa9,#2eb488);border-radius:100px;transition:width .5s ease}.referidos-progress-label{font-size:12px;color:#64748b;font-weight:500}.referidos-rules-card{margin-bottom:24px}.referidos-rules{display:flex;flex-direction:column;gap:16px;margin-top:16px}.referidos-rule-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#1e293b}.referidos-rule-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.referidos-history-card{margin-bottom:32px;border:1px solid #edf2f7}.referidos-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#94a3b8;text-align:center;gap:8px}.referidos-empty p{margin:0;font-size:14px}.referidos-empty-sub{font-size:12px!important;color:#cbd5e1}.referidos-rewards-list{display:flex;flex-direction:column;gap:4px;margin-top:12px}.referidos-reward-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;transition:background .2s ease}.referidos-reward-item:hover{background:#f8fafc}.referidos-reward-item.pending-item{border:1px solid transparent}.referidos-reward-item.pending-item:hover{border-color:#e2e8f0}.referidos-reward-avatar{width:36px;height:36px;border-radius:50%;background:#e2f7f1;color:#3acfa9;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.referidos-reward-info{flex:1;display:flex;flex-direction:column;gap:2px}.referidos-reward-name{font-weight:600;font-size:13.5px;color:#1e293b}.referidos-reward-date{font-size:11.5px;color:#94a3b8}.referidos-reward-amount{font-weight:700;font-size:14px;color:#3acfa9;white-space:nowrap}@media (min-width: 1536px){.referidos-page{width:min(1360px,100%)}.referidos-two-col{gap:24px}}@media (max-width: 1200px){.referidos-stat-card .stat-value{font-size:1.8rem}.referidos-milestones-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.referidos-milestone-light{min-width:0}}@media (max-width: 1024px){.referidos-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.referidos-two-col{grid-template-columns:1fr}}@media (max-width: 768px){.referidos-page{width:100%}.referidos-stats{grid-template-columns:1fr}.referidos-stat-card .stat-value{font-size:1.6rem}.referidos-link-box{flex-direction:column}.referidos-copy-btn{width:100%;justify-content:center}.referidos-share-row{justify-content:stretch}.referidos-share-btn{width:calc(50% - 5px)}.referidos-milestones-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.referidos-rule-item{align-items:flex-start}}@media (max-width: 480px){.referidos-edit-actions .btn-save-prefs,.referidos-share-btn{width:100%}.referidos-milestones-grid{grid-template-columns:1fr}.referidos-reward-item{align-items:flex-start;gap:10px}.referidos-reward-amount{font-size:13px}}.ps-container{padding:0 32px 48px}.ps-loading,.ps-error{text-align:center;padding:80px 32px}.ps-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3acfa9;border-radius:50%;animation:psSpin .6s linear infinite;margin:0 auto 16px}@keyframes psSpin{to{transform:rotate(360deg)}}.ps-error-icon{color:#ef4444;margin-bottom:16px}.ps-error h2{font-size:24px;font-weight:600;color:#1a1e2b;margin-bottom:8px}.ps-error p{color:#64748b;margin-bottom:24px}.ps-btn-primary{padding:12px 28px;background:#3acfa9;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.ps-btn-primary:hover{background:#2fb892}.ps-hero{position:relative;background:#0f172a;border-radius:20px;padding:56px 32px 48px;text-align:center;overflow:hidden;margin-bottom:24px}.ps-hero-circles{position:absolute;inset:0;pointer-events:none}.ps-circle{position:absolute;border-radius:50%}.ps-circle-1{width:320px;height:320px;background:#3acfa9;opacity:.08;top:-120px;left:-80px}.ps-circle-2{width:200px;height:200px;background:#3acfa9;opacity:.12;bottom:-60px;right:-40px}.ps-circle-3{width:120px;height:120px;background:#3acfa9;opacity:.06;top:40px;right:20%}.ps-hero-content{position:relative;z-index:1}.ps-check-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#3acfa9;border-radius:50%;margin-bottom:20px;animation:psPulse 2s ease-in-out infinite}.ps-check-icon svg{color:#fff}@keyframes psPulse{0%,to{box-shadow:0 0 #3acfa966}50%{box-shadow:0 0 0 16px #3acfa900}}.ps-hero h1{font-size:36px;font-weight:600;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.ps-coins-badge{display:inline-flex;align-items:center;gap:8px;background:#3acfa926;border:1px solid rgba(58,207,169,.3);border-radius:100px;padding:8px 20px 8px 12px}.ps-coins-icon{width:28px;height:28px;background:#3acfa9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#0f172a}.ps-coins-badge span:nth-child(2){font-size:20px;font-weight:700;color:#3acfa9}.ps-coins-sub{font-size:14px;color:#94a3b8;font-weight:400}.ps-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:32px}.ps-balance-card{background:linear-gradient(135deg,#3acfa9,#2fb892);border-radius:16px;padding:28px;color:#fff}.ps-balance-label{font-size:11px;font-weight:700;letter-spacing:1px;opacity:.8;text-transform:uppercase;display:block;margin-bottom:12px}.ps-balance-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ps-balance-icon{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.ps-balance-val{font-size:40px;font-weight:800;letter-spacing:-1px;color:#fff}.ps-balance-sub{font-size:13px;opacity:.8;margin-bottom:8px}.ps-balance-diff{display:flex;align-items:center;gap:4px;margin-bottom:16px;font-size:14px;font-weight:700}.ps-balance-diff-label{color:#fff9;font-weight:700}.ps-balance-diff-old{color:#ffffff80;font-weight:400}.ps-balance-diff-arrow{color:#ffffff80;font-weight:700;font-size:16px}.ps-balance-diff-new{color:#fff;font-weight:900}.ps-btn-history{display:inline-flex;align-items:center;gap:6px;background:#fff;border:none;border-radius:10px;padding:10px 20px;color:#1a1e2b;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;width:100%;justify-content:center}.ps-btn-history:hover{background:#f1f5f9}.ps-summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:28px}.ps-summary-full{max-width:600px;margin:0 auto 32px}.ps-summary-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ps-summary-card h3{font-size:16px;font-weight:700;color:#1a1e2b;margin:0 0 4px}.ps-summary-order{font-size:13px;color:#94a3b8;margin:0}.ps-summary-rows{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.ps-summary-row{display:flex;justify-content:space-between;align-items:center}.ps-summary-row span{font-size:14px;color:#64748b;min-width:0}.ps-summary-row strong{font-size:14px;font-weight:600;color:#1a1e2b;min-width:0;overflow-wrap:anywhere;text-align:right}.ps-summary-total{border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#f0fdf9;border-radius:10px;padding:14px 16px}.ps-summary-total span{font-size:14px;font-weight:600;color:#1a1e2b}.ps-summary-total strong{font-size:20px;font-weight:800;color:#3acfa9}.ps-suggestions{margin-bottom:32px}.ps-suggestions h2{font-size:24px;font-weight:600;color:#1a1e2b;margin-bottom:4px}.ps-suggestions-sub{font-size:14px;color:#64748b;margin-bottom:20px}.ps-suggestions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ps-suggestion-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:20px;cursor:pointer;transition:all .2s}.ps-suggestion-card:hover{border-color:#3acfa9;box-shadow:0 4px 16px #3acfa91a;transform:translateY(-2px)}.ps-suggestion-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.ps-suggestion-card h4{font-size:15px;font-weight:700;color:#1a1e2b;margin-bottom:4px}.ps-suggestion-card p{font-size:13px;color:#64748b;margin-bottom:14px}.ps-suggestion-footer{display:flex;align-items:center;justify-content:space-between}.ps-suggestion-coins{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#3acfa9}.ps-coins-icon-sm{width:18px;height:18px;background:#3acfa9;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:9px;color:#0f172a}.ps-receipt-corner{padding:8px 14px;background:#3acfa9;color:#fff;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s;cursor:pointer;border:none;flex-shrink:0;display:flex;align-items:center;gap:6px}.ps-receipt-corner:hover{background:#2fb892}@media print{.sidebar,.main-area>header,.ps-receipt,.ps-suggestions,.ps-btn-history{display:none!important}.ps-hero{background:#0f172a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ps-balance-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ps-balance-val{color:#fff!important}}@media print{.sidebar,.main-area>header,.ps-receipt,.ps-suggestions{display:none!important}.ps-hero{background:#0f172a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ps-balance-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ps-balance-val{color:#fff!important}}@media (max-width: 1024px){.ps-suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ps-container{padding:0 16px 32px}.ps-grid,.ps-suggestions-grid{grid-template-columns:1fr}.ps-hero h1{font-size:28px}.ps-balance-val{font-size:32px}.ps-hero{padding:36px 16px 32px}.ps-coins-badge{flex-wrap:wrap;justify-content:center}.ps-summary-header{flex-direction:column;gap:10px}.ps-receipt-corner{width:100%;justify-content:center}.ps-summary-row{align-items:flex-start;gap:12px}}.ui-progress{--ui-progress-color: #3acfa9;--ui-progress-track: #e2e8f0;position:relative;width:100%;height:6px;border-radius:100px;background:var(--ui-progress-track);overflow:hidden}.ui-progress-sm{height:4px}.ui-progress-lg{height:8px}.ui-progress-fill{height:100%;border-radius:100px;background:var(--ui-progress-color);transition:width .4s ease}.ui-progress-indeterminate .ui-progress-fill{position:absolute;top:0;left:0;width:40%;transition:none;animation:uiProgressSlide 1.6s ease-in-out infinite}@keyframes uiProgressSlide{0%{left:-40%}60%,to{left:100%}}@media (prefers-reduced-motion: reduce){.ui-progress-indeterminate .ui-progress-fill{animation:none;left:0;width:100%;opacity:.5}}:root{--bva-teal: #3acfa9;--bva-teal-dark: #2eb88d;--bva-teal-bg: #f0fdf9;--bva-ink: #1a1e2b;--bva-muted: #64748b;--bva-muted-bg: #f7fafa;--bva-border: #e6eaf0;--bva-amber: #f59e0b;--bva-red: #ef4444}.main-area.breezai-layout{background:#f8fafc;padding-left:0}.breezai-layout,.breezai-layout *{font-family:Inter,sans-serif}.bva-layout{display:grid;grid-template-columns:260px minmax(340px,1.3fr) minmax(284px,.95fr);grid-template-rows:minmax(min-content,1fr);height:100%;min-height:0;align-items:stretch}.bva-layout-report{display:block;padding:0!important}.bva-right-col{display:flex;flex-direction:column;gap:16px;min-height:0;padding:18px 20px 20px}@media (max-width: 1280px){.bva-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.bva-rail{grid-column:1 / -1;order:3}.bva-transcript{flex:none}}@media (max-width: 1100px){.bva-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.bva-rail{grid-column:1 / -1;order:3}}@media (max-width: 860px){.bva-layout{grid-template-columns:1fr;grid-template-rows:auto}.bva-rail{order:3}.bva-stage{order:1}.bva-right-col{order:2}}@media (max-width: 600px){.bva-layout{display:flex;flex-direction:column}.bva-stage,.bva-right-col,.bva-rail{width:100%}.bva-right-col{padding:12px}.bva-history-header{padding-left:12px;padding-right:12px}.bva-history-header h1{font-size:24px}}.bva-rail,.bva-stage,.bva-right-col,.bva-transcript{background:#fff;border:1px solid var(--bva-border);box-shadow:0 4px 15px #00000005}.bva-right-col .bva-transcript{background:none;border:none;box-shadow:none;padding:0}.bva-rail{padding:20px;display:flex;flex-direction:column;gap:8px;min-height:0}.bva-rail-title{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:.03em}.bva-rail-title-secondary{margin-top:8px}.bva-rail-new-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:24px;padding:10px;border-radius:12px;border:1px solid var(--bva-teal);background:#fff;color:var(--bva-teal-dark);font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.bva-rail-new-btn:hover:not(:disabled){background:var(--bva-teal-bg)}.bva-rail-new-btn:disabled{opacity:.5;cursor:default}.bva-rail-current{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bva-muted-bg);border:1px solid var(--bva-border);border-radius:12px}.bva-rail-current.live{background:#e5f7f2;border-color:#9ae6cf}.bva-rail-current-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#94a3b8;flex-shrink:0}.bva-rail-current.live .bva-rail-current-dot{background:var(--bva-teal);animation:bvaPulse 1.5s infinite}.bva-rail-current-title{font-size:13px;font-weight:700;line-height:17px;color:var(--bva-ink)}.bva-rail-current-meta{font-size:11px;font-weight:400;color:#94a3b8;margin-top:2px;line-height:15px}.bva-rail-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto}.bva-rail-item{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .15s}.bva-rail-item:hover{background:#f8fafc}.bva-rail-item.selected{background:#e5f7f2}.bva-rail-item.selected .bva-rail-item-title{color:var(--bva-teal-dark);font-weight:700}.bva-rail-item-title{font-size:13px;font-weight:500;color:var(--bva-ink)}.bva-rail-item-meta{font-size:11px;color:#94a3b8;margin-top:2px}.bva-rail-empty{font-size:12px;color:#94a3b8;padding:8px 4px}.bva-rail-viewall{font-size:12px;font-weight:600;color:var(--bva-teal);text-decoration:none;padding-top:12px}.bva-rail-viewall:hover{text-decoration:underline}.bva-stage{padding:20px 24px 28px;display:flex;flex-direction:column;gap:16px;background-color:var(--bva-muted-bg);min-height:0}.bva-stage-header{display:flex;flex-direction:column;align-items:center;gap:12px}.bva-stage-title{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:.03em;text-align:center}.bva-stage-header-right{display:flex;align-items:center;justify-content:center;gap:8px}.bva-topic-pill{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--bva-ink);background:#fff;border:1px solid var(--bva-border);border-radius:100px;padding:8px 14px}.bva-topic-pill svg{color:#94a3b8;flex-shrink:0}.bva-time-pill{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--bva-ink);background:#fff;border:1px solid var(--bva-border);border-radius:100px;padding:8px 14px;font-variant-numeric:tabular-nums;transition:background .2s,border-color .2s,color .2s}.bva-time-pill svg{color:var(--bva-teal);flex-shrink:0}.bva-time-pill.connecting{color:var(--bva-muted)}.bva-time-pill.live{color:var(--bva-ink);background:#3acfa91f;border-color:#3acfa959}.bva-video-frame{position:relative}.bva-video-glow{position:absolute;width:460px;height:360px;top:60px;left:-30px;border-radius:50%;background:#3dd9b329;filter:blur(130px);z-index:0;pointer-events:none}.bva-video-wrapper{position:relative;z-index:1;width:100%;min-height:150px;max-height:320px;aspect-ratio:2.15 / 1;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.bva-avatar-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.bva-avatar-video.visible{opacity:1}.bva-avatar-img{width:100%;height:100%;object-fit:cover;filter:blur(2px)}.bva-avatar-img.idle{opacity:.75;transition:opacity .4s ease}.bva-video-badge{position:absolute;top:12px;left:12px;font-size:12px;font-weight:600;color:#fff;background:#0f172a8c;padding:5px 12px;border-radius:100px;display:flex;align-items:center;gap:6px}.bva-video-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#94a3b8;flex-shrink:0}.bva-video-badge.live{background-color:var(--bva-red)}.bva-video-badge.live:before{background:#fff;animation:bvaPulse 1.2s infinite}.bva-video-badge.connecting{background-color:#2f63c9;animation:bvaPulseBg 2s infinite}.bva-video-badge.connecting:before{background:#fff}.bva-video-badge.error{background:#ef4444bf}.bva-video-badge.error:before{background:#fff}.bva-video-badge.muted{background:#fff;color:var(--bva-ink);border:1px solid var(--bva-border)}.bva-video-badge.muted:before{background:#94a3b8}.bva-wave-bars{display:flex;align-items:center;justify-content:center;margin:14px 0;gap:6px;height:36px}.bva-wave-bar{width:6px;height:14px;border-radius:3px;background:linear-gradient(180deg,var(--bva-teal),var(--bva-teal-dark))}.bva-wave-bars.active .bva-wave-bar{animation:bvaWave .8s ease-in-out infinite}.bva-wave-bars.muted .bva-wave-bar{background:#cbd5e1}@keyframes bvaWave{0%,to{height:10px}50%{height:32px}}@keyframes bvaPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bvaPulseBg{0%,to{background-color:#2f63c9}50%{background-color:#2f63c980}}.bva-stage-status-title{text-align:center;font-size:22px;line-height:18px;font-weight:700;color:var(--bva-ink);margin:14px 0 0}.bva-stage-caption{text-align:center;font-size:13px;line-height:14px;font-weight:400;color:var(--bva-muted);margin:0}.bva-stage-tutor-caption{text-align:center;font-size:13px;font-weight:500;color:var(--bva-muted);margin:0}.bva-call-controls{display:flex;flex-direction:column;align-items:center;margin-top:2rem;gap:10px}.bva-mic-btn{width:88px;height:88px;border-radius:50%;border:none;background:linear-gradient(180deg,#ffffff,var(--bva-teal-bg));color:var(--bva-teal-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #3acfa947;transition:all .2s;margin-bottom:2rem}.bva-mic-btn:hover{transform:scale(1.05)}.bva-mic-btn.muted{background:linear-gradient(180deg,#fff,#fee2e2);color:var(--bva-red);box-shadow:0 8px 24px #ef444438}.bva-mic-btn.saving{background:#eef2f6;color:#94a3b8;box-shadow:none;cursor:not-allowed}.bva-mic-btn.saving:hover{transform:none}.bva-end-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;border:1px solid #fecaca;background:#fee2e2;color:#dc2626;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.bva-end-btn:hover{background:#fecaca}.bva-end-btn.saving{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.bva-end-btn.saving:hover{background:#f1f5f9}.bva-stage-hint{font-size:12px;color:#94a3b8;margin:0}.bva-start-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:15rem;padding:14px;background:var(--bva-teal);color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.bva-precall .bva-start-cta{margin:auto auto 0;max-width:330px}.bva-start-cta:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.bva-start-cta:disabled{background:#e9edf3;color:#8894a6;cursor:default}.bva-spin{animation:bvaSpin 1s linear infinite}@keyframes bvaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bva-precall{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.bva-precall-title{font-family:Poppins,sans-serif;font-size:22px;font-weight:600;line-height:28px;letter-spacing:0;color:var(--bva-ink);margin:0;text-align:center}.bva-precall-note{font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;color:#94a3b8;margin:0;text-align:center}.bva-precall-note-lead{color:var(--bva-muted)}.bva-precall-chips{z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bva-precall-chip{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--bva-border);border-radius:14px;padding:16px 10px}.bva-precall-chip svg{color:var(--bva-teal);flex-shrink:0}.bva-topic-section-label{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:.03em;text-align:center;margin-top:4px}.bva-topic-grid{z-index:10;display:flex;flex-direction:column;gap:8px}.bva-topic-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--bva-border);background:#fff;cursor:pointer;text-align:left;transition:all .15s;font-family:inherit}.bva-topic-card:hover{border-color:#cbd5e1}.bva-topic-card.selected{border-color:var(--bva-teal);background:var(--bva-teal-bg)}.bva-topic-card-label{font-size:13px;font-weight:600;line-height:17px}.bva-topic-card-hint{font-size:11px;font-weight:400;color:#94a3b8;margin-top:2px;line-height:15px}.bva-inline-error{display:flex;align-items:flex-start;gap:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:14px 16px;margin:0}.bva-inline-error svg{flex-shrink:0;width:32px;height:32px;padding:7px;border-radius:10px;background:#fee2e2;color:var(--bva-red)}.bva-inline-error-title{font-size:14px;font-weight:700;color:#b91c1c;margin:0}.bva-inline-error-desc{font-size:13px;font-weight:400;color:#b91c1c;margin:2px 0 0;line-height:1.4}.bva-sandbox-toggle{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;color:#94a3b8;cursor:pointer}.bva-connect-checklist{display:flex;flex-direction:column;gap:10px}.bva-connect-step{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:600;color:var(--bva-ink);background:#fff;border:1px solid var(--bva-border);border-radius:14px}.bva-connect-step.pending{color:#94a3b8}.bva-connect-step-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bva-muted-bg);color:#94a3b8}.bva-connect-step.active .bva-connect-step-icon{background:#fef3e2;color:var(--bva-amber)}.bva-connect-step.done .bva-connect-step-icon{background:var(--bva-teal-bg);color:var(--bva-teal-dark)}.bva-transcript{padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-height:260px;flex:1}.bva-transcript-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.03em}.bva-live-badge{font-size:13px;font-weight:600;color:var(--bva-teal-dark);background:var(--bva-teal-bg);border:1px solid var(--bva-teal-dark);padding:5px 14px;border-radius:100px;display:flex;align-items:center;gap:6px;letter-spacing:normal;text-transform:none}.bva-live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bva-teal);animation:bvaPulse 1.2s infinite}.bva-transcript-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-top:12rem;padding:0 16px}.bva-transcript-empty-icon{width:56px;height:56px;border-radius:50%;border:1px solid #bee7dd;background:var(--bva-teal-bg);color:var(--bva-teal);display:flex;align-items:center;justify-content:center}.bva-transcript-empty-icon svg{transform:scaleY(.9)}.bva-transcript-empty-title{font-size:13px;font-weight:600;color:#4a576b;margin:0}.bva-transcript-empty-sub{font-size:12px;font-weight:400;color:#8894a8;margin:0;max-width:260px}.bva-transcript-list{flex:1;min-height:0;contain:size;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.bva-msg-row{display:flex;gap:10px;width:100%}.bva-msg-row.user{justify-content:flex-end}.bva-msg-bubble{max-width:85%;padding:12px 16px;border-radius:14px;border:1px solid transparent;font-size:15px;line-height:1.45}.bva-msg-bubble .bva-msg-speaker{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px}.bva-msg-bubble p{margin:0;white-space:pre-line}.bva-msg-bubble.ai{background:var(--bva-muted-bg);border-color:var(--bva-border);color:var(--bva-ink)}.bva-msg-bubble.ai .bva-msg-speaker{color:#94a3b8}.bva-msg-bubble.user{background-color:#dff7ec;border-color:#bee7dd;color:var(--bva-ink)}.bva-msg-bubble.user .bva-msg-speaker{color:var(--bva-teal-dark)}.bva-msg-bubble.bva-msg-partial{filter:opacity(.65)}.bva-transcript-hint{font-size:11px;color:#cbd5e1;text-align:center;margin:4px 0 0}.bva-summary{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex-shrink:0;background-color:var(--bva-muted-bg);border:1px solid var(--bva-border);border-radius:16px}.bva-summary-title{font-size:12px;font-weight:600;color:#94a3b8;line-height:14px}.bva-summary-rows{display:flex;flex-direction:column}.bva-summary-row{display:flex;align-items:center;gap:12px;padding:8px 0}.bva-summary-icon{width:34px;height:34px;border-radius:10px;background:var(--bva-teal-bg);color:var(--bva-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bva-summary-icon-purple{background:#f5f3ff;color:#8b5cf6}.bva-summary-icon-amber{background:#fffbeb;color:var(--bva-amber)}.bva-summary-label{flex:1;font-size:13px;font-weight:400;color:#475569}.bva-summary-value{font-size:14px;font-weight:700}.bva-summary-detail-link{width:100%;text-align:center;font-size:13px;font-weight:700;font-family:inherit;color:var(--bva-teal);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-top:4px;position:relative;cursor:pointer;transition:background .15s}.bva-summary-detail-link:before{content:"";position:absolute;top:-13px;left:0;right:0;height:1px;background:#e8edf3}.bva-summary-detail-link:hover{background:#f8fafc}.bva-report-modal{background:#fff;border-radius:24px;width:min(760px,92vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.bva-report-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--bva-border);flex-shrink:0}.bva-report-modal-header h2{font-size:18px;font-weight:600;color:var(--bva-ink);text-align:left;margin:0}.bva-report-modal-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--bva-border);background:#fff;color:var(--bva-muted);cursor:pointer;transition:background .15s}.bva-report-modal-close:hover{background:#f8fafc}.bva-report-modal-body{overflow-y:auto;padding:24px;min-height:0}.bva-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.bva-end-modal{background:#fff;border-radius:24px;padding:32px;max-width:600px;width:90%;box-shadow:0 20px 60px #00000040;animation:bvaModalIn .2s ease-out}@keyframes bvaModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.bva-modal-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.bva-modal-icon.warning{background:#fffbeb;color:var(--bva-amber)}.bva-modal-icon.info{background:var(--bva-teal-bg);color:var(--bva-teal)}.bva-end-modal h2{font-size:24px;font-weight:600;margin:0 0 10px;color:#0f172a}.bva-end-modal p{font-size:15px;color:var(--bva-muted);margin:0 0 20px;line-height:1.5}.bva-modal-elapsed{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--bva-muted);background:#f8fafc;border:1px solid var(--bva-border);border-radius:12px;padding:12px 16px;margin-bottom:24px}.bva-modal-elapsed svg{color:#94a3b8;flex-shrink:0}.bva-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.bva-modal-cancel,.bva-modal-confirm{padding:12px 26px;border-radius:100px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .2s}.bva-modal-cancel{background:#fff;border-color:var(--bva-border);color:var(--bva-ink)}.bva-modal-cancel:hover{background:#f8fafc}.bva-modal-confirm{background:#c0392b;color:#fff}.bva-modal-confirm:hover{background:#b62413}.bva-report-view{display:flex;flex-direction:column;gap:16px;max-width:720px;width:100%;margin:3rem auto}.bva-report-panel{width:100%;background:#fff;border-radius:24px;border:1px solid var(--bva-border);box-shadow:0 4px 15px #00000005;padding:32px}.bva-report-coins{display:flex;align-items:center;gap:12px;background:var(--bva-teal-bg);border:1px solid #bee7dd;border-radius:14px;padding:14px 16px}.bva-report-coins-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bva-teal);color:#fff}.bva-report-coins-title{font-size:15px;font-weight:700;color:var(--bva-ink);margin:0}.bva-report-coins-sub{font-size:13px;color:var(--bva-muted);margin:2px 0 0}.bva-report-coins.zero{background:#f8fafc;border-color:var(--bva-border)}.bva-report-coins.zero .bva-report-coins-icon{background:#e2e8f0;color:#94a3b8}.bva-report-waiting{text-align:center;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.bva-report-waiting h2{font-size:20px;font-weight:600;color:var(--bva-ink);margin:0}.bva-report-waiting>p{font-size:14px;color:var(--bva-muted);margin:0;line-height:1.6;max-width:440px}.bva-wait-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bva-teal-bg);border:1px solid #bee7dd;color:var(--bva-teal)}.bva-wait-icon.spin svg{animation:bvaSpin 2.4s linear infinite}.bva-wait-icon.warn{background:#fffbeb;border-color:#fde68a;color:var(--bva-amber)}.bva-wait-progress{max-width:380px;--ui-progress-color: var(--bva-teal)}.bva-wait-stats-wrap{width:100%;margin-top:8px}.bva-wait-stats-label{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:.03em;text-align:left;margin-bottom:10px}.bva-wait-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bva-wait-stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--bva-muted-bg);border:1px solid var(--bva-border);border-radius:14px;padding:14px;text-align:left}.bva-wait-stat-card svg{color:var(--bva-teal)}.bva-wait-stat-card strong{font-size:18px;font-weight:700;color:var(--bva-ink);line-height:1.2;overflow-wrap:anywhere}.bva-wait-stat-card.topic strong{font-size:15px}.bva-wait-stat-card span{font-size:12px;color:#94a3b8}.bva-wait-tip{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:16px}.bva-wait-tip svg{flex-shrink:0;color:var(--bva-amber)}.bva-wait-tip-title{font-size:14px;font-weight:700;color:#92400e;margin:0 0 2px}.bva-wait-tip-desc{font-size:13px;font-weight:400;color:#92400e;margin:0;line-height:1.5}.bva-report-waiting>p.bva-wait-footer{font-size:12px;color:#94a3b8}.bva-report-actions{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:12px;width:100%;margin:12px auto 0}.bva-report-actions .bva-btn-primary,.bva-report-actions .bva-btn-secondary{width:auto;padding:13px 28px}.bva-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,var(--bva-teal),var(--bva-teal-dark));color:#fff;border:none;border-radius:100px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.bva-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.bva-btn-secondary{width:100%;padding:12px;background:none;border:1px solid #e2e8f0;border-radius:100px;font-size:14px;font-weight:600;font-family:inherit;color:var(--bva-muted);cursor:pointer;transition:all .2s}.bva-btn-secondary:hover{background:#f8fafc;color:#475569}.bva-report-results{display:flex;flex-direction:column;gap:20px}.bva-report-section-block{border:1px solid var(--bva-border);border-radius:16px;padding:20px}.bva-rs-card{background:#fff;border:1px solid #e7edf3;border-radius:18px;box-shadow:0 1px 2px #1627380a;padding:26px 28px 24px}.bva-rs-card-skills{padding-bottom:10px}.bva-rs-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#98a6b5}.bva-rs-headline{margin:14px 0 18px;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:#1b2733;max-width:34ch;text-align:start}.bva-rs-quote{background:#f4f8fa;border-radius:14px;padding:18px 20px;font-size:13px;line-height:1.68;color:#55677a}.bva-rs-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.bva-rs-pill{display:inline-flex;align-items:center;gap:7px;background:#f1f5f8;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600;color:#6c7d8e}.bva-rs-pill-dot{width:7px;height:7px;border-radius:99px;background:#34d6a3;display:block}.bva-rs-skills-list{margin-top:8px}.bva-rs-skill-row{display:flex;gap:28px;padding:18px 0;border-bottom:1px solid #f0f4f7}.bva-rs-skill-row:last-child{border-bottom:none}@media (max-width: 480px){.bva-rs-skill-row{flex-direction:column;gap:4px}}.bva-rs-skill-name{width:160px;flex:none;font-size:13px;font-weight:700;line-height:1.4;color:#1b2733}.bva-rs-skill-text{flex:1;font-size:12px;line-height:1.62;color:#5a6b7d}.bva-block-title{font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.03em;margin-bottom:1rem}.bva-block-subtitle{font-size:12px;color:#94a3b8;margin:0 0 14px}.bva-strengths-list{margin-top:4px}.bva-blockers-list{display:flex;flex-direction:column;gap:12px}.bva-blocker-card{border:1px solid var(--bva-border);border-radius:12px;padding:14px 16px}.bva-blocker-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.bva-blocker-header strong{font-size:13px;color:var(--bva-ink)}.bva-priority-badge{font-size:10px;font-weight:600;padding:3px 10px;border-radius:100px;white-space:nowrap}.bva-priority-badge.urgent{background:#fef2f2;color:var(--bva-red)}.bva-priority-badge.mid_term{background:#fffbeb;color:var(--bva-amber)}.bva-blocker-quotes{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.bva-blocker-wrong,.bva-blocker-right{font-size:13px;padding:8px 12px;border-radius:8px;line-height:1.4}.bva-blocker-wrong{background:#fef2f2;color:#b91c1c}.bva-blocker-right{background:var(--bva-teal-bg);color:#0f766e}.bva-blocker-impact{font-size:12px;color:#94a3b8;margin:0}.bva-detail-stage{align-items:stretch;gap:0}.bva-detail-title{font-size:26px;font-weight:700;color:var(--bva-ink);margin:0}.bva-detail-date{font-size:14px;color:var(--bva-muted);margin:6px 0 0}.bva-detail-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.bva-detail-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--bva-ink);background:#fff;border:1px solid var(--bva-border);border-radius:100px;padding:7px 14px}.bva-detail-pill svg{color:#94a3b8;flex-shrink:0}.bva-detail-note{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--bva-border);border-radius:16px;padding:18px;margin-top:20px}.bva-detail-note-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bva-muted-bg);color:#94a3b8}.bva-detail-note-title{font-size:15px;font-weight:700;color:var(--bva-ink);margin:0}.bva-detail-note-desc{font-size:13px;line-height:1.5;color:var(--bva-muted);margin:3px 0 0}.bva-detail-card{background:#fff;border:1px solid var(--bva-border);border-radius:16px;padding:24px;margin-top:16px}.bva-detail-card-title{font-size:18px;font-weight:700;color:var(--bva-ink);text-align:left;margin:0 0 16px}.bva-detail-no-eval{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:32px 24px}.bva-eval-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.bva-eval-highlights li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:var(--bva-ink)}.bva-eval-highlights svg{flex-shrink:0;margin-top:1px}.bva-eval-icon-good{color:var(--bva-teal-dark)}.bva-eval-icon-bad{color:var(--bva-red)}.bva-eval-full-btn{margin-top:20px}.bva-done-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--bva-muted);background:#f1f5f9;border:1px solid var(--bva-border);border-radius:100px;padding:5px 14px}.bva-done-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#94a3b8}.bva-history-header{padding:1rem 3rem}.bva-history-header h1{font-size:28px}.bva-history-header p{font-size:15px;color:var(--bva-muted);margin-bottom:24px}.bva-history-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:16px}.bva-history-new-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;background:var(--bva-teal);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.bva-history-new-btn:hover{opacity:.92;transform:translateY(-1px)}.bva-history-list{display:flex;flex-direction:column;gap:10px}.bva-history-group-label{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:.03em;margin-top:14px}.bva-history-row{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--bva-border);border-radius:14px;padding:16px 20px;text-decoration:none;transition:all .15s}.bva-history-row:hover{border-color:#cbd5e1;transform:translateY(-1px)}.bva-history-row-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bva-teal-bg);color:var(--bva-teal-dark)}.bva-history-row-main{flex:1;min-width:0}.bva-history-row-title{font-size:15px;font-weight:700;color:var(--bva-ink)}.bva-history-row-meta{font-size:13px;color:#94a3b8;margin-top:2px}.bva-history-row-headline{font-size:13px;font-weight:500;line-height:1.4;color:var(--bva-muted);margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bva-history-row-chevron{flex-shrink:0;align-self:center;color:#cbd5e1}.bva-history-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center;color:var(--bva-muted)}.bva-history-cta{width:auto;padding:10px 24px;text-decoration:none;display:inline-flex}.bva-history-pagination{display:flex;gap:12px;margin-top:16px}.bva-history-pagination .bva-btn-secondary{width:auto;padding:10px 20px}.bva-focus-card{display:flex;gap:12px;background:#f5f3ff;border:1px solid #ede9fe;border-radius:16px;padding:18px 20px}.bva-focus-icon{width:32px;height:32px;border-radius:9px;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bva-focus-eyebrow{font-size:10px;font-weight:600;color:#7c3aed;letter-spacing:.03em}.bva-focus-text{font-size:14px;color:#1e293b;font-weight:600;margin:4px 0 6px;line-height:1.5}.bva-focus-note{font-size:12px;color:#7c6fa8;margin:0}.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:28px;font-weight:600;color:#1e293b;margin:0}.admindb-page-subtitle{font-size:14px;color:#64748b;margin:4px 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,minmax(0,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;min-width:0}.admindb-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.admindb-stat-card>div:last-child{min-width:0}.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;line-height:1.35;overflow-wrap:break-word}.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;-webkit-overflow-scrolling:touch}.admindb-mobile-row,.admindb-mobile-card{display:none}.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,.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.inactive{background:#fef2f2;color:#ef4444}.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-bulk-bar{display:flex;align-items:center;justify-content:space-between;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px 18px;margin-bottom:14px;font-size:13px;font-weight:600;color:#9a3412}.admindb-bulk-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.admindb-bulk-delete-btn:hover{background:#dc2626}.admindb-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.admindb-page-btn{padding:8px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.admindb-page-btn:hover:not(:disabled){border-color:#7c3aed;color:#7c3aed}.admindb-page-btn:disabled{opacity:.45;cursor:not-allowed}.admindb-page-info{font-size:13px;color:#64748b;font-weight:500}.admindb-modal-overlay{position:fixed;inset:0;background:#0f172a80;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:600;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}.admindb-modal--email,.admindb-modal--password{max-width:420px}.admindb-pass-input{width:100%;max-width:100%;padding:12px 14px;font-size:14px;font-family:Inter,Poppins,sans-serif;border:1.5px solid #cbd5e1;border-radius:11px;background:#fff;color:#1e293b;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.admindb-pass-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.modal-email-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-email-icon--ok{background:#f0fdf9;color:#3acfa9}.modal-email-icon--err{background:#fff1f2;color:#ef4444}.modal-email-recipient{display:flex;align-items:center;gap:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 18px;margin:0 0 16px;text-align:left}.modal-email-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3acfa9,#0891b2);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-email-name{font-size:14px;font-weight:700;color:#0f172a}.modal-email-addr{font-size:12px;color:#64748b;margin-top:2px;word-break:break-all}.modal-email-note{font-size:12px;color:#94a3b8;line-height:1.6;margin:0;text-align:center}.modal-btn--retry{background:#3acfa9;border:none;color:#fff}.modal-btn--retry:hover{background:#2ab89b}.send-pass-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s;white-space:nowrap}.send-pass-btn:hover:not(:disabled){border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.send-pass-btn.sending{opacity:.65;cursor:not-allowed}.password-actions-wrap{display:flex;gap:8px;align-items:center}.set-pass-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s;white-space:nowrap}.set-pass-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#f5f3ff}@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,minmax(0,1fr))}.admindb-page{padding:20px 20px 48px}.admindb-table th,.admindb-table td{padding:10px 12px}.admindb-table th:nth-child(2),.admindb-table td:nth-child(2){display:none}.user-cell-td{min-width:0}.user-name{white-space:normal;word-break:break-word}.user-id-mono{display:none}.email-text{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-pass-btn,.set-pass-btn{padding:7px 10px}.send-pass-btn .btn-label,.set-pass-btn .btn-label{display:none}}@media (max-width: 600px){.admindb-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admindb-toolbar{flex-direction:column}.admindb-role-filters{flex-wrap:wrap}.admindb-page-header{flex-direction:column;align-items:stretch}.admindb-refresh-btn{align-self:flex-start}.admindb-modal{padding:32px 22px 28px;width:92%}.modal-email-recipient{padding:12px 14px}.admindb-table-scroll{overflow:visible}.admindb-table thead,.admindb-table tbody tr:not(.admindb-mobile-row){display:none}.admindb-mobile-row{display:table-row}.admindb-mobile-row td{padding:0;border:none}.admindb-mobile-card{display:block;margin:10px;padding:4px 14px 8px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 10px #0000000a}.admindb-mobile-card:last-child{margin-bottom:14px}.amc{display:flex;flex-direction:column}.amc-top{padding:12px 0 6px}.amc-head{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.amc-name{font-weight:600;color:#0f172a;font-size:15px}.amc-email{font-size:12.5px;color:#475569;word-break:break-all}.amc-id{font-size:10.5px;color:#94a3b8;font-family:Courier New,monospace}.amc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid #f8fafc}.amc-field{display:flex;flex-direction:column;gap:4px}.amc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.amc-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #f8fafc}.admindb-mobile-card .send-pass-btn,.admindb-mobile-card .set-pass-btn{padding:9px}.admindb-mobile-card .btn-label{display:none}}@media (max-width: 420px){.admindb-page{padding:16px 14px 40px}.admindb-modal{padding:28px 18px 24px}.admindb-stats{grid-template-columns:1fr}}.admin-tutors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-tutors-header h1{font-size:28px;font-weight:600;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}.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}.tutors-table-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000008;border:1px solid #f1f5f9;overflow:visible;margin-bottom:32px}.tutors-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.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:90px}.modal-overlay{position:fixed;inset:0;background-color:#0f172a66;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:600;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:600;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:600;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:600;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:600;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;appearance:none;background:#e2e8f0}.skill-range-input::-webkit-slider-thumb{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}@media (max-width: 768px){.admin-tutors-controls{flex-direction:column;align-items:stretch;gap:12px}.search-bar-container{max-width:none}.filter-buttons{justify-content:center}}.at-mobile-card{display:none}@media (max-width: 600px){.tutors-table-scroll{overflow:visible}.tutors-table thead,.tutors-table tbody tr{display:none}.at-mobile-card{display:block;margin:10px;padding:14px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 10px #0000000a}.at-mobile-card:last-child{margin-bottom:14px}.atc-top{display:flex;align-items:center;gap:10px;padding-bottom:10px}.atc-head{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.atc-name{font-weight:700;color:#0f172a;font-size:15px}.atc-email{font-size:12.5px;color:#64748b;word-break:break-all}.atc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid #f8fafc}.atc-field{display:flex;flex-direction:column;gap:4px}.atc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.atc-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #f8fafc}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-students-page{padding:8px;animation:fadeIn .3s ease}.admin-students-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-students-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0}.admin-students-header .subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.btn-add-student{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-student:hover{background-color:#2eb490;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa94d}.admin-students-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.admin-student-stat-card{background:#fff;padding:18px 20px;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 4px 12px #00000003;display:flex;align-items:center;gap:14px}.stat-icon-wrap{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.students-total-icon{background-color:#eef2ff;color:#6366f1}.students-coins-icon{background-color:#fffbeb;color:#d97706}.students-active-icon{background-color:#ecfdf5;color:#059669}.admin-student-stat-card .stat-value{font-size:22px;font-weight:800;color:#1e293b;line-height:1;margin-bottom:4px}.admin-student-stat-card .stat-label{font-size:12px;font-weight:600;color:#64748b}.admin-students-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.search-bar-container{position:relative;flex:1;min-width:280px;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}.search-clear-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:none;background:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.search-clear-btn:hover{background-color:#f1f5f9;color:#475569}.filter-buttons{display:flex;background-color:#f1f5f9;padding:4px;border-radius:12px;gap:2px;flex-wrap:wrap}.filter-btn{background:none;border:none;padding:8px 16px;border-radius:10px;font-size:13px;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}.students-table-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000005;border:1px solid #f1f5f9;overflow:visible;margin-bottom:24px}.table-responsive-wrapper{width:100%;overflow-x:auto}.students-loading,.students-empty{padding:60px 40px;text-align:center;color:#64748b;font-size:15px;display:flex;flex-direction:column;align-items:center;gap:12px}.students-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#3acfa9;border-radius:50%;animation:spin .8s linear infinite}.students-table{width:100%;border-collapse:collapse;text-align:left}.students-table th{padding:14px 16px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.students-table td{padding:14px 16px;border-bottom:1px solid #f8fafc;vertical-align:middle;color:#334155;font-size:14px}.students-table th:first-child,.students-table td:first-child{padding-left:24px}.students-table th:last-child,.students-table td:last-child{padding-right:24px}.students-table tbody tr:hover{background-color:#f8fafc}.student-profile-cell{display:flex;align-items:center;gap:12px}.student-avatar-initials{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px}.student-profile-info{display:flex;flex-direction:column}.student-name-txt{font-weight:700;color:#1e293b;font-size:15px}.student-email-txt{font-size:12px;color:#64748b;margin-top:1px}.student-level-badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;text-align:center;min-width:44px}.student-coins-display{display:flex;align-items:center;gap:6px;font-weight:700;color:#1e293b}.student-coin-icon{color:#f59e0b}.student-date-display{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.student-plan-badge{display:inline-block;padding:4px 10px;background:#f0fdfa;border:1px solid #99f6e4;color:#0d9488;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.student-plan-select{padding:6px 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;color:#1e293b;background:#fff;cursor:pointer;font-family:inherit;outline:none;transition:border-color .2s}.student-plan-select:focus{border-color:#3acfa9}.notify-textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.notify-textarea:focus{border-color:#3acfa9}.payments-table{width:100%;border-collapse:collapse;font-size:13px}.payments-table th{text-align:left;padding:8px 10px;font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.payments-table td{padding:8px 10px;border-bottom:1px solid #f8fafc}.payments-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.payments-type-badge.subscription{background:#f0fdfa;color:#0d9488}.payments-type-badge.purchase{background:#fff7ed;color:#f97316}.student-date-icon{color:#94a3b8}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700;gap:6px;background-color:#ecfdf5;color:#059669;width:fit-content}.status-dot{width:6px;height:6px;background-color:#059669;border-radius:50%}.admin-students-count{font-size:13px;color:#64748b;margin-top:8px;margin-left:4px}.admin-students-bulk-bar{display:flex;align-items:center;justify-content:space-between;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px 18px;margin-bottom:14px;font-size:13px;font-weight:600;color:#9a3412}.admin-students-bulk-notify-btn,.admin-students-bulk-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.admin-students-bulk-notify-btn{background:#0891b2;color:#fff}.admin-students-bulk-notify-btn:hover{background:#0e7490}.admin-students-bulk-delete-btn{background:#ef4444;color:#fff}.admin-students-bulk-delete-btn:hover{background:#dc2626}.admin-students-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.admin-students-page-btn{padding:8px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.admin-students-page-btn:hover:not(:disabled){border-color:#16a34a;color:#16a34a}.admin-students-page-btn:disabled{opacity:.45;cursor:not-allowed}.admin-students-page-info{font-size:13px;color:#64748b;font-weight:500}.actions-cell{text-align:right;width:150px}.actions-cell-icons{display:flex;gap:6px;justify-content:flex-end}.btn-icon-action{background:none;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.btn-icon-action:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.btn-icon-delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease;padding:20px}.modal-card{background:#fff;border-radius:16px;width:100%;box-shadow:0 20px 60px #00000026;animation:slideUp .25s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9}.modal-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.modal-close:hover{background:#f1f5f9;color:#475569}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #f1f5f9}.btn-cancel{padding:10px 18px;background:#f1f5f9;border:none;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;font-family:inherit}.btn-cancel:hover{background:#e2e8f0}.btn-save{padding:10px 18px;background:#0d9488;border:none;border-radius:10px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;font-family:inherit}.btn-save:hover{background:#0f766e}.btn-save:disabled{opacity:.5;cursor:not-allowed}.student-modal-overlay{position:fixed;inset:0;background-color:#0f172a66;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.student-modal{background:#fff;border-radius:20px;width:90%;max-width:480px;box-shadow:0 20px 40px #0000001a;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.student-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9}.student-modal-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.btn-close-modal{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-modal:hover{background-color:#f1f5f9;color:#475569}.student-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.form-group-student{display:flex;flex-direction:column;gap:6px;width:100%}.form-group-student-row{display:flex;gap:16px;width:100%}.form-group-student label{font-size:13px;font-weight:700;color:#475569}.form-group-student input,.form-group-student select{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;outline:none;font-size:14px;color:#1e293b;background-color:#fff;transition:border-color .2s;width:100%}.form-group-student input:focus,.form-group-student select:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91a}.field-hint{font-weight:400;color:#94a3b8;font-size:11px}.student-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f1f5f9;background-color:#f8fafc}.btn-modal-cancel{background-color:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover{background-color:#f1f5f9;color:#1e293b}.btn-modal-submit{background-color:#3acfa9;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3acfa926}.btn-modal-submit:hover{background-color:#2eb490;transform:translateY(-1px)}.delete-confirm-modal{max-width:400px;padding:32px 24px;text-align:center}.delete-alert-icon{color:#ef4444;margin:0 auto 16px;width:56px;height:56px;border-radius:50%;background-color:#fef2f2;display:flex;align-items:center;justify-content:center}.delete-confirm-modal h2{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 10px}.delete-confirm-modal p{font-size:14px;color:#64748b;line-height:1.5;margin:0 0 24px}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.btn-modal-danger{background-color:#ef4444;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-modal-danger:hover{background-color:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.admin-students-header{flex-direction:column;align-items:flex-start;gap:14px}.btn-add-student{width:100%;justify-content:center}.form-group-student-row{flex-direction:column;gap:18px}}.act-page{padding:8px;animation:actFadeIn .3s ease;font-family:Inter,Poppins,sans-serif}.act-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:14px}.act-banner-left{display:flex;align-items:center;gap:16px}.act-banner-icon{width:52px;height:52px;background:linear-gradient(135deg,#3acfa9,#0891b2);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px #3acfa959}.act-banner-title{font-size:28px;font-weight:600;color:#1e293b;margin:0}.act-banner-sub{font-size:14px;color:#64748b;margin:4px 0 0}.act-banner-actions{display:flex;gap:10px;align-items:center}.act-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;white-space:nowrap}.act-btn--outline{background:#fff;border:1.5px solid #e2e8f0;color:#475569;box-shadow:0 1px 4px #0000000a}.act-btn--outline:hover:not(:disabled){border-color:#3acfa9;color:#3acfa9;box-shadow:0 2px 12px #3acfa926}.act-btn--active{border-color:#3acfa9!important;color:#3acfa9!important;background:#f0fdf9!important}.act-btn:disabled{opacity:.45;cursor:not-allowed}.act-filter-dot{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;background:#3acfa9;color:#fff;border-radius:50%;font-size:11px;font-weight:700}.act-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.act-stat-card{background:#fff;border-radius:18px;padding:20px 22px;display:flex;align-items:center;gap:16px;border:1px solid #f1f5f9;box-shadow:0 2px 12px #0000000a;transition:transform .2s,box-shadow .2s}.act-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00000012}.act-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.act-stat-value{font-size:26px;font-weight:800;color:#0f172a;line-height:1}.act-stat-label{font-size:12px;color:#94a3b8;font-weight:500;margin-top:4px}.act-toolbar{margin-bottom:14px}.act-search-wrap{position:relative;max-width:540px}.act-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.act-search{width:100%;padding:12px 42px;border:1.5px solid #e2e8f0;border-radius:14px;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;box-shadow:0 1px 4px #0000000a}.act-search:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91f}.act-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center}.act-search-clear:hover{color:#475569}.act-filters-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:20px 22px;margin-bottom:16px;animation:actSlideDown .2s ease;box-shadow:0 4px 16px #0000000d}.act-filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;align-items:end}.act-filter-group{display:flex;flex-direction:column;gap:6px}.act-filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8}.act-filter-select{padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:11px;font-size:13px;font-family:Inter,sans-serif;color:#1e293b;background:#fff;outline:none;transition:border-color .2s;cursor:pointer}.act-filter-select:focus{border-color:#3acfa9}.act-btn-clear-filters{display:flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid #fca5a5;border-radius:11px;background:#fff1f2;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.act-btn-clear-filters:hover{background:#fee2e2}.act-table-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a;overflow:hidden;margin-bottom:20px}.act-table-scroll{overflow-x:auto}.act-table{width:100%;border-collapse:collapse;text-align:left}.act-table thead tr{background:#f8fafc;border-bottom:1px solid #f1f5f9}.act-table th{padding:14px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;white-space:nowrap}.act-table td{padding:14px 16px;border-bottom:1px solid #f8fafc;vertical-align:middle;font-size:14px;color:#334155}.act-table tbody tr{transition:background .15s}.act-table tbody tr:hover{background:#fafcff}.act-table tbody tr:last-child td{border-bottom:none}.act-user-cell{display:flex;align-items:center;gap:10px;min-width:130px}.act-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}.act-admin-name{font-weight:600;color:#0f172a;white-space:nowrap}.act-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.act-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.act-entity-name{font-weight:600;color:#0f172a;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.act-description{color:#475569;font-size:13px;max-width:260px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-date{font-size:12px;color:#94a3b8;white-space:nowrap}.act-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 40px;color:#94a3b8;font-size:14px}.act-error-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 40px;text-align:center}.act-error-icon{font-size:48px;line-height:1;margin-bottom:4px}.act-error-state h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.act-error-state>p{font-size:14px;color:#64748b;margin:0;max-width:420px;line-height:1.6}.act-error-steps{display:flex;flex-direction:column;gap:12px;margin-top:8px;width:100%;max-width:440px}.act-error-step{display:flex;align-items:center;gap:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;text-align:left;font-size:14px;color:#334155}.act-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#3acfa9,#0891b2);color:#fff;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.act-error-step code{background:#1e293b;color:#3acfa9;padding:2px 8px;border-radius:6px;font-size:12px;font-family:Courier New,monospace}.act-spinner{width:36px;height:36px;border:3px solid #f1f5f9;border-top-color:#3acfa9;border-radius:50%;animation:actSpin .8s linear infinite}.act-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 40px;text-align:center}.act-empty-icon{width:72px;height:72px;background:linear-gradient(135deg,#f0fdf9,#ecfeff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3acfa9;margin-bottom:4px}.act-empty h3{font-size:18px;font-weight:700;color:#1e293b;margin:0}.act-empty p{font-size:14px;color:#94a3b8;margin:0;max-width:380px;line-height:1.6}.act-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding-bottom:10px}.act-page-btn{width:38px;height:38px;border-radius:11px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;font-family:Inter,sans-serif;box-shadow:0 1px 4px #0000000a}.act-page-btn:hover:not(:disabled):not(.active){border-color:#3acfa9;color:#3acfa9}.act-page-btn.active{background:#1a1e2b;border-color:#1a1e2b;color:#fff;box-shadow:0 4px 12px #1a1e2b33}.act-page-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes actSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:actSpin .8s linear infinite}@keyframes actFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes actSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.act-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.act-banner{flex-direction:column;align-items:flex-start}.act-stats{grid-template-columns:repeat(2,1fr);gap:10px}.act-filters-grid{grid-template-columns:1fr}}.act-mobile-row,.act-mobile-card{display:none}@media (max-width: 600px){.act-table-scroll{overflow:visible}.act-table thead,.act-table tbody tr:not(.act-mobile-row){display:none}.act-mobile-row{display:table-row}.act-mobile-row td{padding:0;border:none}.act-mobile-card{display:block;margin:10px;padding:14px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 10px #0000000a}.act-mobile-card:last-child{margin-bottom:14px}.actc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}.actc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid #f8fafc}.actc-field{display:flex;flex-direction:column;gap:4px}.actc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.actc-entity{font-size:12.5px;font-weight:600;color:#334155;margin:0;padding-top:6px;border-top:1px solid #f8fafc}.actc-desc{font-size:12.5px;color:#64748b;margin:4px 0 8px;line-height:1.4}}.act-actions-icons{display:flex;gap:4px}.act-icon-btn{width:30px;height:30px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.act-icon-btn:hover{background:#f1f5f9;color:#1a1e2b}.act-icon-del:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.aco-container{padding:28px 0 60px;font-family:Inter,Poppins,sans-serif}.aco-header{margin-bottom:24px}.aco-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0}.aco-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.aco-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:14px;width:fit-content}.aco-tabs-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.aco-tab{padding:10px 24px;border:none;background:transparent;border-radius:11px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;font-family:Inter,Poppins,sans-serif}.aco-tab:hover{color:#1a1e2b}.aco-tab.active{background:#fff;color:#1a1e2b;box-shadow:0 2px 8px #0000000f}.aco-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.aco-search-wrap{position:relative;flex:1;max-width:380px;display:flex;align-items:center;gap:8px}.aco-search-inner{position:relative;flex:1;min-width:0}.aco-search-wrap .aco-btn{flex-shrink:0;padding:10px 14px}.aco-search-wrap .aco-btn-outline.active{border-color:#3acfa9;color:#3acfa9;background:#f0fdf9}.aco-filter-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#3acfa9;color:#fff;border-radius:50%;font-size:10px;font-weight:700}.aco-filters-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px 20px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:end}.aco-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.aco-search{width:100%;padding:11px 40px;border:1px solid #e2e8f0;border-radius:13px;font-size:14px;font-family:Inter,Poppins,sans-serif;color:#1e293b;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.aco-search:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91f}.aco-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}.aco-search-clear:hover{color:#475569}.aco-table-wrapper{background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a;overflow-x:auto}.aco-table{width:100%;border-collapse:collapse;text-align:left}.aco-table thead tr{background:#f8fafc;border-bottom:1px solid #f1f5f9}.aco-table th{padding:13px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;white-space:nowrap}.aco-table td{padding:13px 16px;border-bottom:1px solid #f8fafc;vertical-align:middle;font-size:14px;color:#334155}.aco-table tbody tr{transition:background .15s}.aco-table tbody tr:hover{background:#f8fafc}.aco-table tbody tr:last-child td{border-bottom:none}.aco-cell-mono{font-family:Courier New,monospace;font-size:12px;color:#94a3b8}.aco-cell-user{font-weight:600;color:#0f172a}.aco-cell-email{font-size:13px;color:#64748b}.aco-cell-coins{font-weight:700;color:#3acfa9}.aco-cell-date{font-size:13px;color:#64748b;white-space:nowrap}.aco-cell-code{font-weight:700;font-family:Courier New,monospace;font-size:13px;color:#1a1e2b;letter-spacing:.5px}.aco-cell-value{font-weight:700;color:#1a1e2b}.aco-cell-uses,.aco-cell-min{font-size:13px;color:#64748b}.aco-type-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;background:#f1f5f9;color:#475569}.aco-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}.aco-badge-green{background:#ecfdf5;color:#059669}.aco-badge-red{background:#fef2f2;color:#ef4444}.aco-badge-orange{background:#fffbeb;color:#f59e0b}.aco-badge-gray{background:#f1f5f9;color:#64748b}.aco-actions-cell{display:flex;gap:6px;white-space:nowrap}.aco-btn-sm{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,Poppins,sans-serif;transition:all .2s;border:none}.aco-btn-sm.aco-btn-primary{background:#3acfa9;color:#fff}.aco-btn-sm.aco-btn-primary:hover{background:#2eb490}.aco-btn-sm.aco-btn-outline{background:#fff;border:1px solid #e2e8f0;color:#64748b}.aco-btn-sm.aco-btn-outline:hover{border-color:#3acfa9;color:#3acfa9}.aco-btn-sm.aco-btn-danger{background:#fef2f2;color:#ef4444}.aco-btn-sm.aco-btn-danger:hover{background:#fee2e2}.aco-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.aco-page-btn{padding:9px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;font-family:Inter,Poppins,sans-serif;transition:all .2s}.aco-page-btn:hover:not(:disabled){border-color:#3acfa9;color:#3acfa9}.aco-page-btn:disabled{opacity:.5;cursor:not-allowed}.aco-page-info{font-size:13px;color:#64748b;font-weight:500}.aco-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 40px;color:#94a3b8;font-size:14px}.aco-spinner{width:34px;height:34px;border:3px solid #f1f5f9;border-top-color:#3acfa9;border-radius:50%;animation:aco-spin .8s linear infinite}.aco-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 40px;color:#94a3b8;font-size:14px}@keyframes aco-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aco-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,Poppins,sans-serif;transition:all .2s;border:none}.aco-btn-primary{background:#3acfa9;color:#fff;box-shadow:0 4px 12px #3acfa933}.aco-btn-primary:hover{background:#2eb490;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa94d}.aco-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.aco-btn-outline{background:#fff;border:1px solid #e2e8f0;color:#475569}.aco-btn-outline:hover{border-color:#3acfa9;color:#3acfa9}.aco-btn-danger{background:#ef4444;color:#fff}.aco-btn-danger:hover{background:#dc2626}.aco-modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:aco-fadeIn .18s ease}.aco-modal{background:#fff;border-radius:24px;width:90%;max-width:500px;box-shadow:0 24px 60px #00000026;animation:aco-slideUp .22s ease;overflow:hidden}.aco-modal-sm{max-width:400px;text-align:center;padding:32px 28px}.aco-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.aco-modal-header h2{font-size:18px;font-weight:600;color:#1a1e2b;margin:0}.aco-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.aco-modal-close:hover{background:#f1f5f9;color:#475569}.aco-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.aco-form-group{display:flex;flex-direction:column;gap:6px;flex:1}.aco-form-group label{font-size:13px;font-weight:700;color:#475569}.aco-form-group input,.aco-form-group select{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;outline:none;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s;font-family:Inter,Poppins,sans-serif}.aco-form-group input:focus,.aco-form-group select:focus{border-color:#3acfa9;box-shadow:0 0 0 3px #3acfa91a}.aco-form-row{display:flex;gap:16px}.aco-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f1f5f9;background:#f8fafc}.aco-modal-icon-danger{width:56px;height:56px;background:#fef2f2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.aco-modal-title{font-size:20px;font-weight:600;color:#1a1e2b;margin:0 0 10px}.aco-modal-desc{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.6}.aco-modal-actions{display:flex;gap:12px;justify-content:center}@keyframes aco-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes aco-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.aco-container{padding:20px 0 40px}.aco-tabs{width:100%}.aco-tab{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 8px}.aco-toolbar{flex-direction:column;align-items:stretch}.aco-search-wrap{max-width:none}.aco-form-row{flex-direction:column;gap:18px}.aco-actions-cell{flex-direction:column}}.aco-conn-status{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;margin-bottom:16px}.aco-conn-status.online{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.aco-conn-status.offline{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.aco-edit-input{padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#1a1e2b;width:100px;outline:none;font-family:inherit;transition:border-color .2s}.aco-edit-input:focus{border-color:#3acfa9}.aco-check-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;cursor:pointer}.aco-btn-edit{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.aco-btn-edit:hover{border-color:#3acfa9;color:#0d9488;background:#f0fdfa}.aco-btn-save{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:none;background:#3acfa9;color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;margin-right:6px;transition:all .2s}.aco-btn-save:hover:not(:disabled){background:#32b896}.aco-btn-save:disabled{background:#94a3b8;cursor:not-allowed}.aco-btn-cancel{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.aco-btn-cancel:hover{background:#f1f5f9}.aco-actions-icons{display:flex;gap:4px}.aco-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.aco-icon-btn:hover{background:#f1f5f9;color:#1a1e2b}.aco-icon-off{color:#ef4444}.aco-icon-off:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.aco-icon-on{color:#16a34a}.aco-icon-on:hover{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.aco-icon-del:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.aco-packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.aco-pkg-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px 20px;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s}.aco-pkg-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000a}.aco-pkg-card.popular{border-color:#3acfa9;background:#f0fdfa}.aco-pkg-card.editing{border-color:#3acfa9;box-shadow:0 0 0 2px #3acfa926}.aco-pkg-card.inactive{opacity:.5;background:#f8fafc;border-color:#f1f5f9}.aco-pkg-card.inactive:hover{opacity:.65}.aco-pkg-badge{position:absolute;top:-10px;right:16px;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;background:#0d9488;color:#fff}.aco-pkg-badge-pop{background:#f59e0b}.aco-pkg-icon{width:48px;height:48px;border-radius:50%;background:#f0fdfa;color:#3acfa9;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin-bottom:4px}.aco-pkg-name{font-size:14px;font-weight:700;color:#1a1e2b;margin:0}.aco-pkg-coins{font-size:24px;font-weight:800;color:#1a1e2b}.aco-pkg-coins span{font-size:13px;font-weight:500;color:#94a3b8}.aco-pkg-price{font-size:15px;font-weight:700;color:#3acfa9}.aco-pkg-discount{font-size:12px;font-weight:600;color:#f59e0b;background:#fffbeb;padding:3px 10px;border-radius:8px}.aco-pkg-actions{display:flex;gap:6px;margin-top:8px}.aco-pkg-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.aco-pkg-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.aco-pkg-row label{font-size:12px;font-weight:600;color:#64748b}.aco-pkg-input{width:100%;padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;font-weight:700;color:#1a1e2b;outline:none;font-family:inherit}.aco-pkg-input:focus{border-color:#3acfa9}.aco-pkg-input-sm{width:100px;padding:5px 8px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#1a1e2b;outline:none;font-family:inherit;text-align:right}.aco-pkg-input-sm:focus{border-color:#3acfa9}@media (max-width: 900px){.aco-packages-grid{grid-template-columns:repeat(2,1fr)}}.aco-mobile-row,.aco-mobile-card{display:none}@media (max-width: 600px){.aco-packages-grid{grid-template-columns:1fr}.aco-table-wrapper{overflow:visible}.aco-table thead,.aco-table tbody tr:not(.aco-mobile-row){display:none}.aco-mobile-row{display:table-row}.aco-mobile-row td{padding:0;border:none}.aco-mobile-card{display:block;margin:10px;padding:14px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 10px #0000000a}.aco-mobile-card:last-child{margin-bottom:14px}.acoc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px}.acoc-head{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.acoc-user{font-weight:700;color:#0f172a;font-size:14px}.acoc-email{font-size:12px;color:#64748b;word-break:break-all}.acoc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid #f8fafc}.acoc-field{display:flex;flex-direction:column;gap:4px}.acoc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.acoc-desc{font-size:12px;color:#64748b;margin:0;padding-top:6px;border-top:1px solid #f8fafc}.acoc-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #f8fafc}}.td-container{padding:32px;max-width:800px;margin:0 auto}.td-loading{text-align:center;padding:80px;color:#94a3b8}.td-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:20px}.td-back:hover{color:#1a1e2b}.td-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:28px}.td-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.td-header h1{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 4px}.td-meta{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:4px}.td-content{max-height:60vh;overflow-y:auto}.td-empty{color:#94a3b8;text-align:center;padding:40px}.td-line{padding:8px 0;border-bottom:1px solid #f8fafc;font-size:14px;line-height:1.6}.td-speaker{font-weight:600;color:#3acfa9;margin-right:6px}@media (max-width: 600px){.td-container{padding:16px 12px 24px}.td-card{padding:18px 14px}.td-header{align-items:flex-start;gap:10px}.td-header h1{font-size:20px;overflow-wrap:anywhere}.td-meta{flex-wrap:wrap}.td-line{overflow-wrap:anywhere}}.rcm-modal{background:#fff;width:100%;max-width:480px;border-radius:24px;padding:32px;position:relative;box-shadow:0 20px 50px #00000026;animation:modalScaleUp .3s ease-out}.rcm-close{position:absolute;top:20px;right:20px;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}.rcm-close:hover{background:#f8fafc;color:#1a1e2b}.rcm-header{text-align:center;margin-bottom:28px}.rcm-header h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.rcm-header p{font-size:14px;color:#64748b;margin:0}.rcm-body{display:flex;flex-direction:column;align-items:center;gap:8px}.rcm-stars{display:flex;gap:4px;justify-content:center}.rcm-star-btn{border:none;background:transparent;cursor:pointer;padding:4px;transition:filter .15s}.rcm-star-btn:hover{filter:brightness(1.2) drop-shadow(0 0 4px rgba(245,158,11,.5))}.rcm-star-filled{color:#f59e0b;fill:#f59e0b}.rcm-star-empty{color:#d1d5db}.rcm-rating-label{font-size:16px;font-weight:700;color:#1a1e2b;margin:4px 0 16px;min-height:20px}.rcm-textarea-label{font-size:13px;font-weight:700;color:#475569;align-self:flex-start;margin-top:8px;margin-bottom:4px}.rcm-textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;font-family:inherit;font-size:14px;color:#1a1e2b;resize:none;outline:none;transition:border-color .2s,background-color .2s;box-sizing:border-box}.rcm-textarea:focus{border-color:#3acfa9;background:#fff}.rcm-textarea::placeholder{color:#94a3b8}.rcm-counter{font-size:12px;color:#94a3b8;align-self:flex-end;margin:4px 0 0}.rcm-submit{width:100%;padding:14px 28px;border-radius:14px;border:none;background:#3acfa9;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;margin-top:20px}.rcm-submit:hover:not(:disabled){background:#32b896;transform:translateY(-2px);box-shadow:0 8px 25px #3acfa966}.rcm-submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.rcm-error{color:#ef4444;font-size:13px;font-weight:600;text-align:center;margin:8px 0 0;background:#fef2f2;padding:10px 16px;border-radius:10px;width:100%;box-sizing:border-box}.rcm-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0 8px;text-align:center}.rcm-success-icon{color:#22c55e;margin-bottom:8px}.rcm-success h2{font-size:22px;font-weight:600;color:#1a1e2b;margin:0}.rcm-success p{font-size:14px;color:#64748b;margin:0;max-width:320px;line-height:1.5}.ccd-container{padding:0 0 32px}.ccd-back{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:600;margin-bottom:24px;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:color .2s}.ccd-back:hover{color:#1a1e2b}.ccd-header-card{background:#fff;border-radius:24px;padding:32px;margin-bottom:24px;border:1px solid #f1f5f9}.ccd-badge-completed{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;color:#22c55e;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:24px}.ccd-hero{display:flex;align-items:center;gap:24px;margin-bottom:28px}.ccd-tutor-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#3acfa9;display:flex;align-items:center;justify-content:center;border:3px solid #f0fdf9}.ccd-tutor-avatar img{width:100%;height:100%;object-fit:cover}.ccd-tutor-avatar span{color:#fff;font-size:22px;font-weight:800}.ccd-hero-text h1{margin:0 0 10px;font-size:28px;font-weight:600;color:#1e293b}.ccd-info-row{display:flex;align-items:center;gap:12px;color:#64748b;font-size:14px;font-weight:600;flex-wrap:wrap}.ccd-info-row svg{flex-shrink:0}.ccd-actions-row{display:flex;gap:12px;flex-wrap:wrap}.ccd-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3acfa9;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s}.ccd-btn-primary:hover{background:#32b896;transform:translateY(-1px);box-shadow:0 6px 16px #3acfa94d}.ccd-btn-outline{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#1a1e2b;border:1px solid #e2e8f0;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s}.ccd-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.ccd-two-col{display:grid;grid-template-columns:2fr 1fr;gap:24px}.ccd-left-col,.ccd-right-col{display:flex;flex-direction:column;gap:24px}.ccd-card{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9}.ccd-section-title{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:18px;font-weight:600;color:#1a1e2b}.ccd-section-title span{margin:0}.ccd-section-subtitle{margin:0 0 16px;font-size:13px;color:#94a3b8}.ccd-note-text{background:#f8fafc;border-radius:16px;padding:20px;font-size:14px;color:#475569;line-height:1.7;border:1px solid #f1f5f9}.ccd-transcript-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ccd-transcript-link{background:none;border:none;color:#3acfa9;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;padding:0;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.ccd-transcript-link:hover{color:#2eb488;text-decoration:underline}.ccd-transcript-list{display:flex;flex-direction:column;gap:16px}.ccd-transcript-entry{display:flex;gap:12px}.ccd-transcript-entry.ccd-transcript-faded{opacity:.5}.ccd-transcript-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.ccd-transcript-avatar.tutor{background:#8b5cf6}.ccd-transcript-avatar.student{background:#22c55e}.ccd-transcript-content{flex:1;min-width:0}.ccd-transcript-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ccd-transcript-speaker{font-size:13px;font-weight:700;color:#1a1e2b}.ccd-transcript-time{font-size:12px;font-weight:600;color:#3acfa9}.ccd-transcript-text{margin:0;font-size:14px;color:#475569;line-height:1.6}.ccd-transcript-link-bottom{margin-top:16px}.ccd-transcript-empty{color:#94a3b8;font-size:13px;text-align:center;padding:16px 0;margin:8px 0 0}.ccd-transcript-notice{font-size:12px;color:#f59e0b;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 12px;margin:0 0 16px;font-weight:500}.ccd-transcript-simulated{font-size:12px;color:#94a3b8;text-align:center;padding:12px 0 0;margin:8px 0 0;font-style:italic}.ccd-stars{display:flex;gap:8px;margin-bottom:20px}.ccd-star-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.ccd-star-btn:hover{transform:scale(1.15)}.ccd-rate-btn{width:100%;justify-content:center}.ccd-tutor-card{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9}.ccd-card-label{display:block;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:1px;margin-bottom:20px}.ccd-tutor-card-info{display:flex;align-items:center;gap:14px;margin-bottom:20px}.ccd-tutor-avatar-sm{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#3acfa9;display:flex;align-items:center;justify-content:center}.ccd-tutor-avatar-sm img{width:100%;height:100%;object-fit:cover}.ccd-tutor-avatar-sm span{color:#fff;font-size:16px;font-weight:800}.ccd-tutor-card-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1e2b}.ccd-tutor-card-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:600}.ccd-rating-badge{display:inline-flex;align-items:center;gap:4px;background:#f0fdf4;color:#22c55e;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700}.ccd-tutor-card-country{color:#94a3b8}.ccd-tutor-profile-btn{width:100%;justify-content:center}.ccd-materials-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.ccd-material-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.ccd-material-item:hover{border-color:#3acfa9;background:#fff;box-shadow:0 2px 8px #3acfa914}.ccd-material-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ccd-material-text{flex:1;min-width:0}.ccd-material-text h5{margin:0 0 2px;font-size:13px;font-weight:700;color:#1a1e2b}.ccd-material-text span{font-size:11px;color:#94a3b8}.ccd-material-download{width:30px;height:30px;border-radius:50%;border:none;background:#f0fdf9;color:#3acfa9;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.ccd-material-download:hover{background:#3acfa9;color:#fff}.ccd-goals-list{list-style:none;padding:0;margin:16px 0 0}.ccd-goals-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;margin-bottom:12px;font-weight:500}.ccd-goal-check{color:#a855f7;font-weight:800;flex-shrink:0}@media (max-width: 768px){.ccd-container{padding:16px 0}.ccd-header-card{padding:20px}.ccd-hero{flex-direction:column;align-items:flex-start;gap:16px}.ccd-info-row{font-size:13px}.ccd-actions-row{flex-direction:column}.ccd-btn-primary,.ccd-btn-outline{width:100%;justify-content:center}.ccd-two-col{grid-template-columns:1fr}.ccd-card{padding:20px}.ccd-transcript-header{flex-direction:column;align-items:flex-start;gap:8px}.ccd-stars{justify-content:center}.ccd-hero-text h1{font-size:22px}}.ccd-report-card{margin-top:20px}.ccd-report-intro{font-size:14px;color:#475569;line-height:1.6;margin-bottom:16px;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:3px solid #8b5cf6}.ccd-report-wins{margin-bottom:16px}.ccd-report-wins h4{font-size:13px;font-weight:700;color:#16a34a;margin:0 0 8px}.ccd-report-wins ul{list-style:none;padding:0;margin:0}.ccd-report-wins li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#334155;padding:6px 0}.ccd-report-wins li svg{flex-shrink:0;margin-top:2px;color:#16a34a}.ccd-report-corrections{margin-bottom:16px}.ccd-report-corrections h4{font-size:13px;font-weight:700;color:#ea580c;margin:0 0 8px}.ccd-correction{padding:10px 14px;background:#fff7ed;border-radius:8px;margin-bottom:8px}.ccd-correction-error{font-size:12px;color:#c2410c;margin:0 0 4px;font-style:italic}.ccd-correction-fix{font-size:13px;color:#15803d;font-weight:600;margin:0 0 4px}.ccd-correction-explanation{font-size:12px;color:#64748b;margin:0}.ccd-report-vocab{margin-bottom:16px}.ccd-report-vocab h4{font-size:13px;font-weight:700;color:#2563eb;margin:0 0 8px}.ccd-vocab-list{display:flex;flex-wrap:wrap;gap:6px}.ccd-vocab-word{font-size:12px;padding:6px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af}.ccd-report-tip{font-size:13px;padding:12px 16px;background:#fefce8;border:1px solid #fde68a;border-radius:8px;color:#92400e;line-height:1.5}.ccd-report-tip strong{display:block;margin-bottom:4px}.cr-full-area{height:100vh;overflow:hidden}.cr-full-area .content-scroll{display:none}.cr-topbar{flex-shrink:0}.cr-content{flex:1;min-height:0}.cr-chat-sidebar{flex-shrink:0}.cr-chat-messages::-webkit-scrollbar{width:5px}.cr-chat-messages::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.cr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px}.cr-loading p{font-size:15px;color:#64748b}.cr-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}@media (max-width: 768px){.cr-content{flex-direction:column}.cr-chat-sidebar{width:100%!important;max-height:40vh;border-left:none;border-top:1px solid #f1f5f9}.cr-topbar{flex-wrap:wrap;gap:8px;padding:8px 12px!important}.cr-topbar>div:first-child{font-size:12px}}.post-class-page{position:fixed;inset:0;background:#0f172a;display:flex;flex-direction:column;z-index:9999;animation:postClassFadeIn .4s ease-out;overflow-y:auto}@keyframes postClassFadeIn{0%{opacity:0}to{opacity:1}}.post-class-top-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}.post-class-logo{opacity:.9}.post-class-close{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.post-class-close:hover{background:#ffffff1a;color:#fff}.post-class-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 40px;gap:0;min-height:0}.post-class-check-circle{margin-bottom:28px}.post-class-check-outer{width:120px;height:120px;border-radius:50%;border:3px solid rgba(58,207,169,.3);display:flex;align-items:center;justify-content:center;animation:checkPulse 2s ease-in-out infinite}@keyframes checkPulse{0%,to{border-color:#3acfa94d}50%{border-color:#3acfa999}}.post-class-check-inner{width:80px;height:80px;border-radius:50%;background:#3acfa9;display:flex;align-items:center;justify-content:center;color:#fff;animation:checkScale .5s ease-out .2s both}@keyframes checkScale{0%{transform:scale(0)}to{transform:scale(1)}}.post-class-title{font-size:36px;font-weight:600;color:#fff;margin:0 0 10px;text-align:center}.post-class-subtitle{font-size:16px;color:#94a3b8;margin:0 0 24px;text-align:center}.post-class-coins-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:50px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#f59e0b;font-size:15px;font-weight:700;margin-bottom:32px}.post-class-coins-party{font-size:16px}.post-class-rating-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 40px;text-align:center;margin-bottom:32px;min-width:380px}.post-class-rating-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 20px}.post-class-stars{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.post-class-star-btn{border:none;background:transparent;cursor:pointer;padding:4px;transition:transform .15s}.post-class-star-btn:hover:not(:disabled){transform:scale(1.15)}.post-class-star-btn:disabled{cursor:default}.post-class-rating-subtitle{font-size:13px;color:#64748b;margin:0}.post-class-comment{width:100%;margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;font-family:inherit;font-size:14px;resize:none;outline:none;transition:border-color .2s;box-sizing:border-box}.post-class-comment::placeholder{color:#64748b}.post-class-comment:focus{border-color:#3acfa9}.post-class-comment-counter{font-size:12px;color:#64748b;text-align:right;margin:4px 0 0}.post-class-submit-rating{margin-top:16px;padding:10px 28px;border-radius:12px;border:none;background:#3acfa9;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.post-class-submit-rating:hover:not(:disabled){background:#32b896;transform:translateY(-1px)}.post-class-submit-rating:disabled{background:#334155;color:#64748b;cursor:not-allowed}.post-class-rated-msg{margin-top:12px;color:#3acfa9;font-size:14px;font-weight:600}.post-class-actions{display:flex;gap:16px;align-items:center}.post-class-btn-later{padding:14px 28px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#94a3b8;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.post-class-btn-later:hover{background:#ffffff1a;color:#fff}.post-class-btn-go{padding:14px 28px;border-radius:14px;border:none;background:#3acfa9;color:#fff;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.post-class-btn-go:hover{background:#32b896;transform:translateY(-2px);box-shadow:0 8px 25px #3acfa966}.post-class-loading{color:#94a3b8;font-size:16px}@media (max-width: 600px){.post-class-title{font-size:28px}.post-class-rating-card{min-width:auto;width:100%;padding:24px 20px}.post-class-actions{flex-direction:column;width:100%}.post-class-btn-later,.post-class-btn-go{width:100%;justify-content:center}}@media (max-width: 700px){.post-class-actions{flex-direction:column;width:100%}.post-class-btn-later,.post-class-btn-go{width:100%;justify-content:center}}.eb-page-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:28px}.eb-history-hero{margin-bottom:24px}.eb-history-hero h1{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 6px}.eb-history-hero p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.eb-back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:13px;font-weight:600;color:#3acfa9;cursor:pointer;padding:0;margin-bottom:20px;font-family:inherit;transition:color .2s}.eb-back-link:hover{color:#0d9488}.eb-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.eb-stat-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 22px}.eb-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eb-stat-icon-level{background:#f0fdfa}.eb-stat-level-letter{font-size:20px;font-weight:800;color:#0d9488}.eb-stat-icon-tests{background:#eff6ff;color:#3b82f6}.eb-stat-icon-trend{background:#fff7ed;color:#f59e0b}.eb-stat-info{display:flex;flex-direction:column;gap:1px}.eb-stat-label{font-size:12px;color:#94a3b8;font-weight:500}.eb-stat-value{font-size:22px;font-weight:800;color:#1a1e2b;line-height:1.2}.eb-stat-sub{font-size:12px;font-weight:600}.eb-stat-sub-green{color:#16a34a}.eb-stat-sub-blue{color:#3b82f6}.eb-stat-sub-amber{color:#f59e0b}.eb-table-section{background:#fff}.eb-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.eb-table-header h2{font-size:17px;font-weight:600;color:#1a1e2b;margin:0}.eb-table-filters{display:flex;gap:10px}.eb-filter-select{padding:8px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;font-family:inherit;outline:none;transition:border-color .2s}.eb-filter-select:focus{border-color:#3acfa9}.eb-table-wrap{border:1px solid #f1f5f9;border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.eb-page-wrapper{padding:16px}.eb-stat-cards{grid-template-columns:1fr;gap:10px}.eb-table-header{flex-wrap:wrap;gap:10px}.eb-table-filters,.eb-filter-select{width:100%}.eb-table-head,.eb-table-row{min-width:700px}}.eb-table-head{display:flex;align-items:center;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.eb-table-head .eb-col{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.eb-table-row{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #f8fafc;transition:background .15s}.eb-table-row:last-child{border-bottom:none}.eb-table-row:hover{background:#fafbfc}.eb-row-latest{background:#f0fdf9;border-left:3px solid #14b8a6}.eb-row-latest:hover{background:#e6faf5}.eb-col{display:flex;align-items:center}.eb-col-date{width:180px;flex-direction:column;align-items:flex-start;gap:3px}.eb-date-text{font-size:13px;font-weight:600;color:#1a1e2b}.eb-date-badge{font-size:10px;font-weight:600;color:#14b8a6}.eb-col-level{width:130px;gap:8px}.eb-level-pill{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 8px;border-radius:6px;color:#fff;font-size:12px;font-weight:700}.eb-level-sub{font-size:13px;color:#64748b;font-weight:500}.eb-col-score{width:100px}.eb-score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:28px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:700}.score-green{background:#dcfce7;color:#16a34a}.score-yellow{background:#fef9c3;color:#ca8a04}.score-red{background:#fee2e2;color:#dc2626}.eb-col-strength,.eb-col-weak{width:200px}.eb-skill-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.eb-dot-green{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.eb-dot-orange{width:8px;height:8px;border-radius:50%;background:#f97316;flex-shrink:0}.eb-skill-green{color:#16a34a}.eb-skill-orange{color:#ea580c}.eb-col-action{margin-left:auto}.eb-report-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.eb-report-btn:hover{border-color:#3acfa9;color:#0d9488;background:#f0fdfa}.eb-empty-state{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.eb-empty-icon{font-size:48px;margin-bottom:16px}.eb-empty-state h3{font-size:18px;font-weight:700;color:#1a1e2b;margin:0 0 8px}.eb-empty-state p{font-size:14px;color:#64748b;max-width:380px;line-height:1.5;margin:0}.eb-empty-btn{display:inline-flex;align-items:center;gap:6px;background:#14b8a6;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:16px}.eb-empty-btn:hover{background:#0d9488}@media (max-width: 1024px){.eb-stat-cards{grid-template-columns:1fr}.eb-table-filters{flex-direction:column;gap:8px}.eb-col-strength,.eb-col-weak{display:none}}@media (max-width: 768px){.eb-table-header{flex-direction:column;gap:12px;align-items:flex-start}.eb-col-level{display:none}}.ed-page-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:28px}.ed-back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:13px;font-weight:600;color:#3acfa9;cursor:pointer;padding:0;margin-bottom:20px;font-family:inherit;transition:color .2s}.ed-back-link:hover{color:#0d9488}.ed-summary-card{display:flex;align-items:center;gap:40px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 32px;margin-bottom:28px}.ed-summary-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.ed-level-badge-lg{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #0f766e4d}.ed-level-info{display:flex;flex-direction:column;gap:2px}.ed-label-green{font-size:10px;font-weight:700;color:#0d9488;text-transform:uppercase;letter-spacing:1px}.ed-level-name{font-size:20px;font-weight:700;color:#1e293b;margin:0}.ed-level-date{font-size:13px;color:#94a3b8;margin:0}.ed-summary-center{flex:1;min-width:200px}.ed-progress-row{display:flex;justify-content:space-between;margin-bottom:6px}.ed-progress-label{font-size:12px;font-weight:600;color:#64748b}.ed-progress-remaining{font-size:12px;font-weight:700;color:#0d9488}.ed-progress-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:4px}.ed-progress-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:3px;transition:width .6s ease}.ed-progress-hint{font-size:11px;color:#94a3b8;margin:0}.ed-summary-right{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.ed-score-big{font-size:40px;font-weight:900;color:#1e293b;line-height:1}.ed-score-sub{font-size:11px;color:#94a3b8;margin-bottom:6px}.ed-btn-green{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#14b8a6;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.ed-btn-green:hover{background:#0d9488}.ed-section{margin-bottom:28px}.ed-section-header{margin-bottom:16px}.ed-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.ed-section-subtitle{font-size:13px;color:#94a3b8;margin:0}.ed-skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ed-skill-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px}.ed-skill-top{display:flex;justify-content:space-between;align-items:center}.ed-skill-name{font-size:14px;font-weight:600;color:#1e293b;margin:0}.ed-skill-pct{font-size:28px;font-weight:800;color:#1e293b;line-height:1.2}.ed-skill-bar-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-top:8px}.ed-skill-bar-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:3px;transition:width .6s ease}.ed-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.ed-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.ed-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ed-detail-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ed-icon-green{background:#f0fdf4;color:#16a34a}.ed-icon-orange{background:#fff7ed;color:#ea580c}.ed-icon-blue{background:#eff6ff;color:#2563eb}.ed-detail-header h3{font-size:15px;font-weight:700;color:#1e293b;margin:0}.ed-detail-header p{font-size:12px;color:#94a3b8;margin:0}.ed-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ed-detail-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569;line-height:1.5}.ed-item-green svg{color:#16a34a;flex-shrink:0}.ed-item-orange{color:#475569}.ed-dot-orange{width:8px;height:8px;border-radius:50%;background:#f97316;flex-shrink:0}.ed-roadmap-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:20px}.ed-tags{display:flex;flex-wrap:wrap;gap:8px}.ed-tag{font-size:12px;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 14px;border-radius:20px}@media (max-width: 1024px){.ed-skills-grid{grid-template-columns:repeat(2,1fr)}.ed-summary-card{flex-wrap:wrap;gap:20px}.ed-summary-center{order:3;width:100%}}@media (max-width: 768px){.ed-page-wrapper{padding:16px}.ed-summary-card{padding:20px 16px;gap:18px}.ed-summary-card{flex-direction:column;align-items:flex-start}.ed-summary-right{align-items:flex-start}.ed-two-col,.ed-skills-grid{grid-template-columns:1fr}}:root{--tp-primary: #3ACFA9;--tp-primary-hover: #2EB488;--tp-bg-main: #f8fafc;--tp-border: #f1f5f9;--tp-text-dark: #1e293b;--tp-text-gray: #64748b;--tp-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05)}.tour-layout-independent{display:flex;height:100vh;width:100vw;background-color:var(--tp-bg-main);font-family:Inter,Poppins,sans-serif;overflow:hidden;box-sizing:border-box;position:relative;isolation:isolate}@media (max-width: 1100px){.tour-sidebar{width:220px}.tour-header{padding:0 20px}.tour-content-scroll{padding:24px}}@media (max-width: 768px){.tour-layout-independent{min-height:100dvh;height:auto;overflow:visible}.tour-sidebar{display:none}.tour-main-area{min-width:0;min-height:100dvh;overflow:visible}.tour-header{height:auto;min-height:58px;padding:10px 12px;gap:10px;flex-wrap:wrap}.tour-header-actions{gap:8px;flex-wrap:wrap}.tour-search-bar{width:min(280px,100%)}.tour-content-scroll{padding:16px 12px 28px;overflow:visible}.tour-stats-grid,.tour-tutor-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tour-actions-row{grid-template-columns:1fr;gap:12px}.tour-welcome-card{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto}.tour-tooltip-card{inset:auto 12px 16px!important;width:auto!important;max-width:none!important}}@media (max-width: 480px){.tour-breadcrumb{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-stats-grid,.tour-tutor-stats-grid{grid-template-columns:1fr}.tour-header-actions{width:100%;justify-content:flex-end}.tour-search-bar{flex:1;width:auto}}.tour-layout-independent *{box-sizing:border-box;margin:0;padding:0}.tour-sidebar{width:260px;background:#fff;border-right:1px solid var(--tp-border);display:flex;flex-direction:column;height:100%;flex-shrink:0;position:relative;transition:box-shadow .3s ease}.tour-sidebar.highlight-sidebar{box-shadow:4px 0 30px #3acfa959,0 0 0 3px #3acfa980;z-index:5000}.tour-sidebar-logo{padding:24px;display:flex;align-items:center;gap:8px}.tour-logo{font-size:1.35rem;font-weight:700;letter-spacing:-.5px}.tour-logo-teal{color:var(--tp-primary)}.tour-logo-dark{color:var(--tp-text-dark)}.tour-badge-student{background:#e2f7f1;color:var(--tp-primary);font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase}.tour-sidebar-menu{flex:1;overflow-y:auto;padding:0 12px 20px}.tour-menu-section{margin-bottom:20px}.tour-menu-title{font-size:.68rem;color:#94a3b8;font-weight:700;text-transform:uppercase;padding:0 12px;margin-bottom:6px;letter-spacing:.8px}.tour-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--tp-text-dark);font-size:.86rem;font-weight:500;cursor:default;border-radius:10px;transition:all .2s}.tour-menu-item.active{background:var(--tp-primary);color:#fff;font-weight:600}.tour-menu-item svg{flex-shrink:0}.tour-sidebar-user{padding:16px 20px;border-top:1px solid var(--tp-border);display:flex;align-items:center;gap:12px;background:#fff}.tour-user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--tp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.tour-user-info{display:flex;flex-direction:column}.tour-user-name{font-size:.88rem;font-weight:700;color:var(--tp-text-dark)}.tour-user-level{font-size:.72rem;color:var(--tp-text-gray);margin-top:1px}.tour-main-area{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.tour-header{height:70px;border-bottom:1px solid var(--tp-border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0}.tour-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.84rem}.tour-crumb-mute{color:var(--tp-text-gray)}.tour-crumb-sep{color:#cbd5e1}.tour-crumb-active{color:var(--tp-text-dark);font-weight:500}.tour-header-actions{display:flex;align-items:center;gap:20px}.tour-search-bar{position:relative;width:280px}.tour-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--tp-text-gray);pointer-events:none}.tour-search-bar input{width:100%;height:38px;border:1px solid var(--tp-border);border-radius:20px;padding-left:38px;padding-right:16px;font-size:.82rem;color:var(--tp-text-dark);background:var(--tp-bg-main);outline:none}.tour-notification-bell{position:relative;cursor:default;color:var(--tp-text-gray);display:flex;align-items:center}.tour-bell-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;background-color:#ef4444;border-radius:50%}.tour-btn-reserve-class{background:var(--tp-primary);color:#fff;border:2px solid rgba(255,255,255,.75);padding:9px 20px;border-radius:12px;font-weight:600;font-size:.86rem;cursor:default}.tour-content-scroll{flex:1;overflow-y:auto;padding:10px 32px 32px;background:var(--tp-bg-main)}.tour-greeting-section{margin-bottom:10px}.tour-greeting-section h1{font-size:1.6rem;font-weight:600;color:var(--tp-text-dark);margin-bottom:4px}.tour-greeting-section p{font-size:.88rem;color:var(--tp-text-gray)}.tour-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px}.tour-stat-card{background:#fff;padding:14px 16px;border-radius:16px;border:1px solid var(--tp-border);box-shadow:var(--tp-shadow)}.tour-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tour-stat-label{font-size:.76rem;color:var(--tp-text-gray);font-weight:600}.tour-stat-indicator{width:24px;height:24px;border-radius:50%}.tour-stat-indicator.green{background:#3acfa9;opacity:.15}.tour-stat-indicator.orange{background:#f97316;opacity:.15}.tour-stat-indicator.blue{background:#3b82f6;opacity:.15}.tour-stat-indicator.purple{background:#a855f7;opacity:.15}.tour-stat-value{font-size:1.55rem;font-weight:700;color:var(--tp-text-dark)}.tour-stat-meta{font-size:.72rem;font-weight:700;margin-top:2px}.tour-stat-meta.green{color:var(--tp-primary)}.tour-stat-meta.orange{color:#f97316}.tour-stat-meta.blue{color:#3b82f6}.tour-stat-meta.purple{color:#f59e0b}.tour-central-grid{display:grid;grid-template-columns:3fr 1.2fr;gap:20px;align-items:start;margin-bottom:0}.tour-left-column{display:flex;flex-direction:column;gap:24px}.tour-next-class-promo{background:linear-gradient(135deg,#3acfa9,#17b897);border-radius:20px;padding:22px 48px 22px 40px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px #3acfa940;box-sizing:border-box;width:100%}.tour-next-class-promo>*{position:relative;z-index:2}.tour-next-class-promo:after{content:"";position:absolute;width:240px;height:240px;background:#ffffff26;border-radius:50%;top:50%;right:-50px;transform:translateY(-50%);pointer-events:none;z-index:1}.tour-next-class-promo.highlight-target{outline:2px solid #ffffff;outline-offset:0px;box-shadow:0 20px 40px #00000026;z-index:5000}.tour-promo-badge{display:inline-block;background:#ffffff38;font-size:.6rem;font-weight:400;letter-spacing:1.2px;padding:3px 14px;border-radius:20px;margin-bottom:8px;font-family:Inter,sans-serif;text-transform:uppercase}.tour-promo-time{font-size:2.8rem;font-weight:400;line-height:1;margin-bottom:4px;font-family:Inter,sans-serif;letter-spacing:-2px}.tour-promo-title{font-size:1.05rem;font-weight:300;margin-bottom:2px;font-family:Inter,sans-serif;letter-spacing:.1px}.tour-promo-meta{font-size:.78rem;opacity:.78;margin-bottom:16px;font-weight:300;font-family:Inter,sans-serif}.tour-btn-join{background:#fff;color:#17b897;border:none;padding:10px 28px;border-radius:24px;font-weight:500;font-size:.84rem;cursor:default;letter-spacing:.1px}.tour-agenda-card{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--tp-border);box-shadow:var(--tp-shadow)}.tour-agenda-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tour-agenda-header h3{font-size:1.05rem;font-weight:700;color:var(--tp-text-dark)}.tour-agenda-date{font-size:.74rem;color:var(--tp-text-gray);margin-left:8px}.tour-agenda-link{font-size:.78rem;color:var(--tp-primary);font-weight:600}.tour-agenda-list{display:flex;flex-direction:column}.tour-agenda-row{display:grid;grid-template-columns:60px 1fr 100px 80px;padding:14px 0;border-bottom:1px solid #f8fafc;align-items:center}.tour-agenda-row:last-child{border-bottom:none}.tour-row-time{font-weight:700;color:var(--tp-text-dark);font-size:.88rem}.tour-row-title{font-size:.86rem;font-weight:500;color:var(--tp-text-dark)}.tour-row-tag{justify-self:center;font-size:.6rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase}.tour-row-tag.tag-speaking{background:#e1effe;color:#1e429f}.tour-row-status{text-align:right;font-size:.78rem;font-weight:700}.tour-row-status.green{color:var(--tp-primary)}.tour-row-status.orange{color:#f97316}.tour-right-column{display:flex;flex-direction:column;gap:24px}.tour-pending-card{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--tp-border);box-shadow:var(--tp-shadow)}.tour-pending-card h3{font-size:1.05rem;font-weight:700;color:var(--tp-text-dark)}.tour-pending-subtitle{font-size:.74rem;color:var(--tp-text-gray);margin-bottom:16px;display:block}.tour-pending-list{display:flex;flex-direction:column;gap:12px}.tour-pending-item{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #f8fafc}.tour-pending-item:last-child{border-bottom:none;padding-bottom:0}.tour-pending-badge{font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.tour-pending-badge.quiz{background:#f3e8ff;color:#6b21a8}.tour-pending-badge.writing{background:#fef3c7;color:#92400e}.tour-pending-badge.speaking{background:#d1fae5;color:#065f46}.tour-pending-name{font-size:.82rem;font-weight:500;color:var(--tp-text-dark);flex:1}.tour-pending-due{font-size:.72rem;font-weight:600}.tour-pending-due.red{color:#ef4444}.tour-pending-due.orange{color:#f59e0b}.tour-pending-due.gray{color:var(--tp-text-gray)}.tour-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.tour-action-card{background:#fff;border-radius:20px;padding:20px;border:1px solid var(--tp-border);box-shadow:var(--tp-shadow);display:flex;flex-direction:column;align-items:center;text-align:center}.tour-action-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:12px}.tour-action-icon.green{background:#e2f7f1}.tour-action-icon.purple{background:#f3e8ff}.tour-action-card h4{font-size:.92rem;font-weight:700;color:var(--tp-text-dark);margin-bottom:2px}.tour-action-card p{font-size:.76rem;color:var(--tp-text-gray);margin-bottom:8px}.tour-action-badge{font-size:.7rem;font-weight:700;color:var(--tp-primary);background:#e2f7f1;padding:3px 10px;border-radius:20px;margin-bottom:12px}.tour-action-btn{background:#f1f5f9;color:var(--tp-text-dark);border:none;padding:8px 20px;border-radius:100px;font-weight:600;font-size:.78rem;width:100%;cursor:default}.tour-action-btn.active{background:var(--tp-primary);color:#fff}.tour-user-plan{display:inline-block;font-size:.65rem;font-weight:700;color:var(--tp-primary);background:#e2f7f1;padding:2px 8px;border-radius:6px;margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.tour-modal-backdrop{position:fixed;inset:0;background:#000000a6;z-index:4000;display:flex;align-items:center;justify-content:center;animation:tp-fade-in .25s ease-out}.tour-welcome-card{position:relative;background:#fff;border-radius:24px;padding:36px 32px 28px;width:440px;box-shadow:0 20px 50px #0f172a40;display:flex;flex-direction:column;animation:tp-scale-up .3s cubic-bezier(.34,1.56,.64,1)}.tour-close-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;color:var(--tp-text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s ease}.tour-close-btn:hover{background:#f1f5f9;color:var(--tp-text-dark)}.tour-welcome-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tour-welcome-icon-box{width:44px;height:42px;display:flex;align-items:center;justify-content:center}.tour-welcome-badge{font-size:10px;font-weight:600;letter-spacing:.05em;color:#0e9f6e;background:#d1fae5;border-radius:100px;padding:4px 10px;font-family:Inter,Poppins,sans-serif;text-transform:uppercase}.tour-welcome-title{font-size:1.55rem;font-weight:600;color:var(--tp-text-dark);line-height:1.3;margin-bottom:8px;text-align:left}.tour-welcome-subtitle{font-size:.86rem;color:var(--tp-text-gray);line-height:1.5;margin-bottom:20px;text-align:left}.tour-welcome-divider{border:none;border-top:1.5px solid #e2e8f0;margin-bottom:20px}.tour-welcome-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tour-welcome-list-item{display:flex;align-items:center;gap:12px}.tour-list-num{width:20px;height:20px;border-radius:50%;background:var(--tp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.tour-list-text{font-size:.82rem;font-weight:400;color:#334155;font-family:Inter,Poppins,sans-serif}.tour-welcome-steps-count{font-size:12px;font-weight:400;color:#94a3b8;text-align:left;margin-bottom:20px;display:block}.tour-btn-start{background:var(--tp-primary);color:#fff;border:none;padding:14px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;width:100%;transition:background .2s;margin-bottom:8px}.tour-btn-start:hover{background:var(--tp-primary-hover)}.tour-btn-dismiss{background:transparent;color:var(--tp-text-gray);border:none;font-size:.86rem;font-weight:500;cursor:pointer;padding:6px;text-align:center;transition:color .2s}.tour-btn-dismiss:hover{color:var(--tp-text-dark)}.tour-global-overlay{position:fixed;inset:0;background:#000000a6;pointer-events:none;z-index:4000;animation:tp-fade-in .25s ease-out}.tour-tooltip-card{position:fixed;width:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0f172a33;pointer-events:auto;z-index:5100;animation:tp-slide-up .25s cubic-bezier(.34,1.56,.64,1);border:1px solid #f1f5f9;max-height:calc(100vh - 48px)}.tour-tooltip-step-badge{font-size:10px;font-weight:500;letter-spacing:.08em;color:#0e9f6e;background:#d1fae5;border-radius:100px;padding:4px 10px;display:inline-block;margin-bottom:12px;font-family:Inter,sans-serif}.tour-tooltip-title{font-size:1.05rem;font-weight:600;color:var(--tp-text-dark);margin-bottom:8px;font-family:Inter,sans-serif;line-height:1.35;letter-spacing:-.1px}.tour-tooltip-desc{font-size:.84rem;font-weight:300;color:var(--tp-text-gray);line-height:1.6;margin-bottom:16px;font-family:Inter,sans-serif}.tour-tooltip-progress-bar{height:4px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:16px}.tour-tooltip-progress-fill{height:100%;background:var(--tp-primary);border-radius:10px}.tour-tooltip-footer{display:flex;justify-content:space-between;align-items:center}.tour-tooltip-btn-skip{background:transparent;border:none;color:var(--tp-text-gray);font-size:.84rem;font-weight:500;cursor:pointer;transition:color .2s}.tour-tooltip-btn-skip:hover{color:var(--tp-text-dark)}.tour-tooltip-btn-next{background:var(--tp-primary);color:#fff;border:none;padding:8px 20px;border-radius:10px;font-size:.86rem;font-weight:700;cursor:pointer;transition:background .2s}.tour-tooltip-btn-next:hover{background:var(--tp-primary-hover)}@keyframes tp-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-step2-overlay{position:fixed;inset:0;background:#000000a6;z-index:4500;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:tp-fade-in .25s ease-out}.tour-step2-tooltip-card{position:fixed;top:50%;left:280px;transform:translateY(-50%);width:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0f172a40;pointer-events:auto;border:1px solid #f1f5f9;z-index:9100;animation:tp-slide-up .28s cubic-bezier(.34,1.56,.64,1)}.tour-step3-overlay{position:fixed;inset:0;background:#000000a6;z-index:9000;pointer-events:none;animation:tp-fade-in .25s ease-out}.tour-step3-tooltip-card{position:fixed;top:80px;right:24px;width:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0f172a4d;pointer-events:auto;border:1px solid #f1f5f9;z-index:9100;animation:tp-slide-up .28s cubic-bezier(.34,1.56,.64,1)}.tour-btn-reserve-class.highlight-reserve{box-shadow:0 0 0 3px #fffc,0 0 20px #3acfa980;position:relative;z-index:9200}.tour-step4-overlay{position:fixed;inset:0;background:#000000a6;z-index:9000;pointer-events:none;animation:tp-fade-in .25s ease-out}.tour-step4-tooltip-card{position:fixed;width:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0f172a4d;pointer-events:auto;border:1px solid #f1f5f9;z-index:9100;animation:tp-slide-up .28s cubic-bezier(.34,1.56,.64,1)}.tour-stat-card.highlight-coins{position:relative;z-index:9200}.tour-step5-overlay{position:fixed;inset:0;background:#000000a6;z-index:9000;pointer-events:none;animation:tp-fade-in .25s ease-out}.tour-step2-tooltip-card,.tour-step5-tooltip-card,.tour-step6-tooltip-card,.tour-step7-tooltip-card,.tour-step8-tooltip-card,.tour-step9-tooltip-card,.tour-step10-tooltip-card,.tour-step11-tooltip-card,.tour-step12-tooltip-card,.tour-step13-tooltip-card,.tour-step14-tooltip-card,.tour-step15-tooltip-card{position:fixed;left:280px;width:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0f172a4d;pointer-events:auto;border:1px solid #f1f5f9;z-index:9300;animation:tp-slide-up .28s cubic-bezier(.34,1.56,.64,1)}.tour-step2-tooltip-card{top:340px}.tour-step5-tooltip-card{top:155px}.tour-step6-tooltip-card{top:235px}.tour-step7-tooltip-card{top:270px}.tour-step8-tooltip-card{top:305px}.tour-step9-tooltip-card{top:340px}.tour-step10-tooltip-card{top:395px}.tour-step11-tooltip-card{top:430px}.tour-step12-tooltip-card{top:490px}.tour-step13-tooltip-card{top:525px}.tour-step14-tooltip-card,.tour-step15-tooltip-card{top:560px}.tour-menu-item.highlight-calendar,.tour-menu-item.highlight-my-classes,.tour-menu-item.highlight-my-tutors,.tour-menu-item.highlight-material-resources,.tour-menu-item.highlight-speaking-rooms,.tour-menu-item.highlight-breezy-ai,.tour-menu-item.highlight-speak-to-earn,.tour-menu-item.highlight-breeze-community,.tour-menu-item.highlight-messages,.tour-menu-item.highlight-my-profile,.tour-menu-item.highlight-settings,.tour-menu-item.highlight-help-center{background:#fff!important;color:var(--tp-text-dark)!important;box-shadow:0 0 0 3px #ffffffd9,0 0 20px #3acfa999;position:relative;z-index:9200;border-radius:10px}.tour-tutor-badge{background:#10b981;color:#fff;font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.tour-menu-badge{margin-left:auto;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px}.tour-menu-badge.orange-badge{background:#fef3c7;color:#d97706}.tour-menu-badge.live-badge{background:#fee2e2;color:#ef4444;font-size:.6rem;letter-spacing:.5px}.tour-menu-badge.red-badge{background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0}.tour-user-avatar.purple-avatar{background-color:#8b5cf6}.tour-user-sub{font-size:.72rem;color:#94a3b8;margin-top:1px}.tour-header-search-container{flex:1;max-width:480px}.tour-search-bar-rounded{display:flex;align-items:center;background:#f1f5f9;border-radius:20px;padding:4px 6px 4px 16px}.tour-search-bar-rounded input{border:none;background:transparent;width:100%;font-size:.85rem;color:#334155;outline:none}.tour-search-btn-circle{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer}.tour-header-right-actions{display:flex;align-items:center;gap:16px}.tour-btn-new-class{background:#10b981;color:#fff;border:none;padding:8px 18px;border-radius:20px;font-weight:600;font-size:.85rem;display:flex;align-items:center;cursor:pointer;box-shadow:0 4px 12px #10b98140}.tour-greeting-section-admin h1{font-size:1.5rem;font-weight:600;color:#0f172a}.tour-greeting-section-admin p{font-size:.85rem;color:#64748b;margin-top:2px;margin-bottom:16px}.tour-tutor-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.tour-tutor-stat-card{background:#fff;border-radius:14px;padding:14px 16px;border:1px solid #f1f5f9;box-shadow:0 4px 12px #00000008}.tour-tutor-stat-card.highlight-target,.tour-card-panel.highlight-target{background:#fff!important;box-shadow:0 0 0 4px #3acfa980,0 10px 30px #00000026!important;position:relative!important;z-index:9200!important}.tour-tutor-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tour-tutor-stat-title{font-size:.78rem;font-weight:600;color:#64748b}.tour-tutor-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tour-tutor-icon-circle.green-bg{background:#d1fae5}.tour-tutor-icon-circle.blue-bg{background:#dbeafe}.tour-tutor-icon-circle.yellow-bg{background:#fef3c7}.tour-tutor-icon-circle.purple-bg{background:#f3e8ff}.tour-tutor-stat-num{font-size:1.55rem;font-weight:800;color:#0f172a;line-height:1.2}.tour-tutor-stat-sub{font-size:.72rem;font-weight:600;margin-top:4px}.tour-tutor-stat-sub.green-txt{color:#10b981}.tour-tutor-stat-sub.blue-txt{color:#3b82f6}.tour-tutor-stat-sub.gray-txt{color:#94a3b8;font-weight:400}.tour-tutor-stat-sub.orange-txt{color:#f97316}.tour-section-title-bar h2{font-size:1.15rem;font-weight:600;color:#0f172a;margin-bottom:12px}.tour-tutor-main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.tour-card-panel{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #f1f5f9;box-shadow:0 4px 12px #00000008;margin-bottom:20px}.tour-card-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.tour-card-panel-header h3{font-size:1.05rem;font-weight:700;color:#0f172a}.tour-panel-sub{font-size:.78rem;color:#94a3b8;display:block;margin-top:2px}.tour-panel-link{font-size:.8rem;font-weight:600;color:#10b981;cursor:pointer}.tour-tutor-classes-list{display:flex;flex-direction:column;gap:14px}.tour-tutor-class-item{display:flex;align-items:center;background:#f8fafc;border-radius:16px;padding:14px 18px;gap:16px;position:relative;transition:all .2s}.tour-tutor-class-item.highlighted-next-class{background:#fff;box-shadow:0 10px 25px #10b98126;border:2px solid #a7f3d0}.tour-tutor-class-item.highlight-target{box-shadow:0 0 0 4px #3acfa980,0 10px 30px #00000026!important;z-index:9200!important;position:relative!important}.step1-admin-tooltip{position:fixed;width:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0f172a4d;pointer-events:auto;border:1px solid #f1f5f9;z-index:9300;animation:tp-slide-up .28s cubic-bezier(.34,1.56,.64,1)}.tour-time-box{background:#e6f4f1;border-radius:12px;padding:8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px}.tour-time-box.gray-box{background:#f1f5f9}.tour-time-bold{font-size:1rem;font-weight:800;color:#0f172a}.tour-time-duration{font-size:.7rem;color:#64748b}.tour-student-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0}.tour-student-avatar.green-avatar{background:#10b981}.tour-student-avatar.purple-avatar{background:#8b5cf6}.tour-student-avatar.orange-avatar{background:#f97316}.tour-student-avatar.blue-avatar{background:#3b82f6}.tour-student-avatar.small-avatar{width:34px;height:34px;font-size:.8rem}.tour-class-info-mid{flex:1}.tour-student-name-row{display:flex;align-items:center;gap:8px}.tour-student-name{font-weight:700;font-size:.92rem;color:#0f172a}.tour-level-pill{font-size:.68rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:10px}.tour-class-topic{font-size:.8rem;color:#64748b;margin-top:3px}.tour-class-right-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tour-class-countdown{font-size:.72rem;font-weight:700;color:#d97706}.tour-btn-start-class{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.82rem;display:flex;align-items:center;cursor:pointer;box-shadow:0 4px 10px #10b98140}.tour-weekly-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:120px;padding-top:10px}.tour-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.tour-bar-day-name{font-size:.7rem;color:#94a3b8;font-weight:600}.tour-bar-day-num{font-size:.8rem;font-weight:700;color:#475569;margin-top:2px}.tour-bar-day-num.active-day-circle{background:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tour-bar-track{flex:1;width:8px;background:#f1f5f9;border-radius:4px;display:flex;align-items:flex-end;margin:8px 0;overflow:hidden}.tour-bar-fill{width:100%;background:#cbd5e1;border-radius:4px}.tour-bar-fill.active-bar{background:#10b981}.tour-bar-hours{font-size:.68rem;color:#94a3b8}.tour-progress-students-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.tour-progress-student-row{display:flex;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:12px;gap:12px}.tour-progress-rank{font-size:.85rem;font-weight:700;color:#94a3b8;width:14px}.tour-progress-info{flex:1;display:flex;flex-direction:column}.tour-progress-name{font-weight:700;font-size:.85rem;color:#0f172a}.tour-progress-level{font-size:.72rem;color:#64748b}.tour-progress-growth{font-size:.78rem;font-weight:700;color:#10b981}:root{--tr-primary: #3ACFA9;--tr-primary-dark: #2EB488;--tr-bg: #f8fafc;--tr-border: #f1f5f9;--tr-text: #1e293b;--tr-muted: #64748b;--tr-shadow: 0 4px 24px -4px rgba(15,23,42,.08)}.tr-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--tr-bg);font-family:Poppins,Inter,sans-serif;box-sizing:border-box}.tr-layout *{box-sizing:border-box;margin:0;padding:0}.tr-sidebar{width:210px;flex-shrink:0;background:#fff;border-right:1px solid var(--tr-border);display:flex;flex-direction:column;height:100%;position:relative;transition:box-shadow .3s;z-index:1}.tr-sidebar--highlight{z-index:5000}.tr-sidebar-logo{padding:18px 16px;display:flex;align-items:center;gap:8px}.tr-logo{font-size:1.15rem;font-weight:800;letter-spacing:-.5px}.tr-logo-teal{color:var(--tr-primary)}.tr-logo-dark{color:var(--tr-text)}.tr-badge-tutor{background:#e2f7f1;color:var(--tr-primary);font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em}.tr-sidebar-menu{flex:1;overflow-y:auto;padding:2px 8px 12px}.tr-menu-section{margin-bottom:14px}.tr-menu-title{font-size:.6rem;color:#94a3b8;font-weight:700;text-transform:uppercase;padding:0 8px;margin-bottom:4px;letter-spacing:.7px}.tr-menu-item{display:flex;align-items:center;gap:9px;padding:8px 10px;color:var(--tr-muted);font-size:.79rem;font-weight:500;border-radius:9px;cursor:default;position:relative}.tr-menu-item--active{background:#e2f7f1;color:#17b897;font-weight:700}.tr-live-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.5rem;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.04em}.tr-notif-dot{margin-left:auto;background:var(--tr-primary);color:#fff;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:99px}.tr-sidebar-user{padding:12px 14px;border-top:1px solid var(--tr-border);display:flex;align-items:center;gap:9px}.tr-user-avatar{width:34px;height:34px;border-radius:50%;background:var(--tr-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex-shrink:0}.tr-user-info{display:flex;flex-direction:column}.tr-user-name{font-size:.8rem;font-weight:700;color:var(--tr-text)}.tr-user-role{font-size:.66rem;color:var(--tr-muted)}.tr-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.tr-header{height:60px;background:#fff;border-bottom:1px solid var(--tr-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.tr-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem}.tr-crumb-mute{color:var(--tr-muted)}.tr-crumb-sep{color:#cbd5e1}.tr-crumb-active{color:var(--tr-text);font-weight:500}.tr-header-actions{display:flex;align-items:center;gap:14px}.tr-search-bar{position:relative;width:250px}.tr-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--tr-muted);pointer-events:none}.tr-search-bar input{width:100%;height:34px;border:1px solid var(--tr-border);border-radius:20px;padding:0 12px 0 32px;font-size:.76rem;color:var(--tr-text);background:var(--tr-bg);outline:none}.tr-bell{position:relative;color:var(--tr-muted);display:flex;align-items:center}.tr-bell-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;background:#ef4444;border-radius:50%}.tr-btn-reserve{background:#005f54;color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:700;cursor:default}.tr-scroll{flex:1;overflow-y:auto;padding:24px 24px 36px;background:var(--tr-bg)}.tr-greeting{margin-bottom:20px}.tr-greeting h1{font-size:1.4rem;font-weight:600;color:var(--tr-text);margin-bottom:3px}.tr-greeting p{font-size:.82rem;color:var(--tr-muted)}.tr-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}@media (max-width: 900px){.tr-stats-row{grid-template-columns:repeat(2,1fr)}.tr-central{grid-template-columns:1fr}}@media (max-width: 480px){.tr-stats-row{grid-template-columns:1fr}}.tr-stat-card{background:#fff;border-radius:14px;padding:16px;border:1px solid var(--tr-border);box-shadow:var(--tr-shadow);position:relative;z-index:1;transition:box-shadow .2s}.tr-stat-card--highlight{z-index:5000;box-shadow:0 0 0 3px #ffffffe6,0 0 30px #3acfa959}.tr-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tr-stat-label{font-size:.7rem;color:var(--tr-muted);font-weight:600}.tr-stat-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center}.tr-stat-icon.blue{background:#dbeafe;color:#3b82f6}.tr-stat-icon.green{background:#d1fae5;color:#059669}.tr-stat-icon.yellow{background:#fef9c3;color:#ca8a04}.tr-stat-icon.purple{background:#ede9fe;color:#7c3aed}.tr-stat-val{font-size:1.55rem;font-weight:800;color:var(--tr-text);line-height:1}.tr-stat-unit{font-size:.9rem;font-weight:600;color:var(--tr-muted);margin-left:2px}.tr-stat-sub{font-size:.68rem;font-weight:600;color:var(--tr-muted);margin-top:4px}.tr-stat-sub--up{color:var(--tr-primary)}.tr-stat-sub--red{color:#ef4444}.tr-central{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.tr-left{display:flex;flex-direction:column;gap:12px}.tr-right{display:flex;flex-direction:column;gap:14px;position:relative}.tr-progress-card--highlight{z-index:5000;border-radius:16px;box-shadow:0 0 0 3px #ffffffd9,0 0 30px #3acfa94d;position:relative}.tr-section-header{display:flex;align-items:center;justify-content:space-between}.tr-section-header h2{font-size:.95rem;font-weight:600;color:var(--tr-text)}.tr-section-link{font-size:.76rem;color:var(--tr-primary);font-weight:600;cursor:default}.tr-section-sub{font-size:.72rem;color:var(--tr-muted)}.tr-classes-list{background:#fff;border-radius:18px;border:1px solid var(--tr-border);box-shadow:var(--tr-shadow);overflow:hidden}.tr-classes-list--open{overflow:visible}.tr-class-row{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--tr-border);position:relative;z-index:1}.tr-class-row:last-child{border-bottom:none}.tr-class-row--highlight{z-index:5000;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0f172a24}.tr-class-time{display:flex;flex-direction:column;min-width:46px}.tr-time-main{font-size:.9rem;font-weight:800;color:var(--tr-text)}.tr-time-dur{font-size:.64rem;color:var(--tr-muted)}.tr-class-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.74rem;color:#fff;flex-shrink:0}.tr-avatar--mg{background:#3acfa9}.tr-avatar--lt{background:#6366f1}.tr-avatar--sn{background:#f59e0b}.tr-avatar--af{background:#ef4444}.tr-class-info{flex:1}.tr-class-name{font-size:.83rem;font-weight:700;color:var(--tr-text);display:flex;align-items:center;gap:7px}.tr-class-badge{font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.tr-class-badge--new{background:#fef3c7;color:#92400e}.tr-class-meta{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--tr-muted);margin-top:2px}.tr-btn-join{background:var(--tr-primary);color:#fff;border:none;padding:7px 14px;border-radius:9px;font-size:.76rem;font-weight:700;cursor:default;white-space:nowrap;flex-shrink:0}.tr-time-badge{position:absolute;top:8px;right:14px;font-size:.64rem;font-weight:700;color:var(--tr-primary);background:#e2f7f1;padding:2px 7px;border-radius:20px}.tr-link-detail{font-size:.74rem;color:var(--tr-primary);font-weight:600;cursor:default;white-space:nowrap;flex-shrink:0}.tr-week-card,.tr-progress-card{background:#fff;border-radius:16px;padding:18px;border:1px solid var(--tr-border);box-shadow:var(--tr-shadow)}.tr-week-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tr-week-header h3{font-size:.88rem;font-weight:700;color:var(--tr-text)}.tr-chevron{color:var(--tr-muted)}.tr-week-days{display:flex;gap:5px;align-items:flex-end}.tr-day-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.tr-day-name{font-size:.64rem;color:var(--tr-muted);font-weight:600}.tr-day-num{font-size:.74rem;font-weight:700;color:var(--tr-text);width:22px;height:22px;display:flex;align-items:center;justify-content:center}.tr-day-col--today .tr-day-num{background:var(--tr-primary);color:#fff;border-radius:50%}.tr-day-bar-wrap{width:22px;height:44px;background:#f1f5f9;border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.tr-day-bar{width:100%;background:var(--tr-primary);border-radius:5px;min-height:3px}.tr-day-count{font-size:.6rem;color:var(--tr-muted);font-weight:600}.tr-progress-list{display:flex;flex-direction:column;gap:11px}.tr-progress-row{display:flex;align-items:center;gap:9px}.tr-prog-rank{font-size:.74rem;font-weight:800;color:var(--tr-muted);width:14px;text-align:center}.tr-prog-info{flex:1;display:flex;flex-direction:column}.tr-prog-name{font-size:.79rem;font-weight:700;color:var(--tr-text)}.tr-prog-level{font-size:.65rem;color:var(--tr-muted)}.tr-prog-pct{font-size:.75rem;font-weight:700;color:var(--tr-primary)}.tr-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(1.5px);z-index:4000;pointer-events:none;animation:tr-fade-in .22s ease-out}.tr-overlay--main-only{left:210px}.tr-tooltip{position:fixed;width:300px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 50px #0f172a38;z-index:5100;pointer-events:auto;border:1px solid #f1f5f9;animation:tr-slide-up .26s cubic-bezier(.34,1.56,.64,1)}.tr-tooltip--step1{top:50.5%;left:calc(50% - 20px)}.tr-tooltip--step1:before{content:"";position:absolute;top:-7px;left:30px;width:14px;height:14px;background:#fff;transform:rotate(45deg);border-radius:3px 0 0;box-shadow:-2px -2px 5px #0f172a0d;z-index:-1}.tr-tooltip--step2{top:38%;left:240px}.tr-tooltip--step3{top:33.2%;right:24px}.tr-tooltip--step4{top:56%;right:360px}.tr-tooltip-badge{font-size:.6rem;font-weight:800;letter-spacing:.07em;color:#0e9f6e;background:#d1fae5;border-radius:100px;padding:3px 10px;display:inline-block;margin-bottom:9px}.tr-tooltip h3{font-size:.98rem;font-weight:600;color:var(--tr-text);margin-bottom:6px}.tr-tooltip p{font-size:.81rem;color:var(--tr-muted);line-height:1.5;margin-bottom:12px}.tr-progress-dots{display:flex;gap:6px;margin-bottom:14px}.tr-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0}.tr-dot--done{background:var(--tr-primary);opacity:.45}.tr-dot--active{background:var(--tr-primary)}.tr-tooltip-footer{display:flex;justify-content:space-between;align-items:center}.tr-btn-skip{background:transparent;border:none;color:var(--tr-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .2s}.tr-btn-skip:hover{color:var(--tr-text)}.tr-btn-next{background:var(--tr-primary);color:#fff;border:none;padding:8px 20px;border-radius:9px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s}.tr-btn-next:hover{background:var(--tr-primary-dark)}.tr-modal-backdrop{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(3px);z-index:9500;display:flex;align-items:center;justify-content:center;animation:tr-fade-in .25s ease-out}.tr-modal-card{background:#fff;border-radius:22px;padding:34px 30px 26px;width:430px;box-shadow:0 24px 60px #0f172a3d;display:flex;flex-direction:column;position:relative;animation:tr-scale-up .3s cubic-bezier(.34,1.56,.64,1)}.tr-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tr-modal-icon{width:44px;height:44px;background:#e6faf5;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tr-modal-badge{font-size:11px;font-weight:800;letter-spacing:.07em;color:#0e9f6e;background:#d1fae5;border-radius:100px;padding:4px 12px}.tr-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .2s}.tr-modal-close:hover{color:#1e293b}.tr-modal-card h2{font-size:1.5rem;font-weight:600;color:var(--tr-text);margin-bottom:7px}.tr-modal-card p{font-size:.86rem;color:var(--tr-muted);line-height:1.5}.tr-divider{border:none;border-top:1.5px solid #e2e8f0;margin:16px 0}.tr-done-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.tr-done-item{display:flex;align-items:center;gap:11px;font-size:.84rem;color:#334155;font-weight:500}.tr-done-num{width:22px;height:22px;border-radius:50%;background:var(--tr-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.tr-done-meta{font-size:.73rem;color:#94a3b8;text-align:center;display:block;margin-bottom:16px}.tr-btn-finish{background:var(--tr-primary);color:#fff;border:none;padding:13px;border-radius:11px;font-size:.92rem;font-weight:700;cursor:pointer;width:100%;margin-bottom:8px;transition:background .2s}.tr-btn-finish:hover{background:var(--tr-primary-dark)}.tr-btn-back{background:transparent;border:none;color:var(--tr-muted);font-size:.82rem;font-weight:500;cursor:pointer;width:100%;text-align:center;padding:5px;transition:color .2s}.tr-btn-back:hover{color:var(--tr-text)}@keyframes tr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tr-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tr-scale-up{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.tp-overlay{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(2px);pointer-events:none;z-index:4000;animation:tp-fade-in .25s ease-out}.tp-highlight{position:relative!important;z-index:5000!important;background:#fff!important;outline:none!important;box-shadow:0 20px 50px #0f172a26!important;border-radius:24px!important}.profile-header-card.tp-highlight{margin:16px 8px!important;padding:14px 40px 20px!important;transition:all .2s ease}.profile-header-card.tp-highlight .profile-meta-row,.profile-header-card.tp-highlight .profile-badges-row{flex-wrap:nowrap!important;white-space:nowrap!important}.profile-header-card.tp-highlight .profile-badges-row{gap:8px!important}@media (max-width: 768px){.profile-header-card.tp-highlight{margin:12px 0!important;padding:16px!important}.profile-header-card.tp-highlight .profile-meta-row,.profile-header-card.tp-highlight .profile-badges-row{flex-wrap:wrap!important;white-space:normal!important}.tp-tooltip-card{inset:auto 12px 16px!important;width:auto!important;max-width:none}}.cefr-level-card.tp-highlight,.cefr-chart-card.tp-highlight,.skills-analysis.tp-highlight{border-radius:20px!important}.tp-tooltip-card{position:fixed;width:400px;background:#fff;border-radius:18px;padding:32px 32px 28px;box-shadow:0 15px 35px #0f172a14,0 5px 15px #0f172a08;pointer-events:auto;z-index:5100;animation:tp-slide-up .25s cubic-bezier(.34,1.56,.64,1);border:none!important}.tp-tooltip-badge{font-size:10px;font-weight:600;letter-spacing:.08em;color:#10b981;background:transparent!important;padding:0;display:inline-block;margin-bottom:14px;text-transform:uppercase}.tp-tooltip-card h3{font-size:1.15rem;font-weight:700;color:#1e293b;margin-bottom:10px;line-height:1.35;font-family:Inter,sans-serif}.tp-tooltip-card p{font-size:.88rem;color:#64748b;line-height:1.6;margin-bottom:20px;font-family:Inter,sans-serif;font-weight:300}.tp-progress-dots{display:flex;gap:6px;margin-bottom:18px}.tp-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0}.tp-dot--done{background:#3acfa9;opacity:.45}.tp-dot--active{background:#3acfa9}.tp-tooltip-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:18px}.tp-btn-skip{background:transparent;border:none;color:#94a3b8;font-size:.88rem;font-weight:500;cursor:pointer;transition:color .2s}.tp-btn-skip:hover{color:#64748b}.tp-btn-next{background:#3acfa9!important;color:#fff!important;border:none!important;padding:10px 24px;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3acfa926!important}.tp-btn-next:hover{background:#2eb488!important;transform:translateY(-1px)}.tp-btn-next:active{transform:translateY(0)}@keyframes tp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tp-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tpc-scroll-area{flex:1;overflow-y:auto;padding:24px 32px 32px;background:#f8fafc;display:flex;flex-direction:column;gap:20px}@media (max-width: 800px){.tpc-scroll-area{padding:16px 12px 24px}.tpc-split-layout{flex-direction:column;gap:16px}.tpc-left-sidebar{width:100%;padding:16px}.tpc-right-panel-wrapper{width:100%}.tpc-pref-panel-content,.tpc-notif-panel-content{padding:20px 16px}.tpc-level-row{flex-wrap:wrap}.tpc-level-hint{flex-basis:100%;margin-left:0}}.tpc-page-title-block{flex-shrink:0}.tpc-page-h1{font-size:1.6rem;font-weight:600;color:#1e293b;margin-bottom:2px}.tpc-page-sub{font-size:.85rem;color:#94a3b8}.tpc-split-layout{display:flex;gap:28px;flex:1;min-height:0}.tpc-left-sidebar{width:230px;background:#fff;border-radius:18px;border:1px solid #e2e8f0;padding:24px 18px;display:flex;flex-direction:column;gap:10px;align-self:flex-start;box-shadow:0 1px 3px #0f172a08}.tpc-sidebar-section-title{font-size:.65rem;font-weight:600;letter-spacing:.08em;color:#94a3b8;margin-top:10px;padding-left:10px;text-transform:uppercase}.tpc-sidebar-section-title:first-of-type{margin-top:0}.tpc-sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:.84rem;font-weight:600;color:#64748b;cursor:default;transition:all .2s}.tpc-sidebar-item.active{background:#3acfa9;color:#fff;box-shadow:0 4px 12px #3acfa92e}.tpc-sidebar-logout{margin-top:20px;border-top:1px solid #f1f5f9;padding-top:16px;display:flex;align-items:center;gap:12px;padding-left:14px;font-size:.84rem;font-weight:600;color:#ef4444;cursor:default}.tpc-right-panel-wrapper{flex:1;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0f172a0f;overflow-y:auto;min-height:0;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.tpc-right-panel-wrapper::-webkit-scrollbar{display:none}.tpc-pref-panel-content,.tpc-notif-panel-content{padding:32px 36px;display:flex;flex-direction:column;gap:24px}.tpc-pref-header{margin-bottom:8px;text-align:left!important}.tpc-pref-header h2{font-size:1.15rem;font-weight:600;color:#1e293b;margin-bottom:4px;text-align:left}.tpc-pref-header p{font-size:.82rem;color:#64748b;text-align:left}.tpc-section{display:flex;flex-direction:column;gap:12px}.tpc-section-label{font-size:.66rem;font-weight:800;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase}.tpc-goal-pills{display:flex;flex-wrap:wrap;gap:10px 8px}.tpc-pill{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:100px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.82rem;font-weight:500;cursor:default;transition:all .2s;font-family:Inter,sans-serif}.tpc-pill--active{background:#3acfa9!important;border-color:#3acfa9!important;color:#fff!important;box-shadow:0 4px 12px #3acfa933!important}.tpc-pill-check{font-size:.76rem}.tpc-level-row{display:flex;align-items:center;gap:8px}.tpc-level-btn{width:46px;height:38px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.82rem;font-weight:700;cursor:default;transition:all .2s}.tpc-level-btn--active{background:#3acfa9!important;border-color:#3acfa9!important;color:#fff!important;box-shadow:0 4px 12px #3acfa933!important}.tpc-level-hint{font-size:.76rem;color:#94a3b8;font-style:italic;margin-left:6px}.tpc-skills-list{display:flex;flex-direction:column;gap:12px}.tpc-skill-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.tpc-skill-item:last-child{border-bottom:none;padding-bottom:0}.tpc-skill-label{font-size:.88rem;font-weight:600;color:#1e293b}.tpc-ios-toggle{position:relative;width:44px;height:24px;border-radius:100px;background:#e2e8f0;transition:background .25s ease;flex-shrink:0;cursor:default}.tpc-ios-toggle--on{background:#3acfa9!important}.tpc-ios-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .25s cubic-bezier(.4,0,.2,1)}.tpc-ios-toggle--on .tpc-ios-knob{transform:translate(20px)}.tpc-class-list{display:flex;flex-direction:column;gap:10px}.tpc-class-card{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;cursor:default;transition:all .2s}.tpc-class-card--active{border-color:#3acfa9;background:#f0fdfa}.tpc-class-text{display:flex;flex-direction:column;gap:2px}.tpc-class-title{font-size:.86rem;font-weight:700;color:#1e293b}.tpc-class-desc{font-size:.78rem;color:#94a3b8;line-height:1.4}.tpc-radio-outer{width:18px;height:18px;border-radius:50%;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:border-color .2s}.tpc-radio-outer--on{border-color:#3acfa9}.tpc-radio-inner{width:8px;height:8px;border-radius:50%;background:#3acfa9}.tpc-notif-section{display:flex;flex-direction:column;gap:8px}.tpc-notif-section-header{border-bottom:1.5px solid #f1f5f9;padding-bottom:6px;margin-bottom:6px}.tpc-notif-items-list{display:flex;flex-direction:column;gap:12px}.tpc-notif-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f8fafc;padding-bottom:10px}.tpc-notif-row:last-child{border-bottom:none;padding-bottom:0}.tpc-notif-text{display:flex;flex-direction:column;gap:2px}.tpc-notif-title{font-size:.86rem;font-weight:700;color:#1e293b}.tpc-notif-desc{font-size:.77rem;color:#94a3b8}.tpc-password-fields{display:flex;flex-direction:column;gap:16px}.tpc-field-group{display:flex;flex-direction:column;gap:6px}.tpc-field-title{font-size:.82rem;font-weight:600;color:#1e293b}.tpc-field-input{width:100%;height:42px;border-radius:8px;border:1px solid #e2e8f0;padding:0 14px;font-size:.95rem;color:#64748b;outline:none;background:#fff;cursor:default}.tpc-submit-btn{align-self:flex-start;background:#3acfa9;color:#fff;border:none;padding:10px 22px;border-radius:10px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #3acfa926;cursor:default;margin-top:4px}.tpc-2fa-box{display:flex;align-items:center;justify-content:space-between;background:#f0fdfa;border:1px solid #3acfa9;border-radius:12px;padding:16px 20px;gap:20px}.tpc-2fa-text{display:flex;flex-direction:column;gap:3px}.tpc-2fa-title{font-size:.86rem;font-weight:700;color:#1e293b}.tpc-2fa-desc{font-size:.76rem;color:#3acfa9;font-weight:500}.tc-header-coins-badge{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:6px 12px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0f172a14}.tc-header-coins-badge.tp-highlight{position:fixed!important;top:55px!important;right:16px!important;z-index:5000!important;min-width:160px;border:1.5px solid #e2e8f0;padding:10px 16px;outline:none!important;outline-offset:0!important;border-radius:16px!important;box-shadow:0 10px 30px #0f172a26!important}.tc-h-coins-icon-wrapper.purple-circle{background:#f1f0fb!important;width:32px;height:32px;border-radius:50%}.tc-tooltip-step-1{position:fixed!important;top:145px!important;right:16px!important;left:auto!important;width:400px!important}@media (max-width: 600px){.tc-header-coins-badge.tp-highlight{right:12px!important;left:12px!important;min-width:0}.tc-tooltip-step-1{left:12px!important;right:12px!important;width:auto!important;max-width:none}}.tc-h-coins-text{display:flex;flex-direction:column;line-height:1.25}.tc-h-coins-title{font-size:.68rem;color:#94a3b8;font-weight:700;text-transform:uppercase}.tc-h-coins-value{font-size:1.25rem;font-weight:800;color:#1e293b}.tc-h-coins-streak{font-size:.72rem;font-weight:700;color:#f97316}.tc-h-coins-icon-wrapper{background:#ffedd5;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tc-header-coins-badge-static{display:flex;align-items:center;gap:6px;background:#f1f5f9;border-radius:100px;padding:6px 12px;font-size:.8rem;font-weight:700;color:#64748b}.tc-dashboard-view{padding:28px 32px;display:flex;flex-direction:column;gap:20px}.tc-dashboard-header h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:2px}.tc-dashboard-header p{font-size:.84rem;color:#94a3b8}.tc-dashboard-grid{display:grid;grid-template-columns:1fr 300px;gap:20px}.tc-db-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px}.tc-db-card h3{font-size:.88rem;font-weight:700;color:#1e293b;margin-bottom:12px}.tc-next-class-card{background:#f0fdf4;border-radius:16px;border:1px solid #bbf7d0;padding:20px;display:flex;flex-direction:column;gap:6px}.tc-nc-label{font-size:.68rem;font-weight:800;color:#166534;text-transform:uppercase}.tc-nc-title{font-size:.84rem;color:#166534}.tc-nc-btn{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:10px;font-weight:700;font-size:.8rem;margin-top:10px}.tc-agenda-list{display:flex;flex-direction:column;gap:8px}.tc-agenda-item{display:flex;justify-content:space-between;padding:8px 12px;border-radius:8px;font-size:.8rem;color:#64748b}.tc-agenda-item.active{background:#f0fdf9;color:#0f766e;font-weight:700}.tc-modal-backdrop-mock{position:fixed;inset:0;background:#000000a6;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:2000;display:flex;align-items:center;justify-content:center}.tc-modal-backdrop-mock.redeem-mode{z-index:4500;background:#000000a6;backdrop-filter:none;-webkit-backdrop-filter:none}.tc-modal-backdrop-mock.retos-mode{position:fixed;inset:0;z-index:4500;background:transparent;display:flex;justify-content:flex-start;align-items:center;padding-left:226px}.tc-test-result-modal{width:700px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;padding:28px 36px;position:relative;border:1px solid #cbd5e1;display:flex;flex-direction:column;gap:16px;animation:tc-zoom-in .3s cubic-bezier(.34,1.56,.64,1)}.tc-test-modal-floating{position:fixed;top:50%;left:calc(210px + (100vw - 210px)/2);transform:translate(-50%,-50%);z-index:4200;background:#fff!important;box-shadow:0 25px 50px -12px #00000040!important;opacity:1}.tc-test-modal-floating:after{content:"";position:absolute;inset:0;background:#0006;border-radius:24px;pointer-events:none;z-index:10}.tc-modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#94a3b8}.tc-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:8px}.tc-modal-subtitle{font-size:.64rem;font-weight:600;letter-spacing:.08em;color:#94a3b8;display:block}.tc-modal-header h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:4px}.tc-modal-desc{font-size:.9rem;color:#475569;line-height:1.45}.tc-foco-span{background:#ffedd5;color:#c2410c;padding:2px 6px;border-radius:4px;font-weight:700}.tc-modal-body-layout{display:flex;flex-direction:column;gap:16px}.tc-modal-row-1{display:grid;grid-template-columns:1fr 180px;gap:32px}.tc-modal-skills h3,.tc-modal-level h3,.tc-modal-best h4,.tc-modal-plan h4{font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.tc-modal-level{display:flex;flex-direction:column;align-items:center}.tc-skills-prog-list{display:flex;flex-direction:column;gap:6px}.tc-skill-prog-row{display:flex;align-items:center;gap:10px}.tc-sk-p-label{font-size:.76rem;font-weight:700;color:#475569;width:90px}.tc-sk-p-track{flex:1;height:6px;background:#f1f5f9;border-radius:100px;overflow:hidden}.tc-sk-p-fill{height:100%;border-radius:100px}.tc-sk-p-fill.active{background:#14b8a6}.tc-sk-p-fill.warning{background:#f97316}.tc-sk-p-val{font-size:.76rem;font-weight:700;color:#475569;width:32px;text-align:right}.tc-modal-row-2{background:transparent;padding:0;display:flex;flex-direction:column;gap:8px}.tc-cefr-lbl{font-size:.7rem;color:#94a3b8;font-weight:700}.tc-cefr-track-wrapper{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;color:#94a3b8}.tc-cefr-strong{color:#14b8a6}.tc-cefr-bar-track{height:5px;background:#e2e8f0;border-radius:100px}.tc-cefr-bar-fill{height:100%;background:#14b8a6;border-radius:100px}.tc-modal-row-3{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:12px;border-top:1px solid #e2e8f0}.tc-modal-best ul{padding-left:20px;font-size:.76rem;color:#475569;line-height:1.5;display:flex;flex-direction:column;gap:8px;list-style:none}.tc-modal-best li{position:relative}.tc-modal-best li:before{content:"•";color:#10b981;font-size:1.2rem;position:absolute;left:-14px;top:-4px}.tc-level-badge-large{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#f0fdf9;border:1px solid #5eead4;border-radius:16px;padding:10px;text-align:center}.tc-lvl-badge{font-size:2.2rem;font-weight:900;color:#0d9488;line-height:1;margin:2px 0}.tc-lvl-desc{font-size:.74rem;color:#0d9488;font-weight:700}.tc-weekly-steps-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.tc-w-step-col{display:flex;flex-direction:column;gap:4px;font-size:.7rem}.tc-w-step-col span{font-size:.64rem;font-weight:800;color:#94a3b8}.tc-w-step-col p{color:#1e293b;font-weight:700;line-height:1.2}.tc-foco-inmediato-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px 14px}.tc-foco-lbl{font-size:.64rem;color:#ea580c;font-weight:800}.tc-foco-inmediato-card p{font-size:.76rem;font-weight:700;color:#9a3412}.tc-modal-row-4{padding-top:12px;border-top:1px solid #e2e8f0}.tc-modal-row-4 h4{font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.tc-opportunities-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.tc-opportunities-grid ul{padding-left:20px;font-size:.76rem;color:#475569;line-height:1.5;margin:0;list-style:none}.tc-opportunities-grid li{position:relative;margin-bottom:0}.tc-opportunities-grid li:before{content:"•";color:#ef4444;font-size:1.2rem;position:absolute;left:-14px;top:-4px}.tc-badge-frecuente{background:#ffedd5;color:#c2410c;font-size:.6rem;padding:2px 6px;border-radius:10px;font-weight:700;margin-left:6px}.tc-badge-ocasional{background:#fef08a;color:#854d0e;font-size:.6rem;padding:2px 6px;border-radius:10px;font-weight:700;margin-left:6px}.tc-opp-example{margin-top:8px;display:flex;flex-direction:column;gap:2px;font-size:.7rem}.tc-opp-example .wrong{color:#ef4444;text-decoration:line-through}.tc-opp-example .correct{color:#10b981}.tc-modal-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f1f5f9;padding-top:18px;margin-top:6px}.tc-m-btn-outline{border:1px solid #cbd5e1;background:#fff;color:#475569;padding:8px 18px;border-radius:8px;font-weight:700;font-size:.8rem}.tc-m-btn-solid{background:#14b8a6;color:#fff;border:none;padding:8px 18px;border-radius:8px;font-weight:700;font-size:.8rem}.tc-speak-earn-view{display:flex;flex-direction:column;overflow:hidden;height:100%}.tc-se-header{padding:24px 32px 10px;flex-shrink:0}.tc-se-header h1{font-size:1.55rem;font-weight:600;color:#1e293b;margin-bottom:2px}.tc-se-header p{font-size:.84rem;color:#64748b}.tc-se-content{flex:1;padding:10px 32px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.tc-se-stats-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px}.tc-se-card{background:#fff;border-radius:18px;border:1px solid #e2e8f0;padding:20px 24px;display:flex;flex-direction:column;box-shadow:0 1px 3px #0f172a08}.tc-se-wallet{background:#0f172a;color:#fff;border-color:#1e293b}.tc-wallet-lbl{font-size:.72rem;color:#94a3b8;font-weight:700;text-transform:uppercase}.tc-wallet-bal{font-size:2.2rem;font-weight:900;color:#fff;margin:4px 0}.tc-wallet-sub{font-size:.76rem;color:#94a3b8;margin-bottom:12px}.tc-wallet-bar-box{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.tc-wallet-bar-box span{font-size:.72rem;color:#e2e8f0}.tc-wallet-bar{height:5px;background:#334155;border-radius:100px}.tc-wallet-fill{height:100%;background:#14b8a6;border-radius:100px}.tc-wallet-actions{display:flex;gap:10px;margin-top:auto;justify-content:flex-end}.tc-btn-wallet-outline{border:1px solid #475569;background:transparent;color:#e2e8f0;padding:6px 12px;border-radius:8px;font-size:.76rem;font-weight:700}.tc-btn-wallet-solid{background:#14b8a6;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:.76rem;font-weight:700}.tc-se-streak h3{font-size:.88rem;font-weight:600;color:#1e293b;margin-bottom:10px}.tc-streak-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tc-streak-row strong{font-size:1.35rem;font-weight:800;color:#1e293b;display:block}.tc-streak-row span{font-size:.74rem;color:#94a3b8}.tc-streak-days{display:flex;justify-content:space-between;margin-bottom:14px}.tc-streak-day{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;color:#94a3b8}.tc-sd-circle{width:22px;height:22px;border-radius:50%;border:2.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:700}.tc-streak-day.active .tc-sd-circle{border-color:#14b8a6;background:#14b8a6;color:#fff}.tc-streak-day.active span{color:#14b8a6;font-weight:700}.tc-streak-footer{font-size:.76rem;color:#64748b;text-align:center}.tc-streak-footer strong{color:#14b8a6}.tc-se-summary h3{font-size:.88rem;font-weight:600;color:#1e293b}.tc-se-summary p{font-size:.74rem;color:#94a3b8;margin-bottom:14px}.tc-chart-mock{display:flex;justify-content:space-between;align-items:flex-end;height:70px;padding:0 4px}.tc-chart-col{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;color:#94a3b8}.tc-chart-bar{width:14px;background:#bbf7d0;border-radius:100px;min-height:4px}.tc-chart-col:nth-child(5) .tc-chart-bar{background:#14b8a6}.tc-se-bottom-row{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.tc-se-bottom-row-3col{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.tc-se-liga-bg h3,.tc-se-quests h3,.tc-se-rules h3{font-size:.88rem;font-weight:600;color:#1e293b;margin-bottom:12px}.tc-quests-list-mock{display:flex;flex-direction:column;gap:10px}.tc-quest-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid #f1f5f9;font-size:.8rem}.tc-quest-row.active{background:#f0fdf9;border-color:#ccfbf1}.tc-q-circle{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#cbd5e1}.tc-quest-row.active .tc-q-circle{border-color:#14b8a6;background:#14b8a6;color:#fff}.tc-quest-row div{flex:1;display:flex;flex-direction:column;line-height:1.3}.tc-quest-row span{font-size:.72rem;color:#94a3b8}.tc-q-reward{font-weight:700;color:#14b8a6;font-size:.84rem!important}.tc-rules-list{display:flex;flex-direction:column;gap:8px}.tc-rule-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:6px 0;border-bottom:1px dashed #f1f5f9}.tc-rule-item:last-child{border-bottom:none}.tc-rule-item span{color:#64748b}.tc-rule-item strong{color:#14b8a6}.tc-modal-backdrop-mock.redeem-step3-mode{position:fixed;inset:0;z-index:4500;background:transparent;display:flex;justify-content:flex-start;align-items:flex-start;padding-top:55px;padding-left:210px}.tc-redeem-modal{width:720px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;position:relative;display:flex;flex-direction:column;overflow:hidden;animation:tc-zoom-in .26s cubic-bezier(.34,1.56,.64,1)}.tc-redeem-modal.tp-highlight{outline:none!important;outline-offset:0!important;box-shadow:0 25px 50px -12px #00000040!important;border-radius:24px!important}.tc-redeem-banner-header{background:#1e293b;color:#fff;padding:24px 28px;position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.tc-redeem-banner-header:before{content:"";position:absolute;right:50px;top:-40px;width:140px;height:140px;background:#14b8a633;border-radius:50%;pointer-events:none}.tc-redeem-banner-header:after{content:"";position:absolute;right:-20px;top:10px;width:150px;height:150px;background:#14b8a626;border-radius:50%;pointer-events:none}.tc-redeem-banner-header h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 4px;position:relative;z-index:2;text-align:left;width:100%}.tc-r-balance{font-size:.8rem;color:#94a3b8;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:6px;position:relative;z-index:2;text-align:left}.tc-header-coin-icon{background:#14b8a6;color:#fff;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900}.tc-r-balance strong{color:#fff}.tc-redeem-banner-header .tc-modal-close-btn{position:absolute;top:20px;right:20px;background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s}.tc-redeem-banner-header .tc-modal-close-btn:hover{background:#ffffff40}.tc-redeem-body{padding:24px 28px}.tc-redeem-filters{display:flex;gap:8px;margin-bottom:20px}.tc-rf-tab{padding:5px 14px;font-size:.76rem;font-weight:700;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;cursor:pointer}.tc-rf-tab.active{background:#1e293b;color:#fff;border-color:#1e293b}.tc-redeem-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:start}.tc-redeem-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:16px;position:relative;display:flex;flex-direction:column;gap:8px;transition:all .2s}.tc-redeem-card.tp-highlight{outline:none!important;outline-offset:0!important;border-radius:16px!important;border:1.5px solid #14b8a6!important;box-shadow:0 4px 15px #14b8a626!important}.tc-rc-card-header{display:flex;justify-content:space-between;align-items:flex-start;min-height:38px;margin-bottom:4px}.tc-rc-badge-tag{display:inline-block;font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:none}.tc-rc-badge-tag.save,.tc-rc-badge-tag.popular{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.tc-rc-icon-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tc-rc-icon-box.green{background:#f0fdf4;color:#16a34a}.tc-rc-icon-box.purple{background:#f3e8ff;color:#9333ea}.tc-rc-icon-box.blue{background:#ecfeff;color:#0891b2}.tc-rc-icon-box.orange{background:#fff7ed;color:#ea580c}.tc-rc-icon-box.yellow{background:#fef9c3;color:#ca8a04}.tc-redeem-card h3{font-size:.88rem;font-weight:600;color:#1e293b}.tc-redeem-card p{font-size:.76rem;color:#64748b;line-height:1.4;flex:1}.tc-rc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;border-top:1px solid #f1f5f9;padding-top:12px}.tc-rc-cost{font-size:.88rem;font-weight:800;display:flex;align-items:center;gap:6px}.tc-rc-cost.gray-cost{color:#64748b}.tc-rc-cost.active-cost{color:#1e293b}.tc-coin-gray-dot{background:#94a3b8;border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.tc-coin-gray-dot:after{content:"B";font-size:.55rem;font-weight:900;color:#fff}.tc-coin-green-dot{background:#14b8a6;border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.tc-coin-green-dot:after{content:"B";font-size:.55rem;font-weight:900;color:#fff}.tc-rc-btn-claim{background:#14b8a6;color:#fff;border:none;padding:6px 14px;border-radius:8px;font-size:.74rem;font-weight:700;cursor:pointer;transition:opacity .2s}.tc-rc-btn-claim:hover{opacity:.9}.tc-rc-btn-claim.disabled,.tc-rc-btn-claim:disabled{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed}@keyframes tc-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mt-12{margin-top:12px}.tc-retos-layout{display:flex;gap:20px;align-items:flex-start;width:820px;max-width:calc(100vw - 80px)}.tc-retos-panel{width:580px;background:#fff;border-radius:20px;padding:24px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px #0f172a2e;animation:tc-zoom-in .28s cubic-bezier(.34,1.56,.64,1)}.tc-retos-panel.tp-highlight{outline:none!important;outline-offset:0!important;box-shadow:0 24px 60px #00000059,0 8px 20px #0003!important;border-radius:20px!important}.tc-retos-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tc-retos-panel-header h2{font-size:1.18rem;font-weight:600;color:#1e293b;margin-bottom:2px}.tc-retos-subtitle{font-size:.78rem;color:#94a3b8}.tc-retos-progress-badge{font-size:.8rem;font-weight:700;color:#3acfa9;background:transparent!important;padding:0;white-space:nowrap}.tc-retos-progress-bar{height:5px;background:#e2e8f0;border-radius:100px;overflow:hidden}.tc-retos-progress-fill{height:100%;background:#14b8a6;border-radius:100px}.tc-retos-list{display:flex;flex-direction:column;gap:10px}.tc-reto-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid #f1f5f9;background:#fff;transition:background .15s}.tc-reto-row.done{background:#f0fdf9;border-color:#ccfbf1}.tc-reto-circle{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tc-reto-info{flex:1;display:flex;flex-direction:column;line-height:1.3}.tc-reto-info strong{font-size:.82rem;font-weight:700;color:#1e293b}.tc-reto-info span{font-size:.72rem;color:#94a3b8}.tc-reto-go-btn{background:#3acfa9;color:#fff;border:none;border-radius:8px;padding:4px 14px;font-size:.76rem;font-weight:800;cursor:default;flex-shrink:0}.tc-reto-coins{font-size:.84rem;font-weight:800;color:#94a3b8;flex-shrink:0;min-width:32px;text-align:right}.tc-reto-coins.done{color:#3acfa9}.tc-retos-bonus-bar{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;font-size:.78rem;color:#92400e}.tc-retos-bonus-bar strong{color:#d97706}.tc-liga-panel{width:200px;flex-shrink:0;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px #0f172a1a;display:flex;flex-direction:column;gap:12px;animation:tc-zoom-in .28s cubic-bezier(.34,1.56,.64,1)}.tc-liga-panel h3{font-size:.9rem;font-weight:600;color:#1e293b}.tc-liga-list{display:flex;flex-direction:column;gap:8px}.tc-liga-row{display:flex;align-items:center;gap:8px;font-size:.8rem}.tc-liga-pos{width:18px;font-weight:800;color:#94a3b8;flex-shrink:0}.tc-liga-row.top .tc-liga-pos{color:#d97706}.tc-liga-avatar{width:28px;height:28px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#475569;flex-shrink:0}.tc-liga-row.top .tc-liga-avatar{background:#fef3c7;color:#d97706}.tc-liga-name{flex:1;color:#1e293b;font-weight:600}.tc-liga-coins{font-weight:700;color:#14b8a6}.tc-liga-hint{font-size:.7rem;color:#94a3b8;line-height:1.45}.tc-confirm-backdrop{position:fixed;inset:0;z-index:4500;background:transparent;display:flex;align-items:center;justify-content:flex-start;padding-left:240px}.tour-layout-independent .tp-overlay,.tc-global-overlay{position:fixed;inset:0;background:#000000a6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none;z-index:4000;animation:tc-fade-in .25s ease-out}.tc-confirm-modal{width:420px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000038;padding:28px 32px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;animation:tc-zoom-in .26s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:4600}.tc-confirm-close-btn{position:absolute;top:18px;right:18px;background:#f1f5f9;border:none;color:#94a3b8;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.tc-confirm-close-btn:hover{background:#e2e8f0}.tc-confirm-icon-wrap{display:flex;justify-content:center;margin-top:4px}.tc-confirm-icon-circle{width:64px;height:64px;background:#eff6ff;border-radius:16px;display:flex;align-items:center;justify-content:center}.tc-confirm-title{font-size:1.25rem;font-weight:600;color:#1e293b;text-align:center;margin:0}.tc-confirm-subtitle{font-size:.84rem;color:#94a3b8;margin:0;text-align:center}.tc-confirm-reward-box{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;padding:16px 20px;width:100%;display:flex;flex-direction:column;gap:14px}.tc-confirm-reward-info{display:flex;flex-direction:column;gap:2px;text-align:left}.tc-confirm-reward-info strong{font-size:.95rem;font-weight:800;color:#1e293b}.tc-confirm-reward-info span{font-size:.78rem;color:#64748b}.tc-confirm-cost-row{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #e2e8f0;padding-top:12px}.tc-confirm-cost-label{font-size:.84rem;color:#64748b;font-weight:600}.tc-confirm-cost-val{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:800;color:#1e293b}.tc-confirm-balance-hint{display:flex;align-items:center;justify-content:center;gap:8px;background:#f0fdf9;border-radius:12px;padding:12px 16px;width:100%;font-size:.8rem;color:#166534}.tc-confirm-balance-hint strong{font-weight:800}.tc-confirm-footer{display:flex;gap:12px;width:100%;margin-top:4px}.tc-confirm-btn-cancel{flex:1;padding:11px;border:1.5px solid #e2e8f0;border-radius:100px;background:#fff;color:#475569;font-size:.84rem;font-weight:700;cursor:pointer}.tc-confirm-btn-ok{flex:2;padding:11px 16px;background:#14b8a6;color:#fff;border:none;border-radius:100px;font-size:.84rem;font-weight:700;cursor:pointer;transition:opacity .2s}.tc-confirm-btn-ok:hover{opacity:.9}.tc-global-overlay{position:fixed;inset:0;background:#000000a6;pointer-events:none;z-index:4000;animation:tc-fade-in .25s ease-out}.tp-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;z-index:4000}.tpc-progress-track{width:100%;height:4px;background:#e2e8f0;border-radius:100px;overflow:hidden;margin-bottom:20px}.tpc-progress-fill{height:100%;background:#3acfa9;border-radius:100px;transition:width .3s ease}.tplan-config-bg{padding:32px 36px 0;pointer-events:none;user-select:none}.tplan-split-layout{display:flex;gap:32px;margin-top:24px;align-items:flex-start}.tplan-left-sidebar{width:240px;flex-shrink:0}.tplan-modal-inline{width:680px;background:#fff;border-radius:20px;box-shadow:0 25px 60px #00000014;border:1px solid #e2e8f0;overflow:visible;position:relative;pointer-events:all;flex-shrink:0}@media (max-width: 900px){.tplan-config-bg{padding:20px 16px 0}.tplan-split-layout{flex-direction:column;gap:16px}.tplan-left-sidebar{width:100%}.tplan-modal-inline{width:100%;max-width:calc(100vw - 32px)}}@media (max-width: 600px){.tplan-config-bg{padding:16px 12px 0}.tplan-modal-inline{max-height:calc(100dvh - 24px);overflow-y:auto}}.tplan-modal-inline--highlighted{position:relative;z-index:4100}.tplan-config-header h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 6px}.tplan-config-header p{font-size:.82rem;color:#64748b;margin:0}.tplan-config-sections{margin-top:24px}.tplan-section-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin-bottom:8px}.tplan-section-label--mt{margin-top:18px}.tplan-section-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.tplan-section-row--active{background:#e6faf5!important;border-color:#99f6e4!important}.tplan-section-row--active span{color:#0f766e!important;font-weight:700!important}.tplan-section-item{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#475569;font-weight:500}.tplan-section-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0}.tplan-section-dot--green{background:#14b8a6}.tplan-modal-float{position:fixed;inset:0 0 0 260px;z-index:4200;display:flex;align-items:center;justify-content:center;pointer-events:none}.tplan-inter-overlay{position:fixed;inset:0;z-index:4300;background:#00000073;pointer-events:none}.tplan-modal{width:680px;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0003;overflow:visible;position:relative;animation:tc-zoom-in .28s cubic-bezier(.34,1.56,.64,1);pointer-events:all;margin-left:80px}.tplan-modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9;text-align:left}.tplan-modal-header h2{font-size:1.15rem;font-weight:600;color:#1e293b;margin:0 0 4px;text-align:left}.tplan-modal-header p{font-size:.78rem;color:#64748b;margin:0;text-align:left}.tplan-modal-header-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.tplan-link-text{font-size:.75rem;color:#14b8a6;font-weight:600;cursor:pointer;white-space:nowrap}.tplan-close-btn{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:4px;border-radius:6px;pointer-events:all}.tplan-close-btn:hover{background:#f1f5f9;color:#1e293b}.tplan-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 24px}.tplan-card{border:1.5px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fff;position:relative;transition:box-shadow .2s}.tplan-card-highlighted{border:2px solid #14b8a6!important;box-shadow:0 0 0 4px #14b8a62e!important}.tplan-card-annual{border:2px solid #14b8a6;background:linear-gradient(150deg,#f0fdfa,#fff 60%)}.tplan-badge-current{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.06em;color:#fff;background:#14b8a6;border-radius:20px;padding:3px 10px;align-self:flex-start}.tplan-badge-best{display:inline-block;font-size:.63rem;font-weight:800;letter-spacing:.04em;color:#fff;background:#14b8a6;border-radius:20px;padding:3px 9px;align-self:flex-start}.tplan-price-block{display:flex;align-items:baseline;gap:3px;margin-top:2px}.tplan-price{font-size:2rem;font-weight:500;color:#1e293b;line-height:1}.tplan-price-annual{color:#1e293b}.tplan-period{font-size:.8rem;color:#64748b;font-weight:600}.tplan-billing-note{font-size:.73rem;color:#94a3b8;margin:0;line-height:1.4}.tplan-old-price{text-decoration:line-through;color:#cbd5e1}.tplan-features{list-style:none;padding:0;margin:4px 0;display:flex;flex-direction:column;gap:7px;flex:1}.tplan-features li{font-size:.78rem;color:#475569;display:flex;align-items:center;gap:7px}.tplan-check{flex-shrink:0;color:#94a3b8}.tplan-check-annual{color:#14b8a6}.tplan-btn-current{width:100%;padding:10px;background:#f1f5f9;color:#94a3b8;border:none;border-radius:10px;font-size:.8rem;font-weight:700;cursor:not-allowed;margin-top:4px}.tplan-btn-annual{width:100%;padding:11px;background:#14b8a6;color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;margin-top:4px;transition:opacity .2s;pointer-events:all}.tplan-btn-annual:hover{opacity:.88}.tplan-legal-note{font-size:.65rem;color:#94a3b8;padding:0 24px 18px;margin:0;line-height:1.5}.tplan-tooltip-card{width:360px!important;padding:16px 24px 14px!important}.tplan-tooltip-absolute{position:absolute!important;z-index:5100!important;pointer-events:auto;top:76px}.tplan-tooltip-left{left:-242px!important;right:auto!important}.tplan-tooltip-right{left:472px!important;right:auto!important;top:0!important}.tplan-confirm-float{position:fixed;inset:0 0 0 260px;z-index:4500;display:flex;align-items:center;justify-content:center;pointer-events:none}.tplan-confirm-card{width:460px;background:#fff;border-radius:20px;box-shadow:0 25px 60px #00000040;padding:28px;display:flex;flex-direction:column;animation:tc-zoom-in .26s cubic-bezier(.34,1.56,.64,1);pointer-events:all;border:1px solid #cbd5e1;margin-left:-360px}.tplan-confirm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tplan-confirm-header h2{font-size:1.15rem;font-weight:600;color:#1e293b;margin:0}.tplan-confirm-plan-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tplan-confirm-plan-label{font-size:.82rem;font-weight:700;color:#1e293b}.tplan-confirm-subtitle{font-size:.8rem;color:#64748b;margin:0 0 16px}.tplan-confirm-plan-box{background:#f0fdfa;border:1.5px solid #99f6e4;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:2px}.tplan-confirm-plan-header{display:flex;justify-content:space-between;align-items:center}.tplan-confirm-plan-title{font-size:.85rem;font-weight:700;color:#1e293b}.tplan-confirm-plan-badge{font-size:.65rem;font-weight:600;background:#14b8a6;color:#fff;padding:3px 8px;border-radius:20px}.tplan-confirm-plan-price-row{display:flex;align-items:baseline;gap:3px;margin-top:2px}.tplan-confirm-plan-price{font-size:1.55rem;font-weight:700;color:#1e293b}.tplan-confirm-plan-period{font-size:.78rem;color:#64748b;font-weight:600}.tplan-confirm-plan-note{font-size:.72rem;color:#94a3b8;margin:0}.tplan-confirm-details-section{margin-top:18px}.tplan-confirm-details-section h3{font-size:.68rem;font-weight:700;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px}.tplan-confirm-details-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.tplan-confirm-details-list li{font-size:.78rem;color:#475569;display:flex;align-items:center;gap:8px;font-weight:500}.tplan-confirm-dot-green{width:6px;height:6px;border-radius:50%;background:#14b8a6;flex-shrink:0}.tplan-confirm-footer-legal{font-size:.7rem;color:#94a3b8;margin:16px 0;line-height:1.4}.tplan-confirm-actions{display:flex;gap:10px}.tplan-confirm-btn-cancel{flex:1;padding:10px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:.8rem;font-weight:700;cursor:pointer}.tplan-confirm-btn-ok{flex:2;padding:10px 14px;background:#14b8a6;color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer}.tplan-modal-float-dimmed{z-index:3500!important;pointer-events:none!important}.tplan-billing-modal-float{position:fixed;inset:0 0 0 260px;z-index:4200;display:flex;align-items:center;justify-content:center;pointer-events:none}.tplan-billing-modal{width:720px;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0003;overflow:visible;position:relative;animation:tc-zoom-in .28s cubic-bezier(.34,1.56,.64,1);pointer-events:all;border:1px solid #e2e8f0;display:flex;flex-direction:column;margin-left:80px}.tplan-billing-modal-header{padding:24px 28px 16px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.tplan-billing-modal-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 4px;text-align:left}.tplan-billing-modal-header p{font-size:.8rem;color:#64748b;margin:0;text-align:left}.tplan-billing-modal-content{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.tplan-billing-section{display:flex;flex-direction:column;gap:8px;padding:4px;transition:all .2s ease-in-out}.tplan-billing-section-highlighted{outline:2.5px solid #14b8a6;outline-offset:6px;border-radius:12px;background-color:#14b8a605}.tplan-billing-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase}.tplan-billing-plan-box{background:#f0fdfa;border:1.5px solid #99f6e4;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.tplan-billing-plan-info{display:flex;flex-direction:column;gap:6px}.tplan-billing-plan-title-row{display:flex;align-items:center;gap:10px}.tplan-billing-badge-active{font-size:.62rem;font-weight:800;color:#fff;background:#14b8a6;padding:3px 8px;border-radius:20px;letter-spacing:.04em}.tplan-billing-plan-title-row h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.tplan-billing-plan-desc{font-size:.78rem;color:#475569;margin:0}.tplan-billing-plan-renewal{font-size:.72rem;color:#64748b;margin:0}.tplan-billing-plan-price-col{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.tplan-billing-plan-price{display:flex;align-items:baseline;gap:3px}.tplan-billing-price-num{font-size:1.6rem;font-weight:500;color:#1e293b}.tplan-billing-price-period{font-size:.8rem;color:#64748b;font-weight:600}.tplan-billing-btn-manage{padding:8px 16px;background:#14b8a6;color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer}.tplan-billing-card-box{border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;background:#fff}.tplan-billing-card-info{display:flex;align-items:center;gap:16px}.tplan-billing-visa-badge{background:#1e3a8a;color:#fff;font-weight:900;font-style:italic;padding:6px 12px;border-radius:6px;font-size:.85rem;letter-spacing:.05em;box-shadow:0 2px 4px #0000001a}.tplan-billing-card-details{display:flex;flex-direction:column;gap:4px}.tplan-billing-card-number{font-size:.82rem;font-weight:600;color:#1e293b;letter-spacing:.05em}.tplan-billing-card-meta{font-size:.72rem;color:#64748b}.tplan-billing-btn-edit{padding:8px 18px;background:#fff;color:#475569;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer}.tplan-billing-table-wrapper{border:1.5px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tplan-billing-table{width:100%;min-width:520px;border-collapse:collapse;text-align:left}.tplan-billing-table th{background:#f8fafc;font-size:.65rem;font-weight:700;color:#64748b;letter-spacing:.05em;padding:10px 16px;border-bottom:1.5px solid #e2e8f0}.tplan-billing-table td{padding:12px 16px;font-size:.78rem;color:#475569;border-bottom:1px solid #f1f5f9}.tplan-billing-table tr:last-child td{border-bottom:none}.tplan-billing-status-paid{font-size:.68rem;font-weight:700;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;padding:3px 8px;border-radius:20px}.tplan-billing-link-receipt{font-size:.78rem;color:#14b8a6;font-weight:600;text-decoration:underline;cursor:pointer}.tplan-billing-modal-footer{font-size:.68rem;color:#94a3b8;padding:14px 28px 20px;margin:0;line-height:1.5;border-top:1px solid #f1f5f9}.tplan-success-card{width:400px;background:#fff;border-radius:20px;box-shadow:0 25px 60px #00000040;padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:tc-zoom-in .26s cubic-bezier(.34,1.56,.64,1);pointer-events:all;border:1px solid #cbd5e1;margin-left:-300px}.tplan-success-icon-wrapper{margin-bottom:16px}.tplan-success-icon-circle{width:64px;height:64px;border-radius:50%;background:#14b8a6;border:none;display:flex;align-items:center;justify-content:center}.tplan-success-card h2{font-size:1.35rem;font-weight:600;color:#1e293b;margin:0 0 6px}.tplan-success-subtitle{font-size:.82rem;color:#64748b;margin:0 0 20px}.tplan-success-info-box{width:100%;background:#f0fdfa;border:1.5px solid #99f6e4;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.tplan-success-row{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.8rem}.tplan-success-label{color:#64748b;font-weight:500}.tplan-success-value{color:#1e293b;font-weight:700}.tplan-success-actions{display:flex;gap:10px;width:100%}.tplan-success-btn-invoice{flex:1;padding:11px;border:1.5px solid #cbd5e1;border-radius:10px;background:#fff;color:#475569;font-size:.8rem;font-weight:700;cursor:pointer}.tplan-success-btn-ok{flex:1.5;padding:11px;background:#14b8a6;color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .2s}.tplan-success-btn-ok:hover{opacity:.9}.sub-container{padding:28px 48px 60px}.sub-header{text-align:center;margin-bottom:28px}.sub-badge{display:inline-block;padding:5px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;background:#f0fdfa;color:#0d9488;margin-bottom:12px}.sub-header h1{font-size:28px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.sub-subtitle{font-size:14px;color:#64748b;margin:0}.sub-billing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:32px;background:#f1f5f9;padding:4px;border-radius:14px;width:fit-content;margin-left:auto;margin-right:auto}.sub-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 24px;border:none;background:transparent;border-radius:11px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;font-family:inherit}.sub-toggle-btn.active{background:#fff;color:#1a1e2b;box-shadow:0 1px 3px #00000014}.sub-toggle-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;background:#3acfa9;color:#fff}.sub-plans-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.sub-plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px 20px;display:flex;flex-direction:column;position:relative;transition:all .2s;box-shadow:0 2px 12px #0000000f}.sub-plan-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px);border-color:#3acfa9}.sub-plan-card.popular{border-color:#3acfa9;border-width:2px;background:#fafffe;box-shadow:0 4px 20px #3acfa926}.sub-plan-card.active{border-color:#3acfa9;border-width:2px;background:#f0fdfa;box-shadow:0 4px 20px #3acfa926}.sub-plan-badge{position:absolute;top:-12px;right:16px;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:700;background:#3acfa9;color:#fff}.sub-plan-name{font-size:16px;font-weight:600;color:#1a1e2b;margin:0 0 12px}.sub-plan-price{display:flex;align-items:baseline;gap:2px;margin-bottom:8px}.sub-plan-price.custom{flex-direction:column;align-items:flex-start;gap:0}.sub-plan-amount{font-size:36px;font-weight:900;color:#1a1e2b;line-height:1}.sub-plan-currency{font-size:16px;font-weight:700;color:#64748b}.sub-plan-period{font-size:14px;color:#94a3b8;font-weight:500}.sub-plan-custom{font-size:26px;font-weight:800;color:#1a1e2b}.sub-plan-billing-info{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;margin-bottom:4px}.sub-plan-billing-val{font-weight:700;color:#1a1e2b}.sub-plan-savings{display:inline-block;font-size:12px;font-weight:700;color:#0d9488;background:#f0fdfa;padding:3px 10px;border-radius:8px;margin-bottom:8px;width:fit-content}.sub-plan-desc{font-size:13px;color:#64748b;margin:0 0 12px;line-height:1.4}.sub-plan-coins{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;background:#f0fdfa;color:#0d9488;margin-bottom:6px;width:fit-content}.sub-plan-coins.yearly{background:#fff7ed;color:#c2410c}.sub-plan-bonus{font-size:12px;color:#64748b;margin-bottom:16px}.sub-plan-features{list-style:none;padding:0;margin:0 0 auto;display:flex;flex-direction:column;gap:10px;min-height:160px}.sub-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#475569;line-height:1.4}.sub-check{color:#14b8a6;flex-shrink:0;margin-top:2px}.sub-plan-cta{width:100%;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:16px;text-align:center}.cta-outline{border:1px solid #e2e8f0;background:#fff;color:#1a1e2b}.cta-outline:hover{background:#3acfa9;border-color:#3acfa9;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3acfa94d}.cta-selected{border:2px solid #3ACFA9;background:#f0fdfa;color:#0d9488;cursor:pointer}.cta-selected:hover{background:#3acfa9;border-color:#3acfa9;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3acfa94d}.cta-active{border:none;background:#3acfa9;color:#fff;cursor:default}.cta-dark{border:none;background:#1a1e2b;color:#fff}.cta-dark:hover{background:#3acfa9;transform:translateY(-1px);box-shadow:0 4px 12px #3acfa94d}.sub-footer-note{text-align:center;font-size:13px;color:#94a3b8;margin:0}.sub-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.sub-modal{background:#fff;border-radius:20px;width:800px;max-width:95vw;max-height:90vh;overflow-y:auto;padding:32px;position:relative}@media (max-width: 768px){.sub-modal{width:calc(100vw - 24px);padding:20px}.sub-modal-body{grid-template-columns:1fr;gap:20px}}.sub-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer}.sub-modal-close:hover{background:#f1f5f9}.sub-modal-header h2{font-size:20px;font-weight:600;color:#1a1e2b;margin:0 0 4px}.sub-modal-header p{font-size:13px;color:#94a3b8;margin:0 0 24px}.sub-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:32px}.sub-modal-left{display:flex;flex-direction:column;gap:20px}.sub-modal-section h3{font-size:15px;font-weight:700;color:#1a1e2b;margin:8px 0 4px}.sub-modal-section p{font-size:13px;color:#64748b;margin:0 0 12px;line-height:1.5}.sub-modal-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sub-modal-checklist li{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.sub-modal-checklist li svg{color:#3acfa9;flex-shrink:0}.sub-modal-right h3{font-size:16px;font-weight:600;color:#1a1e2b;margin:0 0 16px}.sub-modal-plan{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;margin-bottom:16px}.sub-modal-plan-name{display:block;font-size:14px;font-weight:700;color:#1a1e2b}.sub-modal-plan-coins{display:block;font-size:12px;color:#0d9488;font-weight:600}.sub-modal-prices{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.sub-modal-price-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.sub-modal-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.sub-modal-total span{font-size:14px;font-weight:700;color:#1a1e2b}.sub-modal-total-val{font-size:22px!important;font-weight:800!important}.sub-modal-pay-btn{width:100%;padding:14px;border-radius:14px;border:none;background:#3acfa9;color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:inherit}.sub-modal-pay-btn:hover:not(:disabled){background:#32b896;transform:translateY(-1px);box-shadow:0 6px 20px #3acfa94d}.sub-modal-pay-btn:disabled{background:#94a3b8;cursor:not-allowed}.sub-modal-trust{text-align:center;font-size:11px;color:#94a3b8;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:4px}.sub-modal-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sub-modal-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;color:#1a1e2b;background:#f8fafc;outline:none;font-family:inherit;margin-top:8px;box-sizing:border-box}@media (max-width: 1200px){.sub-plans-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.sub-plans-grid{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.sub-toggle-btn{padding:8px 16px;font-size:13px}}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:1}.toggle-slider{position:absolute;cursor:pointer;inset: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)}.admin-modules-section{padding:0}.admin-modules-header{margin-bottom:24px}.admin-modules-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 4px}.admin-modules-header p{font-size:14px;color:#64748b;margin:0}.admin-modules-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 1100px){.admin-modules-grid{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.admin-modules-grid{grid-template-columns:1fr}}.admin-modules-col{display:flex;flex-direction:column;gap:0}.admin-modules-col-header{display:flex;align-items:center;gap:8px;padding:0 0 12px;color:#1a1e2b}.admin-modules-col-header h3{font-size:15px;font-weight:700;color:#1a1e2b;margin:0}.admin-modules-list{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:16px;border:1px solid #f1f5f9;overflow:hidden}.admin-module-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f8fafc;gap:12px}.admin-module-row:last-child{border-bottom:none}.admin-module-info{display:flex;align-items:center;gap:10px;flex:1}.admin-module-icon{font-size:20px;flex-shrink:0}.admin-module-label{font-size:13px;font-weight:700;color:#1a1e2b;display:block}.admin-module-key{font-size:10px;color:#94a3b8;font-family:monospace}.admin-module-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;font-size:12px;font-weight:700;color:#94a3b8;transition:all .2s;font-family:inherit;flex-shrink:0}.module-toggle-switch{flex-shrink:0}.admin-ref-page{width:min(1240px,100%);margin:0 auto}.admin-ref-page .header-greeting h1{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 4px}.admin-ref-page .header-greeting p{font-size:14px;color:#64748b;margin:0;max-width:780px}.admin-ref-stats{margin-bottom:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-ref-title-row{gap:12px}.admin-ref-search{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease}.admin-ref-search:focus-within{border-color:#3acfa980;box-shadow:0 0 0 3px #3acfa91f}.admin-ref-search-input{border:none;background:transparent;padding:8px 0;font-size:13px;color:#1e293b;outline:none;font-family:Poppins,sans-serif;min-width:180px}.admin-ref-search-input::placeholder{color:#94a3b8}.admin-ref-table-wrap{overflow-x:auto;margin-top:16px}.admin-ref-table{width:100%;min-width:720px;border-collapse:collapse}.admin-ref-table thead tr{background:#fbfdff}.admin-ref-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.admin-ref-table td{padding:12px 16px;border-bottom:1px solid #f8fafc;font-size:13px;color:#1e293b}.admin-ref-row{cursor:pointer;transition:background .15s ease}.admin-ref-row:hover{background:#f8fafc}.admin-ref-user{display:flex;flex-direction:column;gap:2px}.admin-ref-name{font-weight:600;color:#1e293b}.admin-ref-email{font-size:11.5px;color:#94a3b8}.admin-ref-code{font-family:SF Mono,monospace;font-size:12px;color:#3acfa9;font-weight:600;background:#f0fdf9;padding:3px 8px;border-radius:6px}.admin-ref-count{font-weight:700}.admin-ref-coins{font-weight:700;color:#f59e0b}.admin-ref-modal{max-width:560px;width:100%;max-height:80vh;overflow-y:auto;padding:32px;position:relative;border:1px solid #edf2f7}.admin-ref-detail-stats .stat-card{padding:16px}.admin-ref-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-ref-detail-stats .stat-value{font-size:1.4rem}@media (min-width: 1536px){.admin-ref-page{width:min(1400px,100%)}}@media (max-width: 1024px){.admin-ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ref-search-input{min-width:120px}}@media (max-width: 768px){.admin-ref-page{width:100%}.admin-ref-stats{grid-template-columns:1fr}.admin-ref-title-row{flex-direction:column;align-items:stretch}.admin-ref-search{width:100%}.admin-ref-search-input{min-width:0;width:100%}.admin-ref-modal{max-width:96vw;padding:24px 18px}.admin-ref-detail-stats{grid-template-columns:1fr}}@media (max-width: 480px){.admin-ref-modal{max-height:86vh;padding:20px 14px}}.ar-mobile-card{display:none}@media (max-width: 600px){.admin-ref-table-wrap{overflow:visible}.admin-ref-table thead,.admin-ref-table tbody tr{display:none}.ar-mobile-card{display:block;margin:10px;padding:14px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 10px #0000000a;cursor:pointer}.ar-mobile-card:last-child{margin-bottom:14px}.arc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}.arc-head{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.arc-name{font-weight:700;color:#0f172a;font-size:15px}.arc-email{font-size:12.5px;color:#64748b;word-break:break-all}.arc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding-top:10px;border-top:1px solid #f8fafc}.arc-field{display:flex;flex-direction:column;gap:4px}.arc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}}.coming-soon-overlay{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f0fdf9,#e0f2fe,#f8fafc);padding:40px 20px}.coming-soon-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000014;padding:48px 40px 36px;text-align:center;max-width:420px;width:100%;animation:csFadeIn .5s ease-out}@keyframes csFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.coming-soon-logo{margin-bottom:32px}.coming-soon-logo-img{height:44px}.coming-soon-title{font-size:24px;font-weight:600;color:#1a1e2b;margin:0 0 8px}.coming-soon-subtitle{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.coming-soon-dots{display:flex;justify-content:center;gap:4px;margin-bottom:12px}.dot{font-size:32px;font-weight:800;color:var(--primary-teal);line-height:1}.dot-1{animation:dotBounce 1.2s ease-in-out infinite}.dot-2{animation:dotBounce 1.2s ease-in-out .2s infinite}.dot-3{animation:dotBounce 1.2s ease-in-out .4s infinite}@keyframes dotBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.coming-soon-footer{font-size:12px;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.coming-soon-back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;font-family:inherit}.coming-soon-back-btn:hover{border-color:var(--primary-teal);color:var(--primary-teal);background:#f0fdf9}.toast-container{position:fixed;bottom:24px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid;border-radius:12px;min-width:280px;max-width:420px;box-shadow:0 8px 32px #0000001a;pointer-events:auto;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-message{flex:1;font-size:13px;font-weight:500;color:#1e293b;line-height:1.4}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;border-radius:4px;display:flex;flex-shrink:0}.toast-close:hover{color:#64748b}/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-green-600:oklch(62.7% .194 149.214);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-1{margin-right:var(--spacing)}.mr-2\!{margin-right:calc(var(--spacing) * 2)!important}.mb-1{margin-bottom:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.min-h-14{min-height:calc(var(--spacing) * 14)}.w-2{width:calc(var(--spacing) * 2)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-\[80\%\]{max-width:80%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-red-400{border-color:var(--color-red-400)}.bg-\[\#3ACFA9\]{background-color:#3acfa9}.bg-gray-50{background-color:var(--color-gray-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#f0fdf9\]{--tw-gradient-from:#f0fdf9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0\!{padding:0!important}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.text-start\!{text-align:start!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\(--bva-teal-dark\){color:var(--bva-teal-dark)}.text-\[\#3ACFA9\]{color:#3acfa9}.text-\[\#94a3b8\]{color:#94a3b8}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-red-200{--tw-shadow-color:oklch(88.5% .062 18.334)}@supports (color:color-mix(in lab,red,red)){.shadow-red-200{--tw-shadow-color:color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:border-\[\#3ACFA9\]:hover{border-color:#3acfa9}.hover\:bg-\[\#2eb88d\]:hover{background-color:#2eb88d}.hover\:text-\[\#3ACFA9\]:hover{color:#3acfa9}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#3ACFA9\]:focus{--tw-ring-color:#3acfa9}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:p-6{padding:calc(var(--spacing) * 6)}}}:root{--primary-teal:#3acfa9;--soft-teal:#acead9;--very-soft-teal:#ddf7f1;--text-primary:#222;--text-secondary:#6a6a6a;--white:#fff;--border-inactive:#dedede;--pale-mint:#ebf9f4;--shadow:0 4px 20px #0000000d;--radius:12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:#94a3b840 transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#94a3b840;border-radius:100px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#64748b73}::-webkit-scrollbar-corner{background:0 0}.app-container{flex-direction:column;min-height:100vh;display:flex}.auth-wrapper{background:linear-gradient(135deg,#fdfbfb,#ebedee);flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.auth-card{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow);border-top:5px solid var(--primary-teal);width:100%;max-width:450px;padding:40px}.logo-container{text-align:center;margin-bottom:30px}.logo-container img{max-width:180px}h2{text-align:center;color:var(--text-dark);margin-bottom:24px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input{border:1.5px solid var(--border-color);border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:var(--primary-teal);outline:none}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.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{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.9rem}.auth-footer a{color:var(--primary-teal);font-weight:600;text-decoration:none}.error-message{color:#dc2626;text-align:center;background-color:#fee2e2;border-radius:6px;margin-bottom:20px;padding:10px;font-size:.85rem}.dashboard-container{max-width:1200px;margin:0 auto;padding:20px}.navbar{background:var(--bg-white);justify-content:space-between;align-items:center;padding:15px 40px;display:flex;box-shadow:0 2px 10px #0000000d}.welcome-section{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-top:30px;padding:30px}.breeze-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite breeze-shimmer;display:inline-block}@keyframes breeze-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.breeze-skeleton-text{border-radius:4px;width:100%;height:12px;margin-bottom:8px}.breeze-skeleton-text.heading{height:20px;margin-bottom:12px}.breeze-skeleton-circle{border-radius:50%;flex-shrink:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}