.student-ui-scope{--student-red:#ef4444;--student-red-dark:#dc2626;--student-red-soft:#fff5f5;--student-bg:#f7f8fa;--student-card:#fff;--student-text:#1f2937;--student-muted:#6b7280;--student-soft-muted:#98a2b3;--student-border:#e5e7eb;--student-shadow:0 1px 2px #0f172a09, 0 5px 16px #0f172a09;background:var(--student-bg);min-height:100vh;color:var(--student-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.student-ui-scope,.student-ui-scope button,.student-ui-scope input,.student-ui-scope select,.student-ui-scope textarea{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.student-ui-scope .student-dashboard{background:var(--student-bg)}.student-ui-scope .student-portal-sidebar{width:246px;box-shadow:none;background:#fff;border-right:1px solid #e6e8ed;padding:18px 12px}.student-ui-scope .student-dashboard-main,.student-ui-scope .dashboard-main{background:var(--student-bg);width:calc(100% - 246px);min-height:100vh;margin-left:246px}.student-ui-scope .student-portal-brand{gap:10px;margin-bottom:12px;padding:4px 7px 16px}.student-ui-scope .student-brand-logo{color:#d92d20;background:#fff3f3;border:1px solid #ffdede;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.student-ui-scope .student-portal-brand h5{color:#202939;letter-spacing:-.018em;margin:0;font-size:1rem;font-weight:720}.student-ui-scope .student-portal-brand small{color:#7c8799;font-size:.68rem}.student-ui-scope .student-portal-nav{gap:0}.student-ui-scope .student-nav-section{margin:0 0 14px}.student-ui-scope .student-nav-section:last-child{margin-bottom:0}.student-ui-scope .student-nav-section-title{color:#98a2b3;letter-spacing:.1em;text-transform:uppercase;padding:0 10px 6px;font-size:.59rem;font-weight:700;line-height:1.2}.student-ui-scope .student-nav-section-items{flex-direction:column;gap:2px;display:flex}.student-ui-scope .student-portal-nav a{color:#5d687a;border-radius:8px;align-items:center;min-height:40px;padding:8px 10px;font-size:.79rem;font-weight:540;text-decoration:none;transition:background-color .16s,color .16s;display:flex}.student-ui-scope .student-portal-nav a:hover{color:#273244;background:#f8f9fb}.student-ui-scope .student-portal-nav a.active{color:#c92a2a;box-shadow:inset 2px 0 0 var(--student-red);background:#fff3f3}.student-ui-scope .student-nav-label{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:22px;display:grid}.student-ui-scope .student-nav-icon{justify-content:center;align-items:center;width:22px;height:22px;line-height:0;display:inline-flex}.student-ui-scope .student-nav-icon svg{color:#8792a2;width:18px;height:18px;display:block}.student-ui-scope .student-nav-text{align-items:center;min-height:22px;line-height:1.25;display:flex}.student-ui-scope .student-portal-nav a.active .student-nav-icon svg{color:#d92d20}.student-ui-scope .sidebar-product-credit{border-top:1px solid #eef0f3;margin-top:auto;padding:14px 6px 2px}.student-ui-scope .student-portal-topbar{min-height:72px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;border-bottom:1px solid #e7e9ee;padding:12px 22px}.student-ui-scope .student-portal-topbar-title h4{color:#202939;letter-spacing:-.02em;font-size:1.15rem;font-weight:680}.student-ui-scope .student-portal-topbar-title p{color:#7c8799;font-size:.72rem}.student-ui-scope .student-portal-topbar-actions{align-items:center;gap:14px;display:flex}.student-ui-scope .student-portal-organization{color:#667085;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.student-ui-scope .student-portal-user{align-items:center;gap:8px;display:flex}.student-ui-scope .student-portal-avatar{color:#c92a2a;background:#fff2f2;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:inline-flex}.student-ui-scope .student-portal-user strong,.student-ui-scope .student-portal-user small{display:block}.student-ui-scope .student-portal-user strong{color:#273244;font-size:.72rem;font-weight:650}.student-ui-scope .student-portal-user small{color:#98a2b3;margin-top:1px;font-size:.62rem}.student-ui-scope .student-portal-logout{border-radius:8px;min-height:34px;padding:6px 10px;font-size:.7rem;font-weight:600}.student-ui-scope .student-dashboard-content,.student-ui-scope .dashboard-content{box-sizing:border-box;background:var(--student-bg);width:100%;padding:22px 20px 34px}.student-ui-scope .student-dashboard-content .container-fluid,.student-ui-scope .dashboard-content .container-fluid{max-width:1500px;margin:0 auto;padding-left:0;padding-right:0}.student-ui-scope .student-dashboard-content h2,.student-ui-scope .dashboard-content h2{color:#1f2937;letter-spacing:-.025em;font-size:clamp(1.45rem,1.9vw,1.85rem);font-weight:700!important}.student-ui-scope .student-dashboard-content h5,.student-ui-scope .dashboard-content h5{color:#273244;letter-spacing:-.012em;font-size:.95rem;font-weight:660!important}.student-ui-scope .student-dashboard-content h6,.student-ui-scope .dashboard-content h6{color:#344054;font-size:.82rem;font-weight:640!important}.student-ui-scope .student-dashboard-content .text-muted,.student-ui-scope .dashboard-content .text-muted{color:#7b8494!important}.student-ui-scope .student-dashboard-content .card,.student-ui-scope .dashboard-content .card,.student-ui-scope .dashboard-panel,.student-ui-scope .summary-card{background:#fff;border:1px solid var(--student-border)!important;box-shadow:var(--student-shadow)!important;border-radius:12px!important}.student-ui-scope .student-dashboard-content .card-body,.student-ui-scope .dashboard-content .card-body{padding:18px!important}.student-ui-scope .student-dashboard-content .form-label,.student-ui-scope .dashboard-content .form-label{color:#475467;margin-bottom:6px;font-size:.72rem;font-weight:600}.student-ui-scope .student-dashboard-content .form-control,.student-ui-scope .student-dashboard-content .form-select,.student-ui-scope .dashboard-content .form-control,.student-ui-scope .dashboard-content .form-select{color:#344054;background:#fff;border:1px solid #dfe3e8;border-radius:8px;min-height:40px;padding:8px 11px;font-size:.78rem}.student-ui-scope .student-dashboard-content .form-control:focus,.student-ui-scope .student-dashboard-content .form-select:focus,.student-ui-scope .dashboard-content .form-control:focus,.student-ui-scope .dashboard-content .form-select:focus{border-color:#efa2a2;box-shadow:0 0 0 3px #ef444414}.student-ui-scope .student-dashboard-content .btn,.student-ui-scope .dashboard-content .btn{min-height:36px;box-shadow:none;border-radius:8px;padding:7px 12px;font-size:.73rem;font-weight:600}.student-ui-scope .student-dashboard-content .btn-primary,.student-ui-scope .dashboard-content .btn-primary{background:#ef4444;border-color:#ef4444}.student-ui-scope .student-dashboard-content .btn-primary:hover,.student-ui-scope .dashboard-content .btn-primary:hover{background:#dc2626;border-color:#dc2626}.student-ui-scope .student-dashboard-content .btn-outline-primary,.student-ui-scope .dashboard-content .btn-outline-primary{color:#b42318;background:#fff;border-color:#efb0b0}.student-ui-scope .student-dashboard-content .btn-outline-primary:hover,.student-ui-scope .dashboard-content .btn-outline-primary:hover{color:#b42318;background:#fff5f5;border-color:#ef4444}.student-ui-scope .student-dashboard-content .table,.student-ui-scope .dashboard-content .table{color:#344054;margin-bottom:0;font-size:.74rem}.student-ui-scope .student-dashboard-content .table thead th,.student-ui-scope .dashboard-content .table thead th{color:#667085;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;background:#f8f9fb;border-bottom:1px solid #e6e8ec;padding:10px 13px;font-size:.65rem;font-weight:650}.student-ui-scope .student-dashboard-content .table tbody td,.student-ui-scope .dashboard-content .table tbody td{vertical-align:middle;border-color:#eef0f3;padding:12px 13px}.student-ui-scope .student-dashboard-content .badge,.student-ui-scope .dashboard-content .badge{border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:600}.student-ui-scope .student-dashboard-content .badge.bg-primary,.student-ui-scope .dashboard-content .badge.bg-primary{color:#b42318;background:#fff0f0!important}.student-ui-scope .student-dashboard-content .badge.bg-success,.student-ui-scope .dashboard-content .badge.bg-success{color:#157347;background:#eaf8f0!important}.student-ui-scope .student-dashboard-content .badge.bg-warning,.student-ui-scope .dashboard-content .badge.bg-warning{color:#9a6700!important;background:#fff7df!important}.student-ui-scope .student-dashboard-content .badge.bg-danger,.student-ui-scope .dashboard-content .badge.bg-danger{color:#b42318;background:#fff0f0!important}.student-ui-scope .student-dashboard-content .alert,.student-ui-scope .dashboard-content .alert{border-radius:9px;font-size:.76rem}.student-dashboard-polished .student-welcome{background:#fff;border:1px solid #e6e8ed;border-left:4px solid #ef4444;border-radius:12px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:14px;padding:18px 20px;display:flex}.student-dashboard-polished .student-welcome-kicker{color:#b42318;letter-spacing:.09em;margin-bottom:4px;font-size:.64rem;font-weight:700}.student-dashboard-polished .student-welcome h1{color:#1f2937;letter-spacing:-.025em;margin:0;font-size:clamp(1.38rem,1.8vw,1.9rem);font-weight:700}.student-dashboard-polished .student-welcome p{color:#748094;margin:5px 0 0;font-size:.82rem}.student-dashboard-polished .student-welcome-actions{flex-wrap:wrap;gap:8px;display:flex}.student-dashboard-polished .student-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.student-dashboard-polished .student-overview-card{min-height:104px;box-shadow:var(--student-shadow);background:#fff;border:1px solid #e5e7eb;border-radius:11px;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:14px;padding:15px 16px;display:grid}.student-dashboard-polished .student-overview-icon{color:#d92d20;background:#fff4f4;border:1px solid #ffe0e0;border-radius:9px;place-items:center;width:44px;height:44px;line-height:0;display:grid}.student-dashboard-polished .student-overview-icon svg{width:20px;height:20px;display:block}.student-dashboard-polished .student-overview-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-height:64px;display:flex}.student-dashboard-polished .student-overview-copy small{color:#748094;font-size:.68rem;font-weight:540}.student-dashboard-polished .student-overview-copy strong{color:#1f2937;letter-spacing:-.025em;margin-top:3px;font-size:1.42rem;font-weight:700}.student-dashboard-polished .student-overview-copy span{color:#98a2b3;margin-top:3px;font-size:.62rem}.student-dashboard-polished .student-dashboard-grid{grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px;display:grid}.student-dashboard-polished .student-panel{box-shadow:var(--student-shadow);background:#fff;border:1px solid #e5e7eb;border-radius:12px}.student-dashboard-polished .student-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 10px;display:flex}.student-dashboard-polished .student-panel-header h2{color:#273244;margin:0;font-size:.98rem;font-weight:680}.student-dashboard-polished .student-panel-header p{color:#8b95a5;margin:3px 0 0;font-size:.67rem}.student-dashboard-polished .student-panel-header a{color:#b42318;font-size:.68rem;font-weight:600;text-decoration:none}.student-dashboard-polished .student-class-list,.student-dashboard-polished .student-quick-links,.student-dashboard-polished .student-recording-list{gap:9px;padding:0 14px 14px;display:grid}.student-dashboard-polished .student-class-item,.student-dashboard-polished .student-recording-item,.student-dashboard-polished .student-quick-link{background:#fff;border:1px solid #e8eaee;border-radius:9px;padding:11px 12px}.student-dashboard-polished .student-class-item,.student-dashboard-polished .student-recording-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-dashboard-polished .student-class-item strong,.student-dashboard-polished .student-recording-item strong{color:#344054;font-size:.75rem;font-weight:650;display:block}.student-dashboard-polished .student-class-item small,.student-dashboard-polished .student-recording-item small{color:#8b95a5;margin-top:3px;font-size:.63rem;display:block}.student-dashboard-polished .student-quick-link{color:#344054;justify-content:space-between;align-items:center;min-height:54px;text-decoration:none;display:flex}.student-dashboard-polished .student-quick-link:hover{color:#b42318;background:snow;border-color:#efb7b7}.student-dashboard-polished .student-quick-link>span:first-child{align-items:center;gap:9px;font-size:.73rem;font-weight:600;display:inline-flex}.student-dashboard-polished .student-quick-link svg,.student-dashboard-polished .student-welcome-actions .btn svg{flex:none;display:block}.student-dashboard-polished .student-attendance-panel{padding:0 14px 14px}.student-dashboard-polished .student-attendance-score{text-align:center;padding:18px 14px}.student-dashboard-polished .student-attendance-score strong{color:#1f2937;letter-spacing:-.03em;font-size:2rem;font-weight:700;display:block}.student-dashboard-polished .student-attendance-score span{color:#8b95a5;font-size:.68rem}.student-dashboard-polished .student-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.student-dashboard-polished .student-attendance-stat{text-align:center;background:#f8f9fb;border-radius:8px;padding:10px 11px}.student-dashboard-polished .student-attendance-stat strong,.student-dashboard-polished .student-attendance-stat span{display:block}.student-dashboard-polished .student-attendance-stat strong{color:#344054;font-size:.95rem;font-weight:680}.student-dashboard-polished .student-attendance-stat span{color:#8b95a5;margin-top:2px;font-size:.63rem}@media (max-width:1100px){.student-dashboard-polished .student-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-dashboard-polished .student-dashboard-grid{grid-template-columns:1fr}}@media (max-width:991px){.student-ui-scope .student-portal-sidebar{width:min(86vw,246px)}.student-ui-scope .student-dashboard-main,.student-ui-scope .dashboard-main{width:100%;margin-left:0}.student-ui-scope .student-portal-topbar{padding:12px 70px 12px 16px}.student-ui-scope .student-portal-organization{display:none}.student-ui-scope .student-dashboard-content,.student-ui-scope .dashboard-content{padding:18px 14px 28px}}@media (max-width:700px){.student-ui-scope .student-portal-user{display:none}.student-dashboard-polished .student-welcome{flex-direction:column;align-items:flex-start}.student-dashboard-polished .student-overview-grid{grid-template-columns:1fr}.student-dashboard-polished .student-class-item,.student-dashboard-polished .student-recording-item{flex-direction:column;align-items:stretch}}@media (max-width:576px){.student-ui-scope .student-dashboard-content,.student-ui-scope .dashboard-content{padding:14px 10px 24px}.student-ui-scope .student-dashboard-content .card-body,.student-ui-scope .dashboard-content .card-body{padding:14px!important}.student-dashboard-polished .student-welcome-actions,.student-dashboard-polished .student-welcome-actions .btn{width:100%}}.student-ui-scope .student-dashboard:not(.student-dashboard-polished) .student-dashboard-content .container-fluid>.mb-4:first-child,.student-ui-scope .student-dashboard:not(.student-dashboard-polished) .student-dashboard-content .container-fluid>.d-flex.mb-4:first-child{padding:2px 0 4px;margin-bottom:16px!important}.student-ui-scope .student-dashboard:not(.student-dashboard-polished) .student-dashboard-content .container-fluid>.mb-4:first-child:before,.student-ui-scope .student-dashboard:not(.student-dashboard-polished) .student-dashboard-content .container-fluid>.d-flex.mb-4:first-child>div:first-child:before{content:"STUDENT PORTAL";color:#b42318;letter-spacing:.09em;margin-bottom:5px;font-size:.62rem;font-weight:700;display:block}.student-ui-scope .student-dashboard-content .row.g-4>[class*=col-]>.card{height:100%;transition:border-color .16s,box-shadow .16s}.student-ui-scope .student-dashboard-content .row.g-4>[class*=col-]>.card:hover{border-color:#dcdfe5!important;box-shadow:0 2px 8px #0f172a0d!important}.student-ui-scope .student-dashboard-content .card .border.rounded.p-3,.student-ui-scope .student-dashboard-content .card .border.rounded-3.p-3{background:#fbfcfd}.student-ui-scope .student-dashboard-content .fw-semibold,.student-ui-scope .student-dashboard-content .fw-bold{color:#344054}.student-ui-scope .student-dashboard-content .text-muted.small{font-size:.66rem}.student-ui-scope .student-dashboard-content .progress{background:#f0f2f5;border-radius:999px;height:8px}.student-ui-scope .student-dashboard-content .progress-bar{background:#ef4444;border-radius:999px}.student-ui-scope .student-dashboard-content .card.border-primary{background:snow;position:relative;border-color:#f0b3b3!important}.student-ui-scope .student-dashboard-content .d-flex.flex-column.gap-3>.card.border-primary:before{content:"";background:#ef4444;border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.student-ui-scope .student-dashboard-content .btn-outline-secondary{color:#667085;background:#fff;border-color:#dfe3e8}.student-ui-scope .student-dashboard-content .btn-outline-secondary:hover{color:#344054;background:#f8f9fb;border-color:#cfd4dc}.student-ui-scope .student-dashboard-content .table-responsive{border-radius:0 0 12px 12px}.student-ui-scope .student-dashboard-content .card .row.g-4>[class*=col-]>.text-muted.small{margin-bottom:3px;color:#8b95a5!important}.student-ui-scope .student-dashboard-content .card .row.g-4>[class*=col-]>.fw-semibold{color:#344054;font-size:.76rem;font-weight:620!important}.student-ui-scope .student-menu-toggle{background:#ef4444;border-radius:50%;width:48px;height:42px;box-shadow:0 4px 14px #ef44442e}.student-ui-scope .student-live-class-popup{z-index:1090;background:#fff;border:1px solid #ffd4d4;border-left:4px solid #ef4444;border-radius:14px;width:min(390px,100vw - 32px);padding:18px;animation:.2s ease-out studentLiveClassPopupIn;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 48px #0f172a2e}.student-ui-scope .student-live-class-popup-close{color:#667085;cursor:pointer;background:#f8f9fb;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:10px;right:11px}.student-ui-scope .student-live-class-popup-close:hover{color:#344054;background:#f1f3f5}.student-ui-scope .student-live-class-popup-status{color:#d92d20;letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:9px;font-size:.66rem;font-weight:750;display:inline-flex}.student-ui-scope .student-live-class-popup-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.6s infinite studentLiveClassPulse;box-shadow:0 0 #ef444459}.student-ui-scope .student-live-class-popup h3{color:#1f2937;margin:0 34px 8px 0;font-size:1rem;font-weight:700;line-height:1.35}.student-ui-scope .student-live-class-popup-meta{color:#667085;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px;font-size:.72rem;display:flex}.student-ui-scope .student-live-class-popup-meta span{position:relative}.student-ui-scope .student-live-class-popup-more{color:#8b95a5;margin:-4px 0 12px;font-size:.68rem}.student-ui-scope .student-live-class-popup-join{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #ef4444;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;padding:9px 12px;font-size:.75rem;font-weight:650;text-decoration:none;display:flex}.student-ui-scope .student-live-class-popup-join:hover{color:#fff;background:#dc2626;border-color:#dc2626}.student-ui-scope .student-live-class-popup-join:disabled{color:#98a2b3;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}@keyframes studentLiveClassPopupIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes studentLiveClassPulse{0%{box-shadow:0 0 #ef444457}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@media (max-width:576px){.student-ui-scope .student-live-class-popup{width:auto;padding:16px;bottom:12px;left:12px;right:12px}}.student-ui-scope .student-floating-tutor{right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:1100;align-items:center;gap:12px;text-decoration:none;display:inline-flex;position:fixed}.student-ui-scope .student-floating-tutor-orb{background:linear-gradient(145deg,#fb5b69,#d4233a);border:3px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:68px;height:68px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 9px 28px #b91c2c47}.student-ui-scope .student-floating-tutor-badge{color:#9c341c;letter-spacing:.02em;background:#ffebaf;border:2px solid #fff;border-radius:12px;place-items:center;min-width:25px;height:22px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-4px;right:-5px}.student-ui-scope .student-floating-tutor-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#273244;border-radius:10px;padding:10px 13px;font-size:13px;font-weight:650;transition:opacity .2s,transform .2s;transform:translate(8px);box-shadow:0 7px 22px #0f172a26}.student-ui-scope .student-floating-tutor:hover .student-floating-tutor-orb,.student-ui-scope .student-floating-tutor:focus-visible .student-floating-tutor-orb{transform:translateY(-3px);box-shadow:0 14px 34px #b91c2c59}.student-ui-scope .student-floating-tutor:hover .student-floating-tutor-tooltip,.student-ui-scope .student-floating-tutor:focus-visible .student-floating-tutor-tooltip{opacity:1;transform:translate(0)}.student-ui-scope .student-floating-tutor:focus-visible{outline-offset:4px;border-radius:50%;outline:3px solid #9c341c}@media (min-width:900px){.student-ui-scope:has(.student-live-class-popup) .student-floating-tutor{right:calc(436px + env(safe-area-inset-right,0px))}}@media (max-width:899px){.student-ui-scope:has(.student-live-class-popup) .student-floating-tutor{display:none}}@media (max-width:576px){.student-ui-scope .student-floating-tutor{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px))}.student-ui-scope .student-floating-tutor-orb{width:60px;height:60px}.student-ui-scope .student-floating-tutor-tooltip{display:none}}@media (prefers-reduced-motion:reduce){.student-ui-scope .student-floating-tutor-orb,.student-ui-scope .student-floating-tutor-tooltip{transition:none}}.student-ui-scope .student-floating-tutor{cursor:pointer;background:0 0;border:0;padding:0}.student-ui-scope .student-tutor-chat-panel{right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(103px + env(safe-area-inset-bottom,0px));z-index:1120;color:#253247;background:#fff;border:1px solid #f4cbd0;border-radius:19px;flex-direction:column;width:min(400px,100vw - 30px);height:min(590px,100dvh - 125px);min-height:310px;display:flex;position:fixed;overflow:hidden;box-shadow:0 17px 55px #1e293b38}.student-ui-scope .student-tutor-chat-header{color:#fff;background:linear-gradient(110deg,#e73748,#ba233b);align-items:center;gap:10px;padding:12px 14px;display:flex}.student-ui-scope .student-tutor-chat-avatar{background:#ffffff2e;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.student-ui-scope .student-tutor-chat-avatar svg{width:38px;height:38px}.student-ui-scope .student-tutor-chat-heading{flex:1;gap:1px;min-width:0;display:grid}.student-ui-scope .student-tutor-chat-heading strong{font-size:14px;font-weight:750}.student-ui-scope .student-tutor-chat-heading span{opacity:.9;font-size:10px}.student-ui-scope .student-tutor-chat-close{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:9px;place-items:center;width:34px;height:34px;font-size:23px;line-height:1;display:grid}.student-ui-scope .student-tutor-chat-close:hover{background:#ffffff47}.student-ui-scope .student-tutor-chat-controls{background:#fff;border-bottom:1px solid #edf0f3;gap:8px;padding:11px 14px;display:grid}.student-ui-scope .student-tutor-chat-tabs{gap:6px;display:flex}.student-ui-scope .student-tutor-chat-tabs button{color:#64748b;cursor:pointer;background:#f7f8fb;border:1px solid #e7e9ee;border-radius:9px;flex:1;padding:8px 5px;font-size:12px;font-weight:650}.student-ui-scope .student-tutor-chat-tabs button.active{color:#bd2236;background:#fff1f2;border-color:#f2bdc4}.student-ui-scope .student-tutor-chat-tabs button:disabled{opacity:.55;cursor:wait}.student-ui-scope .student-tutor-subject-label{color:#566376;gap:4px;font-size:11px;font-weight:650;display:grid}.student-ui-scope .student-tutor-subject-label select{color:#253247;background:#fff;border:1px solid #dfe4eb;border-radius:8px;width:100%;padding:8px;font-size:12px}.student-ui-scope .student-tutor-chat-messages{background:#fafbfc;flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 13px;display:flex;overflow-y:auto}.student-ui-scope .student-tutor-chat-welcome{background:#fff;border:1px solid #f3d5d9;border-radius:13px;padding:16px}.student-ui-scope .student-tutor-chat-welcome strong{font-size:15px}.student-ui-scope .student-tutor-chat-welcome p{color:#64748b;margin:8px 0 0;font-size:12px;line-height:1.55}.student-ui-scope .student-tutor-chat-message{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:13px;max-width:88%;padding:10px 12px;font-size:12px;line-height:1.6}.student-ui-scope .student-tutor-chat-message.from-student{color:#fff;background:#e73748;border-bottom-right-radius:3px;align-self:flex-end}.student-ui-scope .student-tutor-chat-message.from-tutor{color:#253247;background:#fff;border:1px solid #eceff3;border-bottom-left-radius:3px;align-self:flex-start}.student-ui-scope .student-tutor-chat-typing,.student-ui-scope .student-tutor-chat-empty{color:#64748b;font-size:12px}.student-ui-scope .student-tutor-chat-error{color:#b42336;background:#fff4f5;border-top:1px solid #ffe1e4;margin:0;padding:8px 12px;font-size:11px}.student-ui-scope .student-tutor-chat-form{background:#fff;border-top:1px solid #edf0f3;align-items:flex-end;gap:8px;padding:10px 11px 4px;display:flex}.student-ui-scope .student-tutor-chat-form textarea{resize:vertical;color:#253247;min-width:0;min-height:48px;max-height:104px;font:inherit;background:#fff;border:1px solid #dfe4eb;border-radius:10px;flex:1;padding:10px;font-size:12px}.student-ui-scope .student-tutor-chat-form textarea:focus{border-color:#e73748;outline:2px solid #ffe5e8}.student-ui-scope .student-tutor-chat-form button{color:#fff;cursor:pointer;background:#e73748;border:none;border-radius:10px;width:40px;height:43px;font-size:19px}.student-ui-scope .student-tutor-chat-form button:disabled{cursor:not-allowed;background:#e3e6ea}.student-ui-scope .student-tutor-chat-disclaimer{color:#98a2b3;text-align:center;background:#fff;margin:0;padding:3px 8px 9px;font-size:9px}@media (max-width:576px){.student-ui-scope .student-tutor-chat-panel{right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px));border-radius:15px;width:calc(100vw - 20px);height:min(580px,100dvh - 110px)}}.student-ui-scope .student-tutor-chat-help-links{flex-direction:column;align-items:flex-start;gap:7px;margin-top:11px;display:flex}.student-ui-scope .student-tutor-chat-help-links a{color:#b42336;background:#fff3f4;border:1px solid #f0bbc2;border-radius:8px;padding:7px 10px;font-weight:650;text-decoration:none;display:inline-block}.student-ui-scope .student-tutor-chat-help-links a:hover,.student-ui-scope .student-tutor-chat-help-links a:focus-visible{background:#ffe9ec;text-decoration:underline}.student-ui-scope .student-tutor-chat-header-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.student-ui-scope .student-tutor-chat-header-button{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff24;border:1px solid #ffffff3d;border-radius:8px;padding:7px 8px;font-size:11px;font-weight:700}.student-ui-scope .student-tutor-chat-header-button:hover,.student-ui-scope .student-tutor-chat-header-button:focus-visible{background:#ffffff40}.student-ui-scope .student-tutor-chat-header-button:disabled{opacity:.6;cursor:wait}.student-ui-scope .student-tutor-chat-heading span{font-size:9px}.student-ui-scope .student-tutor-chat-history{background:#fff8f9;border-bottom:1px solid #eee3e6;flex-direction:column;gap:8px;max-height:200px;padding:12px;display:flex}.student-ui-scope .student-tutor-chat-history strong{color:#793441;font-size:12px}.student-ui-scope .student-tutor-chat-history p{color:#6b7280;margin:0;font-size:12px}.student-ui-scope .student-tutor-chat-history-list{gap:6px;display:grid;overflow-y:auto}.student-ui-scope .student-tutor-chat-history-list button{color:#334155;text-align:left;cursor:pointer;background:#fff;border:1px solid #f2d4da;border-radius:9px;gap:2px;width:100%;padding:8px 10px;display:grid}.student-ui-scope .student-tutor-chat-history-list button:hover,.student-ui-scope .student-tutor-chat-history-list button.active{background:#fff2f4;border-color:#de4257}.student-ui-scope .student-tutor-chat-history-list button:disabled{cursor:wait;opacity:.65}.student-ui-scope .student-tutor-chat-history-list span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.student-ui-scope .student-tutor-chat-history-list small{color:#738094;font-size:10px}@media (max-width:440px){.student-ui-scope .student-tutor-chat-header{gap:6px;padding:10px}.student-ui-scope .student-tutor-chat-avatar{width:34px;height:34px}.student-ui-scope .student-tutor-chat-avatar svg{width:32px;height:32px}.student-ui-scope .student-tutor-chat-heading strong{font-size:12px}.student-ui-scope .student-tutor-chat-heading span{font-size:8px}.student-ui-scope .student-tutor-chat-header-button{padding:6px;font-size:10px}.student-ui-scope .student-tutor-chat-close{width:28px;height:30px}}
