:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--primary-600: #487fff;--primary-50: #e4f1ff;--neutral-50: #f5f6fa;--neutral-100: #f3f4f6;--neutral-200: #ebecef;--neutral-300: #d1d5db;--neutral-500: #6b7280;--neutral-700: #374151;--neutral-900: #111827;--success-50: #f0fdf4;--success-600: #16a34a;--warning-50: #fff8e6;--warning-600: #ff9f29;--danger-50: #fef2f2;--danger-600: #dc2626;--shadow-soft: 4px 12px 32px rgba(0, 34, 92, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--neutral-50)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.sidebar{background:#fff;color:var(--neutral-900);border-right:1px solid var(--neutral-200);padding:22px 16px;position:sticky;top:0;height:100vh}.brand{height:54px;display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--primary-600);color:#fff;font-weight:800;border-radius:8px;box-shadow:0 12px 24px #487fff3d}.brand strong,.brand small,.topbar small{display:block}.brand small,.topbar small{color:var(--neutral-500);margin-top:2px;font-size:12px}.nav-list{display:grid;gap:6px}.nav-item{width:100%;height:44px;border:0;border-radius:8px;color:var(--neutral-700);background:transparent;display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer;text-align:left;font-weight:650}.nav-group{display:grid;gap:4px}.nav-group-label{width:100%;height:44px;border:0;border-radius:8px;color:var(--neutral-700);background:transparent;display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer;text-align:left;font-weight:750}.nav-group-label.active{color:var(--primary-600)}.nav-group-label:hover{background:var(--primary-50);color:var(--primary-600)}.nav-group-label>span:nth-child(2){flex:1}.nav-caret{color:var(--neutral-500);font-size:12px;line-height:1}.nav-sublist{display:grid;gap:3px;padding-left:38px}.nav-subitem{width:100%;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--neutral-700);cursor:pointer;padding:0 10px;text-align:left;font-size:13px;font-weight:650}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--primary-600);background:var(--primary-50)}.nav-item:hover,.nav-item.active,.nav-subitem:hover,.nav-subitem.active{background:var(--primary-50);color:var(--primary-600)}.workspace{min-width:0}.topbar{min-height:82px;background:#fff;border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px}.topbar h1{margin:3px 0 0;font-size:24px;line-height:1.2;font-weight:760}.topbar-actions{display:flex;align-items:center;gap:10px}.notification-center{position:relative}.notification-button{position:relative;width:40px;height:40px;border:1px solid var(--neutral-200);border-radius:8px;background:#fff;cursor:pointer;font-size:18px}.notification-button>strong{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px}.notification-popover{position:absolute;z-index:100;right:0;top:48px;width:min(380px,calc(100vw - 28px));border:1px solid var(--neutral-200);border-radius:10px;background:#fff;box-shadow:0 18px 45px #0f172a26;overflow:hidden}.notification-popover header{display:flex;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--neutral-200)}.notification-popover header span,.notification-list span,.notification-list small{display:block;color:var(--neutral-500);font-size:12px}.notification-list{display:grid;max-height:380px;overflow:auto}.notification-list article{display:grid;gap:4px;padding:13px 14px;border-bottom:1px solid var(--neutral-100)}.notification-list article:last-child{border-bottom:0}.notification-list p{padding:18px;margin:0;color:var(--neutral-500);text-align:center}.search-box{width:min(280px,32vw);min-height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:8px;padding:0 12px;color:var(--neutral-500)}.search-box input{width:100%;border:0;outline:0;background:transparent}.user-pill{border:1px solid var(--neutral-200);background:#fff;border-radius:8px;padding:7px 12px;white-space:nowrap;color:var(--neutral-700);box-shadow:var(--shadow-soft);display:inline-flex;align-items:center;gap:8px}.user-pill strong,.user-pill small{display:block}.user-pill-photo{width:28px;height:28px;display:block;border-radius:8px;object-fit:cover;flex:0 0 auto}.user-pill small{color:var(--neutral-500);font-size:11px;margin-top:1px}.content{padding:24px 28px 44px}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.stat,.table-wrap,.form-panel{background:#fff;border:1px solid var(--neutral-200);border-radius:8px;box-shadow:var(--shadow-soft)}.panel,.form-panel{padding:18px}.panel h2,.form-panel h2{margin:0 0 14px;font-size:18px}.panel p{color:var(--neutral-500)}.stat{padding:16px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:8px;background:var(--primary-50)}.stat span{color:var(--neutral-500)}.stat strong{display:block;margin-top:8px;font-size:26px}.stat.good strong{color:var(--success-600)}.stat.warn strong{color:var(--warning-600)}.stat.danger strong{color:var(--danger-600)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.button,.icon-button{border:1px solid var(--neutral-300);background:#fff;color:var(--neutral-900);border-radius:8px;min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:650}.button.primary{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.input,.select{min-height:38px;width:100%;border:1px solid var(--neutral-300);border-radius:8px;padding:0 10px;background:#fff;color:var(--neutral-900);outline:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--neutral-500) 50%),linear-gradient(135deg,var(--neutral-500) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;line-height:1.2;padding-right:34px}.input:focus,.select:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #487fff24}.input:disabled,.select:disabled{background-color:var(--neutral-100);color:var(--neutral-500);cursor:not-allowed}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--neutral-200)}th{color:var(--neutral-500);font-size:13px;background:#fafbff}.pagination-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px 0;color:var(--neutral-500);font-size:13px}.page-size-control{align-items:center;display:flex;gap:8px;margin-left:auto}.page-size-control span{color:var(--neutral-500);font-size:12px;font-weight:700}.page-size-control .select{min-width:78px}.pagination-actions{align-items:center;color:var(--neutral-900);display:flex;gap:8px}.pagination-actions strong{min-width:54px;text-align:center}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--primary-50);color:var(--primary-600)}.badge.good{background:var(--success-50);color:var(--success-600)}.badge.warn{background:var(--warning-50);color:#b76e00}.badge.danger{background:var(--danger-50);color:var(--danger-600)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field span{font-size:13px;color:var(--neutral-500)}.empty-state{min-height:160px;display:grid;place-items:center;text-align:center;color:var(--neutral-500)}.empty-state strong{display:block;color:var(--neutral-900);margin-bottom:4px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#487fff14,#16a34a14),var(--neutral-50)}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--neutral-200);border-radius:8px;box-shadow:var(--shadow-soft);padding:24px}.auth-brand{margin-bottom:18px}.auth-card h1{margin:0 0 8px;font-size:26px}.auth-card p{margin:0 0 18px;color:var(--neutral-500)}.auth-form{display:grid;gap:12px}.auth-link-button{width:fit-content;justify-self:end;border:0;background:transparent;color:var(--primary-600);padding:0;cursor:pointer;font-weight:800}.password-recovery-box{margin-top:14px;border:1px solid #dbeafe;background:#f8fbff;border-radius:8px;padding:12px}.auth-error{border:1px solid #fecaca;background:var(--danger-50);color:var(--danger-600);border-radius:8px;padding:10px 12px;font-weight:700}.auth-success{border:1px solid #bbf7d0;background:var(--success-50);color:var(--success-700);border-radius:8px;padding:10px 12px;font-weight:700}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:var(--neutral-500);font-size:13px;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--neutral-200)}.social-login{display:grid;gap:10px}.social-button{min-height:42px;border:1px solid var(--neutral-300);border-radius:8px;background:#fff;color:var(--neutral-900);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:750}.social-button span{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--neutral-100);font-weight:900}.social-button.apple{background:#111827;border-color:#111827;color:#fff}.social-button.apple span{background:#ffffff1f}.auth-hint{margin-top:14px;color:var(--neutral-500);font-size:13px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--neutral-200)}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-2,.grid.cols-3,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.topbar-actions,.search-box{width:100%}.topbar-actions{align-items:stretch}}.student-hero,.learning-header,.game-board{min-height:190px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px;border-radius:8px;color:#fff;box-shadow:4px 12px 32px #00225c1f}.student-hero{background:linear-gradient(135deg,#487ffff5,#16a34ae6),url("data:image/svg+xml,%3Csvg width='420' height='210' viewBox='0 0 420 210' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.24'%3E%3Cpath d='M20 170h360M60 135h280M110 100h180M155 65h90'/%3E%3Ccircle cx='210' cy='105' r='66'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}.student-command-center{display:grid;gap:16px}.student-hero.powerful{min-height:260px;align-items:stretch;overflow:hidden;background:linear-gradient(135deg,#111827fa,#0f766ee6),radial-gradient(circle at 82% 18%,rgba(250,204,21,.34),transparent 28%),linear-gradient(45deg,rgba(72,127,255,.25),transparent)}.hero-main{display:grid;align-content:end;gap:10px;max-width:760px}.hero-main h2{font-size:34px;line-height:1.08}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.hero-secondary{background:#ffffff1f;color:#fff;border-color:#ffffff57}.student-reload-status{width:fit-content;max-width:100%;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff1f;color:#e0f2fe;padding:9px 11px;font-size:12px;font-weight:800}.spin{animation:inedu-student-spin .9s linear infinite}@keyframes inedu-student-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-console{min-width:230px;align-self:center;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px}.level-console span,.level-console small{display:block;color:#d1fae5;font-size:12px}.level-console strong{display:block;margin:3px 0;font-size:28px}.level-ring{width:86px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#111827 57%,transparent 59%),conic-gradient(#facc15 var(--progress),rgba(255,255,255,.22) 0)}.level-ring strong{margin:0;font-size:26px}.level-ring span{margin-top:34px;position:absolute;font-weight:800}.student-power-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.power-stat{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:104px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:4px 12px 32px #00225c14}.power-stat-icon{width:42px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#ecfeff;color:#0f766e}.power-stat span,.power-stat small{display:block;color:#6b7280;font-size:12px}.power-stat strong{display:block;margin:2px 0;color:#111827;font-size:24px}.power-stat.blue .power-stat-icon{background:#eff6ff;color:#2563eb}.power-stat.warn .power-stat-icon{background:#fff7ed;color:#ea580c}.power-stat.good .power-stat-icon{background:#f0fdf4;color:#16a34a}.student-mission-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.35fr) minmax(260px,.8fr);gap:14px;align-items:stretch}.mission-panel{display:grid;align-content:start;gap:14px;padding:18px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0f172a,#7c3aed);box-shadow:4px 12px 32px #00225c1f}.mission-panel p{margin:0;color:#ede9fe;line-height:1.5}.mission-panel .section-heading span,.mission-panel .section-heading h2{color:#fff}.mission-meta{display:grid;gap:8px}.mission-meta span{display:flex;align-items:center;gap:8px;color:#ddd6fe;font-weight:750}.student-route-panel{display:grid;gap:14px}.course-stack.upgraded .course-progress{padding:12px;border:1px solid #ebecef;border-radius:8px;background:#fafbff}.recommendation-card.upgraded{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#eff6ff)}.learning-header{min-height:130px;background:linear-gradient(135deg,#111827,#487fff)}.game-board{min-height:160px;background:linear-gradient(135deg,#2f1664,#ff9f29)}.student-hero h2,.learning-header h2,.game-board h2{margin:6px 0;font-size:28px}.student-hero p,.game-board p{max-width:680px;margin:0}.dashboard-grid,.community-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:14px}.community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-stack,.challenge-list{display:grid;gap:12px}.course-progress{display:grid;gap:8px}.course-progress strong,.message-item strong{display:block}.course-progress span,.message-item span,.learning-card span{color:#6b7280;font-size:13px}.progress{height:10px;background:#e5edf4;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:#487fff}.recommendation-card{display:grid;align-content:start;gap:10px}.rank-pill{background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 14px;white-space:nowrap;font-weight:750}.achievement{background:#fff;border:1px solid #ebecef;border-radius:8px;padding:18px;font-weight:750;color:#374151;display:flex;align-items:center;gap:10px;box-shadow:4px 12px 32px #00225c14}.achievement.good{color:#16a34a;background:#f0fdf4}.achievement.warn{color:#b76e00;background:#fff8e6}.challenge-list span,.message-item{border:1px solid #ebecef;background:#fafbff;border-radius:8px;padding:12px}.message-item+.message-item{margin-top:10px}.payment-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #ebecef;border-radius:8px;padding:16px;margin-bottom:14px;box-shadow:4px 12px 32px #00225c14}.account-page{display:grid;gap:16px}.account-hero{align-items:center;background:linear-gradient(135deg,#172554,#1d4ed8);border-radius:12px;color:#fff;display:flex;gap:24px;justify-content:space-between;padding:24px;box-shadow:4px 14px 34px #1e40af33}.account-hero span{color:#bfdbfe;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.account-hero h2{color:#fff;font-size:clamp(22px,3vw,30px);margin:5px 0}.account-hero p{color:#dbeafe;margin:0;max-width:660px}.account-pay-button{background:#fff;color:#1d4ed8;flex:0 0 auto;justify-content:center;min-height:46px;padding-inline:20px}.account-pay-button:hover{background:#eff6ff}.account-metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.account-metrics article{background:#fff;border:1px solid #ebecef;border-radius:9px;display:grid;gap:6px;padding:16px}.account-metrics article svg{color:#2563eb}.account-metrics article span{color:#64748b;font-size:12px}.account-metrics article strong{font-size:20px}.account-metrics article.danger{background:#fff7f7;border-color:#fecaca}.account-metrics article.danger svg,.account-metrics article.danger strong{color:#b91c1c}.account-metrics article.good svg{color:#15803d}.account-section{display:grid;gap:14px}.account-section-title>div{align-items:center;display:flex;gap:10px}.account-section-title>div>svg{color:#2563eb}.account-section-title span{display:grid;gap:2px}.account-section-title small{color:#64748b}.account-overdue-row{background:#fff7f7}.account-overdue-row td:first-child{border-left:3px solid #dc2626}.account-rewards,.payment-game-card{align-items:center;background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fde68a;border-radius:11px;display:grid;gap:15px;grid-template-columns:auto 1fr auto;padding:18px}.account-reward-medal,.payment-game-icon{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;height:52px;justify-content:center;width:52px}.account-rewards h3,.payment-game-card h2{margin:2px 0 4px}.account-rewards p,.payment-game-card p{color:#785b21;margin:0}.account-rewards>div>span,.payment-game-card>div>span{color:#a16207;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.account-reward-next,.payment-game-score{background:#ffffffb8;border:1px solid #fde68a;border-radius:9px;display:grid;gap:3px;min-width:150px;padding:12px;text-align:center}.account-reward-next strong,.payment-game-score strong{color:#b45309;font-size:19px}.account-reward-next span,.payment-game-score span{color:#92400e;font-size:11px}.payment-xp-earned{align-items:center;color:#b45309;display:inline-flex;font-weight:800;gap:5px;white-space:nowrap}.payment-xp-none{color:#94a3b8;font-size:12px}.payment-game-card{margin-top:2px}@media(max-width:850px){.account-hero{align-items:stretch;flex-direction:column}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-rewards,.payment-game-card{grid-template-columns:auto 1fr}.account-reward-next,.payment-game-score{grid-column:1 / -1}}@media(max-width:520px){.account-metrics{grid-template-columns:1fr}}.profile-tags{display:flex;gap:8px;flex-wrap:wrap}.student-profile{display:grid;gap:14px}.profile-hero{min-height:136px;display:flex;align-items:center;gap:18px;padding:20px;border:1px solid #ebecef;border-radius:8px;background:#fff;box-shadow:4px 12px 32px #00225c14}.profile-avatar{width:76px;height:76px;display:grid;place-items:center;border-radius:8px;background:#e4f1ff;color:#487fff;font-size:24px;font-weight:850;overflow:hidden}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-photo-editor{display:grid;justify-items:center;gap:8px;flex:0 0 auto}.profile-photo-button{min-height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;padding:0 10px;font-size:12px;font-weight:750}.profile-photo-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-photo-status{max-width:120px;color:#6b7280;font-size:11px;line-height:1.25;text-align:center}.profile-title{min-width:0}.profile-title>span{color:#6b7280;font-size:13px;font-weight:700}.profile-title h2{margin:4px 0 10px;font-size:26px;line-height:1.2}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #ebecef;padding-bottom:10px}.profile-tab{min-height:36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;padding:0 14px;font-weight:750}.profile-tab.active{border-color:#487fff;background:#e4f1ff;color:#487fff}.program-profile{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;align-items:start}.program-list{display:grid;gap:10px}.program-option{width:100%;min-height:92px;display:grid;justify-items:start;gap:6px;border:1px solid #ebecef;border-radius:8px;background:#fff;color:#374151;cursor:pointer;padding:12px;text-align:left}.program-option.active{border-color:#487fff;box-shadow:0 0 0 3px #487fff1f}.program-option strong,.program-option span{display:block}.program-option span{color:#6b7280;font-size:12px}.program-detail,.module-stack{display:grid;gap:14px;min-width:0}.program-summary,.module-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.program-summary span,.module-header span{color:#6b7280;font-size:13px}.program-summary h2,.module-header h2{margin:4px 0}.program-summary p{margin:0;color:#6b7280}.module-card{display:grid;gap:12px}.module-meta{display:grid;justify-items:end;gap:8px}.module-meta strong{color:#111827;font-size:28px;line-height:1}.module-table table{min-width:640px}.profile-detail-list{display:grid;gap:10px}.profile-detail-item{min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.profile-detail-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f3f4f6;color:#487fff}.profile-detail-item span{display:block;color:#6b7280;font-size:12px}.profile-detail-item strong{display:block;margin-top:2px;color:#111827;font-size:14px}.form-action{margin-top:16px}.subject-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;align-items:start}.student-subjects-table-panel{display:grid;gap:16px}.student-subjects-table th,.student-subjects-table td{white-space:nowrap}.student-subjects-table td:nth-child(2),.student-subjects-table td:nth-child(3){white-space:normal;min-width:180px}.subject-table-progress{display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:8px;align-items:center;min-width:140px}.subject-detail-screen{display:grid;gap:14px}.subject-list{display:grid;gap:10px}.section-heading span,.subject-hero span,.class-element span{color:#6b7280;font-size:13px}.section-heading h2,.subject-hero h2{margin:6px 0 0}.subject-hero h2{font-size:clamp(28px,3vw,44px);line-height:1.02;letter-spacing:0}.subject-card{width:100%;display:grid;gap:10px;text-align:left;border:1px solid #ebecef;background:#fff;border-radius:8px;padding:14px;cursor:pointer}.subject-card.active{border-color:#487fff;box-shadow:0 0 0 3px #487fff1f}.subject-card strong,.subject-card span,.class-element strong,.class-element p{display:block}.subject-card span{margin-top:4px;color:#6b7280;font-size:12px}.subject-detail{display:grid;gap:14px}.subject-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.subject-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.subject-hero p{margin:8px 0 0;color:#6b7280}.subject-hero .subject-objective{max-width:860px;color:#334155;font-size:16px;line-height:1.55}.progress.compact{height:8px}.class-elements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.topic-flow{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:14px;margin-top:14px}.topic-mission-board{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;align-items:start}.topic-rail{position:sticky;top:12px;display:grid;gap:14px}.topic-list{display:grid;gap:10px;align-content:start}.topic-list.mission{gap:12px}.topic-mission-button{width:100%;min-height:82px;display:grid;grid-template-columns:34px minmax(0,1fr) minmax(54px,auto);gap:10px;align-items:center;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:8px;color:#111827;cursor:pointer;padding:12px}.topic-mission-button.active{border-color:#0f766e;background:linear-gradient(180deg,#fff,#f0fdfa);box-shadow:0 0 0 3px #0f766e21}.topic-mission-button strong,.topic-mission-button span{display:block}.topic-mission-button span{margin-top:3px;color:#6b7280;font-size:12px}.topic-step{width:34px;aspect-ratio:1;display:grid!important;place-items:center;border-radius:8px;background:#ecfeff;color:#0f766e!important;font-weight:900}.topic-stage{display:grid;gap:14px;min-width:0}.topic-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:18px;align-items:stretch;padding:20px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0f172afa,#2563ebe0),radial-gradient(circle at 85% 20%,rgba(250,204,21,.32),transparent 30%);box-shadow:4px 12px 32px #00225c1f}.topic-spotlight-main{display:grid;align-content:end;gap:10px}.topic-spotlight span,.topic-spotlight p{color:#dbeafe}.topic-spotlight h2{margin:0;font-size:30px;line-height:1.1}.topic-spotlight p{max-width:740px;margin:0;line-height:1.55}.topic-tags{display:flex;gap:9px;flex-wrap:wrap}.topic-tags span{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;border-radius:8px;padding:0 10px;color:#fff;font-size:12px;font-weight:800}.topic-score-card{display:grid;align-content:center;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topic-score-card strong{font-size:38px;line-height:1}.topic-score-card .progress{background:#ffffff38}.topic-score-card .progress span{background:#facc15}.topic-content-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-content-card{min-height:86px;display:flex;gap:12px;align-items:center;border:1px solid #ebecef;border-radius:8px;background:#fff;padding:14px;box-shadow:4px 12px 32px #00225c0f}.topic-content-card svg{color:#0f766e}.topic-content-card strong,.topic-content-card span{display:block}.topic-content-card strong{color:#111827;font-size:24px;line-height:1}.topic-content-card span{margin-top:3px;color:#6b7280;font-size:12px}.topic-video-spotlight{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch;border:1px solid #dbeafe;border-radius:8px;background:#fff;padding:14px;box-shadow:4px 12px 32px #00225c14}.topic-video-main{display:grid;gap:12px;min-width:0}.topic-video-player{min-height:360px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#0f172afa,#0f766ed1),radial-gradient(circle at 84% 18%,rgba(250,204,21,.32),transparent 28%)}.topic-video-player iframe,.topic-video-player video{width:100%;height:100%;min-height:360px;display:block;border:0;background:#020617}.topic-video-placeholder{min-height:360px;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;text-align:center;padding:24px}.topic-video-placeholder strong,.topic-video-placeholder span{display:block}.topic-video-placeholder span{color:#dbeafe}.topic-video-info{display:grid;align-content:start;gap:14px;min-width:0;border-left:1px solid #e5e7eb;padding-left:14px}.topic-video-info>div:first-child{display:grid;gap:8px}.topic-video-info span{color:#6b7280;font-size:12px;font-weight:750}.topic-video-info h3{margin:0;color:#111827;font-size:21px;line-height:1.12}.topic-video-underbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:12px;align-items:center}.topic-video-underbar h3{margin:3px 0 0;color:#111827}.topic-video-underbar span{color:#64748b;font-size:12px;font-weight:800}.topic-video-info p{margin:0;color:#374151;line-height:1.5}.topic-video-meta{display:flex;gap:8px;flex-wrap:wrap}.topic-video-meta span{min-height:30px;display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:0 10px;color:#374151}.topic-video-progress{display:grid;gap:8px;border:1px solid #ecfeff;border-radius:8px;background:#f0fdfa;padding:12px}.topic-video-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:end}.topic-video-progress strong{color:#0f766e;font-size:30px;line-height:1}.topic-video-progress small{color:#0f766e;font-size:12px;font-weight:800}.topic-video-actions{display:flex;gap:10px;flex-wrap:wrap}.topic-mission-flow{display:grid;gap:14px;border:1px solid #d9f99d;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fee7),linear-gradient(135deg,rgba(22,163,74,.08),transparent);padding:16px}.mission-flow-header{display:flex;justify-content:space-between;gap:14px;align-items:center}.mission-flow-header span,.mission-flow-score span{color:#64748b;font-size:12px;font-weight:800}.mission-flow-header h2{margin:3px 0 0}.mission-flow-score{min-width:112px;display:grid;justify-items:end;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;padding:10px}.mission-flow-score strong{color:#15803d;font-size:22px}.mission-flow-grid{display:grid;gap:10px}.mission-flow-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px;box-shadow:4px 12px 32px #00225c0d}.mission-flow-card.done{border-color:#86efac;background:#f0fdf4}.mission-flow-step{width:38px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#ecfccb;color:#3f6212;font-weight:950}.mission-flow-body{min-width:0}.mission-flow-body span,.mission-flow-body strong,.mission-flow-body p{display:block}.mission-flow-body span{color:#64748b;font-size:12px;font-weight:800}.mission-flow-body strong{margin-top:3px;color:#111827}.mission-flow-body p{margin:4px 0 0;color:#475569;font-size:13px}.mission-flow-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.mission-flow-meta span{min-height:26px;display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;color:#334155;padding:0 9px}.mission-flow-empty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px dashed #bbf7d0;border-radius:8px;background:#fff;color:#15803d;padding:14px}.mission-flow-empty strong,.mission-flow-empty span{display:block}.mission-flow-empty span{margin-top:3px;color:#64748b;font-size:13px}.task-workspace-modal{width:min(1120px,100%);max-height:min(860px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.task-workspace-modal header,.task-workspace-modal footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #e5e7eb}.task-workspace-modal footer{border-top:1px solid #e5e7eb;border-bottom:0}.task-workspace-modal header span,.task-workspace-modal footer span{color:#64748b;font-size:12px;font-weight:800}.task-workspace-modal h2{margin:3px 0 0}.task-workspace-body{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.35fr);gap:14px;min-height:560px;background:#f8fafc;padding:14px;overflow:auto}.task-brief,.task-workbench{display:grid;align-content:start;gap:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px}.task-brief p{margin:0;color:#475569;line-height:1.5}.task-rich-content{display:grid;gap:10px;color:#334155;line-height:1.55}.task-rich-content p,.task-rich-content ul,.task-rich-content ol,.task-rich-content blockquote,.task-rich-content pre{margin:0}.task-rich-content ul,.task-rich-content ol{padding-left:20px}.task-rich-content img{max-width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb}.task-rich-content .rich-equation-block,.task-rich-content .rich-diagram-block{display:grid;gap:6px;margin:4px 0;padding:12px;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc}.task-rich-content .rich-equation-block strong,.task-rich-content .rich-diagram-block strong{color:#475569;font-size:12px;text-transform:uppercase}.task-rich-content .rich-equation-block code,.task-rich-content .rich-diagram-block pre{margin:0;padding:10px;border-radius:6px;background:#111827;color:#f8fafc;white-space:pre-wrap;overflow-x:auto}.task-editor{min-height:360px;resize:vertical}.task-file-drop{display:grid;place-items:center;gap:9px;min-height:150px;border:1px dashed #93c5fd;border-radius:8px;background:#eff6ff;color:#1d4ed8;cursor:pointer;font-weight:850;text-align:center}.task-file-drop input{display:none}.task-file-drop.disabled{opacity:.72;cursor:not-allowed}.topic-evaluation-panel{border:1px solid #bfdbfe;border-radius:8px;background:linear-gradient(180deg,#fff,#eff6ff),linear-gradient(135deg,rgba(37,99,235,.08),transparent);padding:16px}.forum-modal{width:min(1120px,100%);max-height:min(860px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.forum-modal header,.forum-modal footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #e5e7eb}.forum-modal footer{border-top:1px solid #e5e7eb;border-bottom:0}.forum-modal header span,.forum-modal footer span{color:#64748b;font-size:12px;font-weight:800}.forum-modal h2{margin:3px 0 0}.forum-body{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.35fr);gap:14px;height:min(620px,calc(92vh - 150px));min-height:0;background:#f8fafc;padding:14px;overflow:hidden}.forum-prompt,.forum-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px;min-height:0}.forum-prompt{color:#0f766e}.forum-prompt p{margin:0;color:#475569;line-height:1.5}.forum-reward-card{align-self:end;display:grid;gap:12px;margin-top:auto;border:1px solid #c7d2fe;border-radius:12px;background:linear-gradient(145deg,#eef2ff,#fff 58%,#fffbeb);color:#3730a3;padding:14px;box-shadow:0 12px 28px #4f46e517}.forum-reward-card.earned{border-color:#fbbf24;background:linear-gradient(145deg,#fffbeb,#fff 58%,#ecfdf5)}.forum-reward-heading,.forum-xp-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.forum-reward-heading{justify-content:flex-start}.forum-reward-heading small,.forum-reward-heading strong{display:block}.forum-reward-heading small{color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.forum-reward-heading strong{margin-top:2px;color:#312e81;font-size:15px}.forum-reward-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.forum-reward-card.earned .forum-reward-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}.forum-xp-row strong{color:#b45309;font-size:20px}.forum-xp-row span{color:#64748b;font-size:10px;font-weight:800;text-align:right}.forum-xp-track{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.forum-xp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#f59e0b);transition:width .3s ease}.forum-reward-card ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.forum-reward-card li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;color:#94a3b8;font-size:11px;font-weight:750}.forum-reward-card li.done{color:#047857}.forum-reward-card li b{color:inherit;font-size:10px}.forum-comments{display:grid;align-content:start;gap:10px;min-height:0;max-height:100%;overflow-y:auto;padding-right:6px}.forum-thread>.field{position:sticky;bottom:0;z-index:1;margin:0;border-top:1px solid #e5e7eb;background:#fff;padding-top:12px}.forum-thread-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.forum-thread-header strong,.forum-thread-header span{display:block}.forum-thread-header span{margin-top:3px;color:#64748b;font-size:12px;font-weight:800}.forum-status-pill{min-height:30px;display:inline-flex!important;align-items:center;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#15803d!important;padding:0 10px;white-space:nowrap}.forum-comment{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;border:1px solid #dbeafe;border-radius:8px;background:#fff;padding:12px;box-shadow:4px 12px 32px #00225c0d}.forum-avatar{width:44px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff;font-weight:950}.forum-avatar img{width:100%;height:100%;object-fit:cover}.forum-comment-content{min-width:0}.forum-comment-content header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.forum-comment-content strong,.forum-comment-content span,.forum-comment-content time{display:block}.forum-comment-content span,.forum-comment-content time{color:#64748b;font-size:12px;font-weight:750}.forum-comment p{margin:8px 0 0;color:#334155;line-height:1.5}.forum-validation-badge{display:inline-flex!important;align-items:center;gap:6px;width:fit-content;margin-top:9px;border:1px solid #86efac;border-radius:999px;background:#f0fdf4;color:#15803d!important;padding:5px 9px;font-size:11px!important;font-weight:900!important}.forum-validation-badge.respondido{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9!important}.forum-validation-badge.invalidado{border-color:#fed7aa;background:#fff7ed;color:#c2410c!important}.forum-editor{min-height:130px;resize:vertical}.evaluation-modal{width:min(1120px,100%);max-height:min(860px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.evaluation-modal header,.evaluation-modal footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #e5e7eb}.evaluation-modal footer{border-top:1px solid #e5e7eb;border-bottom:0}.evaluation-modal header span,.evaluation-modal footer span{color:#64748b;font-size:12px;font-weight:800}.evaluation-modal h2{margin:3px 0 0}.evaluation-modal-body{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.4fr);gap:14px;height:min(620px,calc(92vh - 150px));min-height:0;background:#f8fafc;padding:14px;overflow:hidden}.evaluation-brief,.evaluation-question-workspace{border:1px solid #dbeafe;border-radius:8px;background:#fff;padding:14px;min-height:0}.evaluation-brief{display:grid;align-content:start;gap:12px;color:#1d4ed8}.evaluation-brief p{margin:0;color:#475569;line-height:1.55}.evaluation-proctor-panel{display:grid;gap:8px;border:1px solid #dbeafe;border-radius:8px;background:#f8fafc;padding:10px}.evaluation-proctor-panel.review{border-color:#bbf7d0;background:#f0fdf4}.evaluation-camera-frame{position:relative;overflow:hidden;border:2px solid #fca5a5;border-radius:8px;background:#0f172a;aspect-ratio:16 / 10}.evaluation-camera-frame.active{border-color:#86efac}.evaluation-camera-frame video{width:100%;height:100%;display:block;object-fit:cover}.proctor-good,.proctor-warn{display:inline-flex;gap:7px;align-items:center;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:850}.proctor-good{background:#ecfdf5;color:#047857}.proctor-warn{background:#fef2f2;color:#b91c1c}.evaluation-question-workspace{display:grid;align-content:start;gap:12px;overflow-y:auto}.student-evaluation-question{display:grid;gap:12px;border:1px solid #dbeafe;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px}.student-evaluation-question header{display:flex;justify-content:space-between;gap:12px;align-items:center}.student-evaluation-question header span,.student-evaluation-question header strong{color:#64748b;font-size:12px;font-weight:850}.student-evaluation-question p{margin:0;color:#0f172a;font-weight:850;line-height:1.45}.student-evaluation-options{display:grid;gap:8px}.student-evaluation-option{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;padding:11px 12px}.student-evaluation-option.selected{border-color:#60a5fa;background:#eff6ff;box-shadow:0 10px 24px #2563eb14}.student-evaluation-answer-time{color:#64748b;font-size:12px;font-weight:800}.student-evaluation-textarea{min-height:150px;resize:vertical}.resource-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0f172a8a;padding:24px}.resource-preview-modal{width:min(1080px,100%);max-height:min(820px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.resource-preview-modal header,.resource-preview-modal footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #e5e7eb}.resource-preview-modal footer{border-top:1px solid #e5e7eb;border-bottom:0}.resource-preview-modal header span,.resource-preview-modal footer span{color:#64748b;font-size:12px;font-weight:800}.resource-preview-modal h2{margin:3px 0 0;font-size:22px}.resource-preview-body{min-height:520px;background:#f8fafc;padding:14px}.resource-preview-body iframe{width:100%;height:100%;min-height:500px;display:block;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.resource-preview-body iframe.presentation-viewer-frame{min-height:620px;background:#111827}.resource-preview-empty{min-height:500px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed #cbd5e1;border-radius:8px;color:#334155;text-align:center;padding:24px}.resource-preview-empty span{color:#64748b}.topic-actions-panel,.topic-resources-panel{border:1px solid #ebecef;border-radius:8px;background:#fff;padding:16px}.empty-topic-resources{grid-column:1 / -1;border:1px dashed #cbd5e1;border-radius:8px;padding:16px;color:#64748b;background:#f8fafc}.topic-button{display:grid;gap:10px;width:100%;text-align:left;border:1px solid #ebecef;background:#fff;border-radius:8px;padding:12px;cursor:pointer}.topic-button.active{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.topic-button strong,.topic-button span{display:block}.topic-button span{margin-top:4px;color:#6b7280;font-size:12px}.topic-detail{border:1px solid #ebecef;background:#fff;border-radius:8px;padding:14px}.topic-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.topic-head span{color:#6b7280;font-size:13px}.topic-head h3{margin:4px 0}.topic-head p{margin:0;color:#6b7280}.interaction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.interaction-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:8px;padding:10px;font-weight:750;cursor:pointer}.interaction-button svg{flex:0 0 auto}.interaction-button span{min-width:0}.interaction-button.active{border-color:#487fff;background:#dbeafe;box-shadow:inset 0 -2px #487fff}.action-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:8px;padding:14px;margin-top:14px}.learning-experience{display:grid;gap:16px;border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:8px;padding:16px}.learning-experience.streaming{border-color:#bfdbfe}.learning-experience.presencial{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}.learning-experience-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.learning-experience-header span{color:#6b7280;font-size:13px}.learning-experience-header h3{margin:4px 0}.learning-experience-header p{margin:0;color:#374151}.classroom-layout{display:grid;gap:14px}.streaming-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr)}.stream-stage{position:relative;min-height:310px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0f172afa,#2563ebdb),radial-gradient(circle at 80% 20%,rgba(250,204,21,.34),transparent 26%);overflow:hidden}.stream-stage strong,.stream-stage span{display:block}.stream-stage strong{font-size:26px}.stream-stage span{color:#dbeafe}.live-badge{position:absolute;top:14px;left:14px;min-height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:0 10px;background:#ef4444eb;color:#fff;font-weight:850;font-size:12px}.stream-controls,.demo-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.classroom-side-panel,.online-workbench,.support-materials{display:grid;align-content:start;gap:12px;border:1px solid #ebecef;border-radius:8px;background:#fff;padding:16px}.classroom-side-panel strong,.support-materials strong,.presence-card strong,.online-player strong{color:#111827;font-size:18px}.classroom-side-panel span,.support-materials span,.presence-card span,.online-player span{color:#64748b;font-size:13px}.classroom-checklist{display:grid;gap:10px}.classroom-checklist label{display:flex;gap:8px;align-items:center;color:#374151;font-weight:700}.online-layout,.presencial-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr)}.online-player{min-height:280px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed #bfdbfe;border-radius:8px;background:#eff6ff;color:#1d4ed8;text-align:center}.online-progress{width:min(360px,88%);display:grid;gap:6px}.online-progress small{color:#475569;font-weight:750}.online-workbench textarea.input{min-height:132px;resize:vertical}.presence-card{min-height:260px;display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;padding:18px}.presence-card p{margin:10px 0 0;color:#374151}.support-grid{display:grid;gap:9px}.support-grid span{min-height:40px;display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:0 10px;color:#374151;font-weight:800}.learning-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.learning-steps span{border:1px solid #ebecef;background:#fff;border-radius:8px;padding:10px;color:#374151;font-size:13px;font-weight:700}.learning-footer-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}.action-main span,.action-steps span{color:#6b7280;font-size:13px}.action-main h3{margin:4px 0}.action-main p{margin:0;color:#374151}.mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mode-tabs button{border:1px solid #ebecef;background:#fff;border-radius:999px;color:#6b7280;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.mode-tabs button.active{border-color:#16a34a;background:#f0fdf4;color:#15803d}.learning-feedback{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid #86efac;border-radius:8px;background:#f0fdf4;color:#15803d;padding:0 12px;font-size:13px;font-weight:850}.action-side{display:grid;justify-items:end;gap:10px}.action-steps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.action-steps span{border:1px solid #ebecef;background:#fff;border-radius:8px;padding:10px;color:#374151;font-weight:700}.demo-surface{grid-column:1 / -1;display:grid;gap:12px;border:1px solid #ebecef;background:#fff;border-radius:8px;padding:14px}.demo-surface.split{grid-template-columns:minmax(0,1fr) auto;align-items:center}.video-demo,.upload-demo,.resource-demo,.qr-demo{display:grid;place-items:center;gap:8px;min-height:150px;border:1px dashed #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:8px;text-align:center}.video-demo.recorded{background:#f8fafc;color:#334155}.qr-demo{width:150px;font-size:28px;font-weight:900;letter-spacing:2px}.demo-actions,.demo-form,.question-demo,.forum-demo{display:grid;gap:10px}.question-demo p{margin:0;color:#374151}.question-demo label{border:1px solid #ebecef;border-radius:8px;padding:10px}.forum-demo .message-item{margin:0}.class-element{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;border:1px solid #ebecef;background:#fafbff;border-radius:8px;padding:14px}.element-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:#487fff;background:#edf3ff}.class-element strong{margin-top:3px}.class-element p{margin:5px 0 0;color:#6b7280;font-size:13px}.element-actions{display:grid;justify-items:end;gap:8px}.compact-button{white-space:nowrap;padding:9px 12px}@media(max-width:980px){.dashboard-grid,.community-grid,.student-power-stats,.student-mission-grid,.subject-layout,.topic-mission-board,.topic-spotlight,.topic-content-summary,.topic-video-spotlight,.topic-video-underbar,.forum-body,.streaming-layout,.online-layout,.presencial-layout,.learning-steps,.program-profile,.class-elements,.topic-flow,.interaction-grid,.action-workspace,.action-steps,.demo-surface.split{grid-template-columns:1fr}.student-hero,.learning-header,.game-board,.profile-hero{align-items:flex-start;flex-direction:column}.level-console{width:100%}.topic-rail{position:static}.learning-experience-header,.learning-footer-actions{align-items:flex-start;flex-direction:column}.presence-card,.profile-grid{grid-template-columns:1fr}.program-summary,.module-header{flex-direction:column}.mission-flow-header{align-items:flex-start;flex-direction:column}.mission-flow-score{justify-items:start}.mission-flow-card{grid-template-columns:38px minmax(0,1fr)}.mission-flow-card .button{grid-column:1 / -1}.task-workspace-body{grid-template-columns:1fr}.module-meta{justify-items:start}.class-element{grid-template-columns:42px minmax(0,1fr)}.class-element .badge{grid-column:2;width:fit-content}.element-actions{grid-column:2;justify-items:start}.action-side{justify-items:start}}.forum-teacher-reply{margin-top:10px;padding:10px 12px;border-left:3px solid #487fff;border-radius:0 8px 8px 0;background:#eff6ff}.forum-teacher-reply strong{color:#1d4ed8;font-size:12px}.forum-teacher-reply p{margin:4px 0 0;color:#334155}.forum-comment-content>small{display:inline-block;margin-top:6px;color:#b45309;font-weight:800}