@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;1,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b1512;--surface: #111e16;--surface-2: #162019;--surface-3: #1c2b21;--border: #1e3025;--border-active: #2d5238;--border-bright: #3d6e4a;--text: #e2f0e6;--text-muted: #6a9e74;--text-dim: #253d2c;--accent: #4ade80;--accent-2: #22c55e;--accent-hover: #16a34a;--accent-glow: rgba(74, 222, 128, .15);--accent-dim: rgba(74, 222, 128, .06);--accent-mid: rgba(74, 222, 128, .12);--teal: #2dd4bf;--teal-dim: rgba(45, 212, 191, .08);--blue: #60a5fa;--blue-dim: rgba(96, 165, 250, .08);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .08);--error: #f87171;--error-dim: rgba(248, 113, 113, .08);--success: #4ade80;--success-dim: rgba(74, 222, 128, .08);--warning: #fbbf24;--warning-dim: rgba(251, 191, 36, .08);--sidebar-w: 248px;--topbar-h: 64px;--mono: "DM Mono", monospace;--sans: "Syne", sans-serif;--radius: 12px;--radius-sm: 7px;--radius-xs: 4px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-glow: 0 0 24px rgba(74, 222, 128, .08)}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}::selection{background:var(--accent-mid);color:var(--text)}.btn{padding:11px 22px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 0 16px var(--accent-glow)}.btn:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--danger{background:var(--error-dim);color:var(--error);border:1px solid rgba(248,113,113,.2);box-shadow:none}.btn--danger:hover{background:#f8717126;box-shadow:none}.btn-inner{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{width:15px;height:15px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--bg);border-radius:50%;animation:spin .65s linear infinite}.auth-scene{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.auth-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 100%);opacity:.6}.auth-glow-orb{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(74,222,128,.07) 0%,rgba(45,212,191,.04) 40%,transparent 70%);animation:pulse 6s ease-in-out infinite}.auth-glow-orb:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.05) 0%,transparent 70%);top:-100px;left:-100px;animation:pulse 8s ease-in-out infinite reverse}.auth-card{position:relative;width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px;box-shadow:var(--shadow-md),var(--shadow-glow);animation:cardIn .5s cubic-bezier(.16,1,.3,1) forwards}.auth-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.auth-card--wide{width:580px}.auth-link{color:var(--accent);text-decoration:none;font-family:var(--mono);font-size:12px;transition:opacity .15s}.auth-link:hover{opacity:.7}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:28px;height:28px;border:1.5px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-dim);position:relative;display:grid;place-items:center;box-shadow:0 0 12px var(--accent-glow)}.logo-mark:after{content:"";width:10px;height:10px;background:var(--accent);border-radius:2px;transform:rotate(45deg);box-shadow:0 0 8px var(--accent)}.logo-text{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.title{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.title span{color:var(--accent)}.subtitle{font-size:13px;font-family:var(--mono);color:var(--text-muted)}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-family:var(--mono)}.label-row{display:flex;align-items:center;justify-content:space-between}.input-wrap{position:relative;display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-wrap.error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-dim)}.input-icon{position:absolute;left:14px;color:var(--text-dim);transition:color .2s;pointer-events:none;flex-shrink:0}.input-wrap:focus-within .input-icon{color:var(--accent)}input{width:100%;background:transparent;border:none;outline:none;padding:13px 14px 13px 42px;font-size:14px;font-family:var(--mono);color:var(--text);letter-spacing:.02em}input::placeholder{color:var(--text-dim)}.eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:grid;place-items:center;transition:color .2s}.eye-btn:hover{color:var(--accent)}.field-error{font-size:11px;font-family:var(--mono);color:var(--error);display:flex;align-items:center;gap:6px}.global-error{padding:12px 14px;background:var(--error-dim);border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);font-size:12px;font-family:var(--mono);color:var(--error);display:flex;gap:8px;align-items:flex-start;animation:shake .35s ease}.forgot-link{background:none;border:none;font-size:11px;font-family:var(--mono);color:var(--text-muted);cursor:pointer;transition:color .15s}.forgot-link:hover{color:var(--accent)}.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--text-dim);font-size:11px;font-family:var(--mono)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.demo-accounts{display:flex;flex-direction:column;gap:10px}.demo-title{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-align:center}.demo-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.demo-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.auth-form-row,.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 16px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .18s;text-align:center}.role-btn:hover{border-color:var(--border-active);background:var(--accent-dim)}.role-btn--active{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow),inset 0 0 20px var(--accent-dim)}.role-btn-icon{font-size:28px;line-height:1}.role-btn-label{font-size:14px;font-weight:700;color:var(--text)}.role-btn-desc{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.dashboard-content{flex:1;padding:32px;overflow-y:auto}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:22px 20px;border-bottom:1px solid var(--border)}.sidebar-logo-mark{width:28px;height:28px;border:1.5px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-dim);position:relative;display:grid;place-items:center;box-shadow:0 0 10px var(--accent-glow)}.sidebar-logo-mark:after{content:"";width:10px;height:10px;background:var(--accent);border-radius:2px;transform:rotate(45deg);box-shadow:0 0 6px var(--accent)}.sidebar-logo-text{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.sidebar-nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;position:relative}.sidebar-link:hover{background:var(--accent-dim);color:var(--text)}.sidebar-link--active{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(74,222,128,.12)}.sidebar-link--active:before{content:"";position:absolute;left:-2px;top:25%;bottom:25%;width:2px;border-radius:99px;background:var(--accent);box-shadow:0 0 6px var(--accent)}.sidebar-link-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--border)}.sidebar-version{font-family:var(--mono),serif;font-size:10px;color:var(--text-dim)}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-greeting{font-size:15px;font-weight:600;color:var(--text-muted)}.topbar-greeting span{color:var(--text)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-burger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all .15s}.topbar-burger:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.topbar-notif{position:relative;background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all .15s;display:grid;place-items:center}.topbar-notif:hover{background:var(--accent-dim);border-color:var(--border);color:var(--accent)}.topbar-notif-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--accent);border:1.5px solid var(--surface);box-shadow:0 0 4px var(--accent);animation:blink 2.5s ease-in-out infinite}.topbar-user{display:flex;align-items:center;gap:9px;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:all .15s}.topbar-user:hover{background:var(--accent-dim);border-color:var(--border)}.topbar-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-2),var(--teal));color:var(--bg);font-size:13px;font-weight:800;display:grid;place-items:center;overflow:hidden;flex-shrink:0;box-shadow:0 0 10px #4ade8033}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.topbar-user-name{display:block;font-size:13px;font-weight:600;color:var(--text)}.topbar-user-role{display:block;font-size:11px;font-family:var(--mono),serif;color:var(--text-muted)}.topbar-logout{background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all .15s;display:grid;place-items:center}.topbar-logout:hover{color:var(--error);background:var(--error-dim);border-color:#f8717126}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--bg)}.loader-logo{display:flex;flex-direction:column;align-items:center;gap:20px}.loader-icon{width:56px;height:56px;position:relative}.loader-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--border)}.loader-ring-spin{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite;filter:drop-shadow(0 0 4px var(--accent))}.loader-ring-spin2{position:absolute;inset:7px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--teal);animation:spin 1.4s cubic-bezier(.6,.2,.4,.8) infinite reverse}.loader-center{position:absolute;inset:0;display:grid;place-items:center}.loader-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:dotPulse 1s ease-in-out infinite}.loader-brand{font-size:18px;font-weight:800;color:var(--text)}.loader-brand span{color:var(--accent)}.loader-progress{display:flex;flex-direction:column;align-items:center;gap:10px}.loader-bar-wrap{width:160px;height:2px;background:var(--border);border-radius:99px;overflow:hidden}.loader-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--teal));border-radius:99px;animation:barFill 1.4s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 6px var(--accent-glow)}.loader-text{font-family:var(--mono),serif;font-size:11px;color:var(--text-muted);letter-spacing:.06em;animation:textFade 1.4s ease infinite}.loader-dots span{display:inline-block;animation:dotBounce 1.2s ease infinite}.loader-dots span:nth-child(2){animation-delay:.15s}.loader-dots span:nth-child(3){animation-delay:.3s}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh}.not-found-code{font-size:96px;font-weight:800;letter-spacing:-.04em;color:var(--border-active);text-shadow:0 0 80px var(--accent-glow)}.not-found-text{font-size:18px;color:var(--text-muted);font-family:var(--mono)}.sidebar-close-btn{display:none;margin-left:auto;width:28px;height:28px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted);cursor:pointer;transition:all .15s;align-items:center;justify-content:center}.sidebar-close-btn:hover{border-color:var(--error);color:var(--error)}@media(max-width:768px){.sidebar-close-btn{display:flex}}.dashboard-layout--sidebar-open .sidebar{transform:translate(0)}.dashboard-layout--sidebar-open .dashboard-main{margin-left:var(--sidebar-w)}.dashboard-layout--sidebar-closed .sidebar{transform:translate(-100%)}.dashboard-layout--sidebar-closed .dashboard-main{margin-left:0}@media(min-width:769px){.sidebar{transition:transform .25s cubic-bezier(.16,1,.3,1)}.dashboard-main{transition:margin-left .25s cubic-bezier(.16,1,.3,1)}}.profile-hero{display:flex;align-items:center;gap:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden}.profile-hero:after{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);pointer-events:none}.profile-avatar-wrap{position:relative;flex-shrink:0;z-index:1}.profile-avatar{width:80px;height:80px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-2),var(--teal));color:var(--bg);font-size:32px;font-weight:800;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 24px #4ade8040;transition:scale .3s ease-in-out}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar:hover{scale:1.5}.profile-avatar-edit{position:absolute;bottom:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:11px;cursor:pointer;display:grid;place-items:center;transition:all .15s}.profile-avatar-edit:hover{border-color:var(--accent);color:var(--accent)}.profile-info{flex:1;z-index:1}.profile-name{font-size:22px;font-weight:800;letter-spacing:-.02em}.profile-email{font-size:12px;font-family:var(--mono);color:var(--text-muted);margin:4px 0 12px}.profile-level{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;font-family:var(--mono);margin-bottom:10px}.profile-level-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.profile-xp-bar-wrap{max-width:320px}.profile-xp-hint{display:block;font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-top:6px}.profile-stats{display:flex;gap:24px;flex-shrink:0;z-index:1}.profile-stat{text-align:center}.profile-stat-value{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--accent)}.profile-stat-label{font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-top:2px}.teacher-badge{display:inline-flex;padding:3px 10px;border-radius:100px;background:#2dd4bf14;border:1px solid rgba(45,212,191,.2);font-size:10px;font-weight:700;font-family:var(--mono);color:var(--teal);letter-spacing:.1em;text-transform:uppercase}.teacher-subjects{margin-top:8px;font-size:12px;font-family:var(--mono);color:var(--text-muted)}.earnings-value{color:var(--warning)!important;text-shadow:0 0 12px rgba(251,191,36,.2)}.teacher-courses-list{display:flex;flex-direction:column;gap:10px}.teacher-course-card{display:flex;align-items:center;gap:15px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .15s}.teacher-course-card:hover{border-color:var(--border-active)}.teacher-course-cover{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-2),var(--teal));display:grid;place-items:center;font-size:18px;font-weight:800;color:var(--bg);flex-shrink:0}.teacher-course-info{flex:1;min-width:0}.teacher-course-title{font-size:14px;font-weight:700;margin-bottom:5px}.teacher-course-meta{display:flex;align-items:center;gap:10px;font-size:11px;font-family:var(--mono);color:var(--text-muted)}.course-status{padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.04em}.course-status--published{background:#4ade8014;color:var(--success);border:1px solid rgba(74,222,128,.18)}.course-status--draft{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(251,191,36,.18)}.teacher-course-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.profile-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.profile-tab{padding:10px 20px;background:none;border:none;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.profile-tab:hover{color:var(--text)}.profile-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.badge-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;transition:border-color .15s,transform .15s,box-shadow .15s}.badge-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.badge-card--locked{opacity:.35;filter:grayscale(1)}.badge-card--locked:hover{transform:none;box-shadow:none;border-color:var(--border)}.badge-card-icon{font-size:34px;margin-bottom:10px}.badge-card-title{font-size:13px;font-weight:700;margin-bottom:4px}.badge-card-desc{font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-bottom:10px}.badge-card-date{font-size:10px;font-family:var(--mono);color:var(--accent)}.badge-card-locked{font-size:10px;font-family:var(--mono);color:var(--text-dim)}.certs-list{display:flex;flex-direction:column;gap:12px}.cert-card{display:flex;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:border-color .15s,transform .15s}.cert-card:hover{border-color:var(--accent);transform:translateY(-1px)}.cert-icon{font-size:32px;flex-shrink:0}.cert-info{flex:1}.cert-title{font-size:15px;font-weight:700;margin-bottom:4px}.cert-number{font-size:12px;font-family:var(--mono);color:var(--accent);margin-bottom:2px}.cert-date{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.cert-actions{display:flex;gap:8px;flex-shrink:0}.cert-btn{padding:8px 14px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:700;font-family:var(--sans);cursor:pointer;transition:all .15s;box-shadow:0 0 10px var(--accent-glow)}.cert-btn:hover{background:var(--accent-2)}.cert-btn--secondary{background:transparent;border:1.5px solid var(--border);color:var(--text-muted);box-shadow:none}.cert-btn--secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.settings-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:28px;max-width:520px}.settings-section-title{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-family:var(--mono);color:var(--text-muted);margin-bottom:14px}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.settings-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-family:var(--mono);color:var(--text-muted)}.settings-input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-size:13px;font-family:var(--mono);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-input:disabled{opacity:.4;cursor:not-allowed}.settings-textarea{resize:vertical;min-height:96px;line-height:1.6}.settings-save{align-self:flex-start;padding:11px 22px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 0 16px var(--accent-glow)}.settings-save:hover{background:var(--accent-2);transform:translateY(-1px)}@keyframes skShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.sk-base{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:skShimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.sk-avatar{width:88px;height:88px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:skShimmer 1.4s ease-in-out infinite;flex-shrink:0}.sk-line{height:14px;border-radius:99px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:skShimmer 1.4s ease-in-out infinite}.sk-line--title{width:200px;height:22px}.sk-line--sm{width:140px}.sk-line--bar{width:280px;height:8px;border-radius:99px}.sk-stat{width:64px;height:52px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:skShimmer 1.4s ease-in-out infinite}.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 20px;text-align:center}.profile-error-icon{font-size:40px;opacity:.5}.profile-error-text{font-size:14px;font-family:var(--mono);color:var(--text-muted);max-width:360px;line-height:1.6}.settings-locked-hint{display:block;margin-top:5px;font-size:11px;font-family:var(--mono);color:var(--text-dim)}@media(max-width:768px){:root{--sidebar-w: 0px;--topbar-h: 56px}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);z-index:300;width:260px;box-shadow:4px 0 32px #00000080}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:299;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboard-main{margin-left:0}.dashboard-content{padding:16px}.topbar{padding:0 16px;height:var(--topbar-h)}.topbar-burger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:16px;cursor:pointer;color:var(--text-muted);transition:all .15s;flex-shrink:0}.topbar-burger:hover{border-color:var(--accent);color:var(--accent)}.topbar-greeting,.topbar-user-name,.topbar-user-role{display:none}.page{gap:16px}.page-heading{font-size:20px}.page-subheading{font-size:12px}.courses-page-header{flex-direction:column;align-items:flex-start;gap:12px}.courses-page-header .btn{width:100%;justify-content:center}.stats-row{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.auth-scene{padding:40px 16px 16px;align-items:flex-start}.auth-card{padding:28px 20px}.auth-card--wide{max-width:100%}.auth-form-row{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:center;text-align:center;padding:24px}.profile-info{align-items:center}.profile-xp-bar-wrap{max-width:280px}.profile-stats{justify-content:center}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.sch-week-grid{grid-template-columns:repeat(4,1fr)}.sch-session-card{flex-wrap:wrap}.sch-session-action{width:100%;padding:0 16px 14px;justify-content:flex-end}.sch-filter-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px}.sch-filter-pill{white-space:nowrap}.ts-table-head{display:none}.ts-table-row{grid-template-columns:1fr;gap:8px;padding:14px}.ts-table-row>*:not(:first-child):not(:last-child){display:none}.ts-table-row>*:last-child{display:flex}.ts-table-row>*:nth-child(3){display:flex}.ts-panel{width:100%;inset:auto 0 0;border-left:none;border-top:1px solid var(--border);height:85vh;border-radius:var(--radius) var(--radius) 0 0}.ts-panel-stats{grid-template-columns:repeat(2,1fr)}.an-grid-2col{grid-template-columns:1fr}.an-card--wide,.an-card--full{grid-column:span 1}.an-timeline{flex-direction:column}.an-rewards-grid{width:100%}.an-table-head,.an-table-row{grid-template-columns:2fr 70px 90px!important}.an-table-head>*:nth-child(4),.an-table-row>*:nth-child(4){display:none}.cl-layout{flex-direction:column;height:auto}.cl-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);max-height:280px}.cl-main{overflow-y:visible}.cl-breadcrumb{padding:12px 16px 0}.cl-content-area{padding:16px}.cl-nav-bar{flex-direction:column;gap:10px;padding:14px 16px}.cl-nav-btn{max-width:100%;width:100%;justify-content:center}.cl-complete-btn{width:100%}.live-body{flex-direction:column}.live-chat{width:100%;height:260px;border-left:none;border-top:1px solid var(--border)}.live-tiles{justify-content:center}.live-tile{width:80px;height:60px}.live-controls{padding:10px 16px}.live-controls-left{display:none}.live-controls-right .live-end-btn{font-size:12px;padding:7px 12px}.cl-modules-list{max-height:200px;overflow-y:auto}.ach-xp-hero{flex-direction:column;gap:16px}.ach-xp-stats{display:grid;grid-template-columns:repeat(4,1fr);border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:14px;min-width:unset}.ach-xp-stat{border-bottom:none;border-right:1px solid var(--border);padding:8px}.ach-xp-stat:nth-child(4){border-right:none}.ach-xp-stat:nth-child(2){border-right:1px solid var(--border)}.ach-roadmap{gap:0;padding-bottom:52px;overflow-x:auto}.ach-roadmap-line{width:36px}.ach-badges-grid{grid-template-columns:repeat(2,1fr)}.ach-certs-grid{grid-template-columns:1fr}.ach-timeline{flex-direction:column}.ach-rewards-grid{width:100%}.sch-week-grid{grid-template-columns:repeat(4,1fr);overflow-x:auto}.tc-courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard-content{padding:12px}.stats-row{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:14px}.stat-value{font-size:22px}.auth-card{padding:24px 16px}.role-selector{grid-template-columns:1fr;gap:8px}.role-btn{flex-direction:row;justify-content:flex-start;padding:14px}.page-heading{font-size:18px}.ach-badges-grid{grid-template-columns:1fr}.ach-xp-stats{grid-template-columns:repeat(2,1fr)}.ach-xp-stat:nth-child(2){border-right:none}.ach-xp-stat:nth-child(4){border-right:none}.sch-session-time-col{min-width:70px;padding:14px 12px}.sch-session-time{font-size:15px}.sch-week-grid{grid-template-columns:repeat(7,minmax(90px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.ts-panel-stats{grid-template-columns:repeat(2,1fr)}.cl-sidebar{max-height:200px}.cl-sidebar-header{padding:14px}.cl-course-title{font-size:13px}.live-controls-left,.live-controls-right{display:none}.live-controls-center{margin:0 auto;gap:12px}.live-ctrl-btn--round{width:48px;height:48px;font-size:20px}.sch-modal{margin:0 8px}.sch-modal-row{grid-template-columns:1fr}.an-table-head,.an-table-row{grid-template-columns:1fr 70px!important}.an-table-head>*:nth-child(3),.an-table-head>*:nth-child(4),.an-table-row>*:nth-child(3),.an-table-row>*:nth-child(4){display:none}.an-donut-wrap{flex-direction:column;align-items:flex-start}.tc-courses-grid{grid-template-columns:1fr}.an-funnel-value{display:none}.an-funnel-label{min-width:0;font-size:11px}}@media(max-width:360px){.stats-row{grid-template-columns:1fr}.ach-xp-stat-value{font-size:16px}.sch-session-card{gap:0}.live-ctrl-btn--round{width:42px;height:42px;font-size:18px}}.topbar-burger{display:none}@media(max-width:768px){.topbar-burger{display:flex}}.page{display:flex;flex-direction:column;gap:24px}.page-heading{font-size:24px;font-weight:800;letter-spacing:-.02em}.page-subheading{font-size:12px;font-family:var(--mono);color:var(--text-muted);margin-top:4px}.courses-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dash-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden}.dash-hero:after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);pointer-events:none}.dash-hero-left{flex:1;position:relative;z-index:1}.dash-title{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:12px 0 20px}.level-badge{display:inline-flex;padding:4px 12px;border-radius:100px;border:1.5px solid;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono)}.xp-bar-wrap{max-width:420px}.xp-bar-labels{display:flex;justify-content:space-between;font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-bottom:8px}.xp-bar-track{height:5px;background:var(--border);border-radius:99px;overflow:hidden}.xp-bar-fill{height:100%;border-radius:99px;transition:width .9s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px currentColor}.streak-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px;text-align:center;min-width:140px;position:relative;z-index:1}.streak-fire{font-size:30px;line-height:1}.streak-count{font-size:52px;font-weight:800;line-height:1.05;color:var(--warning);letter-spacing:-.04em;text-shadow:0 0 20px rgba(251,191,36,.3)}.streak-label{font-size:12px;color:var(--text-muted);font-family:var(--mono);margin-top:4px}.streak-best{font-size:11px;color:var(--text-dim);font-family:var(--mono);margin-top:8px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:var(--border-active);transform:translateY(-1px)}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--accent)}.stat-label{font-size:11px;color:var(--text-muted);font-family:var(--mono);margin-top:4px}.dash-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.dash-right-col{display:flex;flex-direction:column;gap:24px}.dash-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:14px;font-weight:700;letter-spacing:-.01em}.section-link{background:none;border:none;font-size:11px;font-family:var(--mono);color:var(--accent);cursor:pointer;transition:opacity .15s}.section-link:hover{opacity:.7}.courses-list{display:flex;flex-direction:column;gap:10px}.course-card{display:flex;align-items:center;gap:14px;padding:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.course-card:hover{border-color:var(--border-active)}.course-card-cover{width:38px;height:38px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-2),var(--teal));display:grid;place-items:center;font-size:15px;font-weight:800;color:var(--bg);flex-shrink:0}.course-card-info{flex:1;min-width:0}.course-card-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.course-progress-wrap{display:flex;align-items:center;gap:8px}.course-progress-bar{flex:1;height:3px;background:var(--border);border-radius:99px;overflow:hidden}.course-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--teal));border-radius:99px}.course-progress-pct{font-size:11px;font-family:var(--mono);color:var(--text-muted);flex-shrink:0}.course-card-btn{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;transition:color .15s}.course-card-btn:hover{color:var(--accent)}.sessions-list{display:flex;flex-direction:column;gap:9px}.session-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.session-card:hover{border-color:var(--border-active)}.session-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px var(--accent);animation:blink 2.5s ease-in-out infinite}.session-info{flex:1;min-width:0}.session-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-top:2px}.session-join{padding:6px 12px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;flex-shrink:0;box-shadow:0 0 10px var(--accent-glow)}.session-join:hover{background:var(--accent-2)}.badges-row{display:flex;gap:10px;flex-wrap:wrap}.badge-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:70px;cursor:default;transition:border-color .15s,transform .15s}.badge-item:hover{border-color:var(--accent);transform:translateY(-2px)}.badge-icon{font-size:22px}.badge-title{font-size:10px;font-family:var(--mono);color:var(--text-muted);text-align:center}.td-hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.td-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;font-size:11px;font-weight:600;font-family:var(--mono);border:1px solid}.td-chip--warn{background:var(--warning-dim);color:var(--warning);border-color:#fbbf2433}.td-chip--green{background:var(--accent-dim);color:var(--accent);border-color:#4ade802e}.td-hero-right{flex-shrink:0;position:relative;z-index:1}.td-earn-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px 28px;min-width:175px;text-align:center}.td-earn-label{font-size:10px;font-family:var(--mono);color:var(--text-muted);margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase}.td-earn-value{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--warning);text-shadow:0 0 16px rgba(251,191,36,.25)}.td-earn-sub{font-size:11px;font-family:var(--mono);color:var(--text-dim);margin-top:6px}.td-stat-delta{font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-top:4px}.td-stat-delta--up{color:var(--success)}.td-period{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.td-chart{display:flex;align-items:flex-end;gap:8px;height:110px;padding-top:8px}.td-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.td-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.td-chart-bar{width:100%;min-height:4px;background:linear-gradient(to top,var(--accent-2),var(--accent));border-radius:4px 4px 0 0;transition:height .7s cubic-bezier(.4,0,.2,1);opacity:.6}.td-chart-col:last-child .td-chart-bar{opacity:1;box-shadow:0 0 16px var(--accent-glow),0 -2px 8px var(--accent-glow)}.td-chart-label{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.td-courses-list{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.td-course-row{display:flex;align-items:center;gap:13px;padding:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.td-course-row:hover{border-color:var(--border-active)}.td-course-cover{width:38px;height:38px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-2),var(--teal));display:grid;place-items:center;font-size:15px;font-weight:800;color:var(--bg);flex-shrink:0}.td-course-info{flex:1;min-width:0}.td-course-title{font-size:13px;font-weight:700;margin-bottom:5px}.td-course-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;font-family:var(--mono);color:var(--text-muted)}.td-course-revenue{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--warning);flex-shrink:0;white-space:nowrap}.td-add-btn{width:100%;padding:10px;background:none;border:1.5px dashed var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.td-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.td-students-list{display:flex;flex-direction:column;gap:7px}.td-student-row{display:flex;align-items:center;gap:11px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.td-student-row:hover{border-color:var(--border-active)}.td-student-avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid rgba(74,222,128,.15);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--accent);flex-shrink:0}.td-student-info{flex:1;min-width:0}.td-student-name{font-size:13px;font-weight:600}.td-student-course{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.td-student-progress{flex-shrink:0;width:120px}.td-student-seen{font-size:11px;font-family:var(--mono);color:var(--text-dim);flex-shrink:0;white-space:nowrap}.td-badge-count{padding:2px 8px;border-radius:100px;background:var(--warning-dim);color:var(--warning);border:1px solid rgba(251,191,36,.2);font-size:11px;font-weight:700;font-family:var(--mono)}.td-hw-list{display:flex;flex-direction:column;gap:9px}.td-hw-row{display:flex;align-items:center;gap:11px;padding:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.td-hw-row:hover{border-color:var(--border-active)}.td-hw-avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--warning-dim);border:1px solid rgba(251,191,36,.2);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--warning);flex-shrink:0}.td-hw-info{flex:1;min-width:0}.td-hw-student{font-size:12px;font-weight:700}.td-hw-task{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-hw-meta{font-size:11px;font-family:var(--mono);color:var(--text-dim);margin-top:2px}.td-hw-check{padding:6px 11px;background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:11px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.td-hw-check:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.td-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.td-action-btn{display:flex;align-items:center;gap:8px;padding:11px 13px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.td-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.sc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;flex-direction:column}.sc-card:hover{border-color:var(--border-active);transform:translateY(-3px);box-shadow:0 8px 32px #0000004d,0 0 0 1px var(--border-active)}.sc-card--done:hover{border-color:var(--success)}.sc-card-cover{height:96px;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%);display:flex;align-items:flex-end;justify-content:space-between;padding:12px;position:relative;overflow:hidden}.sc-card-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:20px 20px;opacity:.4}.sc-card-cover--done{background:linear-gradient(135deg,#0e2518,#142a1c)}.sc-card-cover-letter{font-size:44px;font-weight:800;color:var(--accent);opacity:.2;line-height:1;position:relative;z-index:1}.sc-card-level{font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--bg);padding:3px 8px;border-radius:100px;border:1px solid var(--border);position:absolute;top:10px;right:10px;z-index:1}.sc-done-badge{font-size:10px;font-weight:700;font-family:var(--mono);color:var(--success);background:#4ade801a;border:1px solid rgba(74,222,128,.2);padding:3px 8px;border-radius:100px;position:absolute;top:10px;right:10px;z-index:1}.sc-card-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:7px}.sc-card-category{font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.sc-card-title{font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.3}.sc-card-teacher{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.sc-progress-block{display:flex;flex-direction:column;gap:6px;margin:2px 0}.sc-progress-labels{display:flex;justify-content:space-between;font-size:11px;font-family:var(--mono);color:var(--text-muted)}.sc-next-lesson{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius-sm)}.sc-next-label{font-size:9px;font-weight:700;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sc-next-title{font-size:12px;font-weight:600;color:var(--text)}.sc-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}.sc-last-activity{font-size:11px;font-family:var(--mono);color:var(--text-dim)}.sc-continue-btn{padding:7px 14px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 0 12px var(--accent-glow)}.sc-continue-btn:hover{background:var(--accent-2);transform:translateY(-1px)}.sc-cert-btn{padding:7px 12px;background:var(--success-dim);color:var(--success);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.sc-cert-btn:hover{background:#4ade8026}.sc-secondary-btn{padding:7px 12px;background:none;color:var(--text-muted);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.sc-secondary-btn:hover{border-color:var(--accent);color:var(--accent)}.sc-catalog-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;font-family:var(--mono);color:var(--text-muted)}.sc-price{font-size:16px;font-weight:800;color:var(--warning);font-family:var(--mono)}.sc-enroll-btn{padding:7px 14px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 0 12px var(--accent-glow)}.sc-enroll-btn:hover{background:var(--accent-2)}.sc-search-wrap{margin-bottom:-8px}.sc-search{width:100%;max-width:380px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 16px;font-size:14px;font-family:var(--mono);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.sc-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.sc-search::placeholder{color:var(--text-dim)}.sc-empty{grid-column:1 / -1;padding:48px;text-align:center;font-family:var(--mono);font-size:13px;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.tc-list{display:flex;flex-direction:column;gap:12px}.tc-card{display:flex;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:border-color .15s,transform .15s}.tc-card:hover{border-color:var(--border-active);transform:translateY(-1px)}.tc-card-cover{width:56px;height:56px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-2),var(--teal));display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--bg);flex-shrink:0;box-shadow:0 0 20px #4ade8033}.tc-card-info{flex:1;min-width:0}.tc-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.tc-card-title{font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}.tc-card-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;font-family:var(--mono);color:var(--text-muted)}.tc-card-revenue{flex-shrink:0;text-align:right}.tc-revenue-value{font-size:18px;font-weight:800;color:var(--warning);font-family:var(--mono);text-shadow:0 0 12px rgba(251,191,36,.2)}.tc-revenue-label{font-size:11px;font-family:var(--mono);color:var(--text-dim);margin-top:2px}.tc-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.tc-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px;width:100%;background:none;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.tc-new-card:hover{border-color:var(--accent);background:var(--accent-dim)}.tc-new-icon{font-size:28px;color:var(--border-active);transition:color .15s}.tc-new-card:hover .tc-new-icon{color:var(--accent)}.tc-new-label{font-size:14px;font-weight:700;color:var(--text-muted);transition:color .15s}.tc-new-card:hover .tc-new-label{color:var(--accent)}.tc-new-desc{font-size:12px;font-family:var(--mono);color:var(--text-dim)}.tc-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;font-family:var(--mono);color:var(--text-muted)}.tc-back-btn{background:none;border:none;font-family:var(--mono);font-size:12px;color:var(--accent);cursor:pointer;transition:opacity .15s}.tc-back-btn:hover{opacity:.7}.tc-breadcrumb-sep{color:var(--border-active)}.tc-breadcrumb-title{color:var(--text);font-weight:600}.tc-detail-hero{display:flex;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.tc-detail-cover{width:72px;height:72px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-2),var(--teal));display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--bg);flex-shrink:0;box-shadow:0 0 24px #4ade8040}.tc-detail-info{flex:1}.tc-detail-title{font-size:20px;font-weight:800;letter-spacing:-.02em}.tc-detail-stats{display:flex;gap:24px;flex-shrink:0}.tc-detail-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.tc-students-table{display:flex;flex-direction:column;gap:0}.tc-table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 80px;gap:16px;padding:8px 16px;font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:4px}.tc-table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 80px;gap:16px;align-items:center;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px;transition:border-color .15s}.tc-table-row:hover{border-color:var(--border-active)}.tc-table-student{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.tc-table-progress{display:flex;align-items:center;gap:8px}.tc-grade{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid rgba(74,222,128,.15);font-size:13px;font-weight:800;font-family:var(--mono);color:var(--accent)}.tc-table-seen{font-size:11px;font-family:var(--mono);color:var(--text-dim)}.tc-publish-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.ts-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ts-avatar{border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid rgba(74,222,128,.15);display:grid;place-items:center;font-weight:800;color:var(--accent);flex-shrink:0}.ts-table{display:flex;flex-direction:column;gap:6px}.ts-table-head{display:grid;grid-template-columns:2.2fr 1.6fr 1.4fr 100px 80px 130px 120px;gap:12px;padding:8px 16px;font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.ts-table-row{display:grid;grid-template-columns:2.2fr 1.6fr 1.4fr 100px 80px 130px 120px;gap:12px;align-items:center;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,transform .1s}.ts-table-row:hover{border-color:var(--border-active);transform:translateY(-1px)}.ts-table-row--active{border-color:#4ade804d;background:#4ade8005}.ts-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:150;box-shadow:-8px 0 32px #0000004d;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ts-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 20px 20px;border-bottom:1px solid var(--border)}.ts-panel-identity{display:flex;align-items:flex-start;gap:14px}.ts-panel-name{font-size:17px;font-weight:800;letter-spacing:-.01em}.ts-panel-email{font-size:12px;font-family:var(--mono);color:var(--text-muted);margin-top:2px}.ts-panel-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;border-bottom:1px solid var(--border)}.ts-panel-stat{padding:16px 12px;text-align:center;border-right:1px solid var(--border)}.ts-panel-stat:last-child{border-right:none}.ts-panel-stat-value{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.ts-panel-stat-label{font-size:10px;font-family:var(--mono);color:var(--text-muted);margin-top:3px}.ts-panel-body{flex:1;overflow-y:auto;padding:16px 20px}.ts-course-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.ts-panel-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.ts-hw-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.ts-hw-full-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.ts-hw-full-card:hover{border-color:var(--border-active)}.ts-hw-content-preview{font-size:12px;font-family:var(--mono);color:var(--text-muted);margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-hw-answer{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.ts-hw-content{font-size:13px;font-family:var(--mono);color:var(--text);line-height:1.6;margin:8px 0}.ts-hw-meta{font-size:11px;font-family:var(--mono);color:var(--text-dim);margin-top:8px}.cl-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.cl-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);height:100vh;overflow:hidden}.cl-sidebar-header{padding:20px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.cl-back-link{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-decoration:none;transition:color .15s}.cl-back-link:hover{color:var(--accent)}.cl-course-title{font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1.3}.cl-course-progress-wrap{display:flex;flex-direction:column;gap:6px}.cl-course-progress-row{display:flex;justify-content:space-between;font-size:11px;font-family:var(--mono);color:var(--text-muted)}.cl-modules-list{flex:1;overflow-y:auto;padding:8px}.cl-module{margin-bottom:4px}.cl-module-header{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;text-align:left}.cl-module-header:hover{background:var(--surface-2)}.cl-module-title{flex:1;font-size:12px;font-weight:700;color:var(--text);letter-spacing:-.01em}.cl-module-meta{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.cl-module-chevron{font-size:8px;color:var(--text-dim)}.cl-module-lessons{display:flex;flex-direction:column;gap:1px;padding-left:8px;margin-bottom:4px}.cl-lesson-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s;text-align:left}.cl-lesson-item:hover:not(:disabled){background:var(--surface-2)}.cl-lesson-item--active{background:var(--accent-dim)!important;border:1px solid rgba(74,222,128,.15)}.cl-lesson-item--locked{opacity:.4;cursor:not-allowed}.cl-lesson-status{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:10px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted)}.cl-lesson-status--done{background:var(--accent-dim);border-color:#4ade804d;color:var(--accent);font-size:11px;font-weight:800}.cl-lesson-item--active .cl-lesson-status{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:800}.cl-lesson-name{flex:1;font-size:12px;font-weight:500;color:var(--text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-lesson-item--active .cl-lesson-name{color:var(--text);font-weight:600}.cl-lesson-dur{font-size:10px;font-family:var(--mono);color:var(--text-dim);flex-shrink:0}.cl-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.cl-breadcrumb{display:flex;align-items:center;gap:8px;padding:16px 32px 0;font-size:12px;font-family:var(--mono)}.cl-lesson-type-badge{padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.06em}.cl-lesson-type-badge--video{background:#60a5fa1a;color:var(--blue);border:1px solid rgba(96,165,250,.2)}.cl-lesson-type-badge--text{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(45,212,191,.2)}.cl-lesson-type-badge--test{background:var(--purple-dim);color:var(--purple);border:1px solid rgba(167,139,250,.2)}.cl-lesson-type-badge--live{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(74,222,128,.2)}.cl-content-area{flex:1;padding:24px 32px}.cl-player-wrapper{position:relative;padding-top:56.25%;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 30px #0000004d}.react-player-instance{position:absolute;top:0;left:0}.cl-player-placeholder{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.cl-text-lesson{display:flex;flex-direction:column;gap:20px}.cl-text-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.cl-text-body{font-size:14px;line-height:1.7;color:var(--text-muted);font-family:var(--mono),serif}.cl-text-code{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cl-code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:11px;font-family:var(--mono),serif;color:var(--text-muted)}.cl-code-copy{background:none;border:none;font-family:var(--mono),serif;font-size:11px;color:var(--accent);cursor:pointer;transition:opacity .15s}.cl-code-copy:hover{opacity:.7}.cl-code-body{padding:20px;font-size:13px;font-family:var(--mono);color:var(--text);line-height:1.7;overflow-x:auto;white-space:pre}.cl-test{display:flex;flex-direction:column;gap:24px}.cl-test-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cl-test-meta{font-size:12px;font-family:var(--mono);color:var(--text-muted)}.cl-test-question{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px}.cl-test-q-num{font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.cl-test-q-text{font-size:15px;font-weight:700}.cl-test-options{display:flex;flex-direction:column;gap:8px}.cl-test-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s;text-align:left}.cl-test-opt:hover{border-color:var(--border-active);color:var(--text)}.cl-test-opt--selected{border-color:var(--accent);color:var(--text);background:var(--accent-dim)}.cl-test-opt--correct{border-color:var(--success);color:var(--success);background:var(--success-dim)}.cl-test-opt--wrong{border-color:var(--error);color:var(--error);background:var(--error-dim)}.cl-test-opt-letter{width:24px;height:24px;border-radius:50%;background:var(--border);border:1px solid var(--border-active);display:grid;place-items:center;font-size:11px;font-weight:800;font-family:var(--mono);flex-shrink:0;transition:all .15s}.cl-test-result{padding:24px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.cl-test-result--perfect{border-color:#4ade804d;background:#4ade800a}.cl-test-result-score{font-size:48px;font-weight:800;color:var(--accent);letter-spacing:-.04em;text-shadow:0 0 24px var(--accent-glow)}.cl-test-result-label{font-size:13px;font-family:var(--mono);color:var(--text-muted);margin-top:8px}.cl-live-placeholder{display:flex;align-items:center;gap:20px;padding:40px;background:var(--surface);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius)}.cl-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px}.cl-empty-icon{font-size:48px}.cl-empty-title{font-size:18px;font-weight:800}.cl-empty-sub{font-size:13px;font-family:var(--mono),serif;color:var(--text-muted)}.cl-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:16px;color:var(--text-muted)}.cl-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px;background:var(--surface);border-top:1px solid var(--border);position:sticky;bottom:0}.cl-nav-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.cl-nav-btn:disabled{opacity:.3;cursor:not-allowed}.cl-complete-btn{min-width:200px}.cl-done-tag{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--success);padding:9px 20px;background:var(--success-dim);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-sm)}.live-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#060e08}.live-topbar{display:flex;align-items:center;gap:16px;padding:0 24px;height:56px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.live-topbar-left{display:flex;align-items:center;gap:12px;flex:1}.live-topbar-right{display:flex;align-items:center;gap:14px}.live-status-dot{width:8px;height:8px;border-radius:50%;background:var(--error);box-shadow:0 0 8px var(--error);animation:blink 1.5s ease-in-out infinite;flex-shrink:0}.live-course-name{font-size:13px;font-weight:700}.live-topic{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.live-topbar-info{display:flex;flex-direction:column;gap:1px}.live-timer{font-size:16px;font-weight:800;font-family:var(--mono);color:var(--accent);letter-spacing:.04em;text-shadow:0 0 12px var(--accent-glow)}.live-participants-count{font-size:12px;font-family:var(--mono);color:var(--text-muted)}.live-leave-link{text-decoration:none}.live-leave-btn{padding:7px 14px;background:none;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:600;color:var(--error);cursor:pointer;transition:all .15s}.live-leave-btn:hover{background:var(--error-dim)}.live-body{flex:1;display:flex;gap:0;overflow:hidden;min-height:0}.live-stage{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px;overflow:hidden;min-width:0}.live-main-screen{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.live-main-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 35%,rgba(74,222,128,.04) 0%,transparent 55%),radial-gradient(ellipse at 75% 65%,rgba(45,212,191,.03) 0%,transparent 55%)}.live-screen-label{position:absolute;top:12px;left:14px;display:flex;align-items:center;gap:8px;font-size:11px;font-family:var(--mono);color:var(--text-muted);background:#0006;padding:4px 10px;border-radius:100px;border:1px solid var(--border);z-index:2}.live-screen-dot{width:6px;height:6px;border-radius:50%;background:var(--error);box-shadow:0 0 6px var(--error);animation:blink 1.5s ease-in-out infinite}.live-screen-content{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.live-screen-avatar{width:80px;height:80px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-2),var(--teal));display:grid;place-items:center;font-size:32px;font-weight:800;color:var(--bg);box-shadow:0 0 32px #4ade8033}.live-screen-name{font-size:14px;font-weight:700}.live-screen-sharing{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.live-tiles{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.live-tile{width:100px;height:72px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;flex-shrink:0;transition:border-color .15s}.live-tile--self{border-color:#4ade804d}.live-tile-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--text-muted)}.live-tile-avatar--self{background:var(--accent-dim);border-color:#4ade804d;color:var(--accent)}.live-tile-name{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.live-tile-muted{position:absolute;top:4px;right:4px;font-size:10px}.live-chat{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border)}.live-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.live-chat-title{font-size:13px;font-weight:700}.live-chat-close{background:none;border:none;font-size:11px;color:var(--text-muted);cursor:pointer;transition:color .15s;width:24px;height:24px;display:grid;place-items:center}.live-chat-close:hover{color:var(--text)}.live-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.live-msg{display:flex;flex-direction:column;gap:4px}.live-msg-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.live-msg-author{font-size:11px;font-weight:700;color:var(--text)}.live-msg-teacher-badge{font-size:9px;font-weight:700;font-family:var(--mono);padding:1px 6px;border-radius:100px;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(74,222,128,.2)}.live-msg-time{font-size:10px;font-family:var(--mono);color:var(--text-dim);margin-left:auto}.live-msg-text{font-size:12px;font-family:var(--mono);color:var(--text-muted);line-height:1.5;padding:8px 10px;background:var(--surface-2);border-radius:var(--radius-sm)}.live-msg--teacher .live-msg-text{background:var(--accent-dim);border:1px solid rgba(74,222,128,.1);color:var(--text)}.live-chat-input-wrap{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.live-chat-input{flex:1;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:12px;font-family:var(--mono);color:var(--text);outline:none;transition:border-color .2s}.live-chat-input:focus{border-color:var(--accent)}.live-chat-input::placeholder{color:var(--text-dim)}.live-chat-send{width:36px;height:36px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:800;cursor:pointer;transition:background .15s;display:grid;place-items:center;flex-shrink:0}.live-chat-send:hover{background:var(--accent-2)}.live-controls{display:flex;align-items:center;padding:12px 24px;height:68px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.live-controls-left{flex:1;display:flex;align-items:center;gap:10px}.live-controls-center{display:flex;align-items:center;gap:10px}.live-controls-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.live-ctrl-btn{display:flex;align-items:center;gap:7px;padding:0 16px;height:40px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.live-ctrl-btn:hover{border-color:var(--border-active);color:var(--text)}.live-ctrl-btn--round{width:44px;height:44px;border-radius:50%;padding:0;font-size:18px;justify-content:center}.live-ctrl-btn--off{background:var(--error-dim);border-color:#f8717140;color:var(--error)}.live-ctrl-btn--off:hover{background:#f8717126}.live-ctrl-btn--raised{background:var(--warning-dim);border-color:#fbbf244d;color:var(--warning)}.live-end-btn{padding:9px 20px;background:var(--error-dim);color:var(--error);border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.live-end-btn:hover{background:#f8717126}