.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--transition-normal) var(--ease-out);z-index:var(--z-modal-backdrop)}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.sidebar{position:sticky;top:0;height:100vh;width:296px;background:linear-gradient(165deg,#ffffffbf,#fff6 70%),#fff9;border-right:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 60px #0f172a29;border-radius:0 28px 28px 0;transition:width var(--transition-normal) var(--ease-out),transform var(--transition-normal) var(--ease-out);z-index:var(--z-fixed)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:96px}.sidebar-scroll{height:100%;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-4) var(--space-8);overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:46px;height:46px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:.04em;box-shadow:0 12px 24px #3b82f659}.brand-kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:var(--space-1)}.brand-title{margin:0;font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em}.collapse-btn{width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.3);background:#ffffffa6;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.collapse-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:#3b82f659}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#3b82f629,#ffffffd9);border:1px solid rgba(59,130,246,.2);box-shadow:0 12px 28px #3b82f61f}.avatar-ring{width:44px;height:44px;border-radius:var(--radius-full);display:grid;place-items:center;font-weight:600;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));box-shadow:inset 0 0 0 2px #ffffff52}.sidebar-user__details h2{margin:0;font-size:var(--text-sm);color:var(--text-primary)}.sidebar-user__details p{margin:4px 0 0;font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);padding-left:var(--space-2)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);color:var(--text-secondary);text-decoration:none;position:relative;transition:all var(--transition-fast) var(--ease-out);border:1px solid rgba(148,163,184,.2);background:#fff6}.nav-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 60%);opacity:0;transition:opacity var(--transition-fast) var(--ease-out)}.nav-link .nav-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-lg);background:#3b82f61f;color:var(--primary-600)}.nav-link:hover{color:var(--primary-700);border-color:#3b82f659;box-shadow:0 16px 32px #0f172a1a}.nav-link:hover:after{opacity:1}.nav-link.active{color:var(--primary-700);background:linear-gradient(135deg,#3b82f629,#3b82f614);border-color:#3b82f666;box-shadow:0 20px 40px #3b82f62e}.nav-link.active .nav-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 12px 24px #3b82f659}.sidebar-quick{display:flex;flex-direction:column;gap:var(--space-3)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.quick-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-xl);background:linear-gradient(140deg,#0f172a0a,#ffffffd9);border:1px solid rgba(148,163,184,.25);color:var(--text-primary);font-size:var(--text-sm);text-decoration:none;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.quick-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px #0f172a1f}.sidebar-insights{display:flex;flex-direction:column;gap:var(--space-3)}.insight-grid{display:grid;gap:var(--space-3)}.insight-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);background:#ffffff80;border:1px solid rgba(148,163,184,.2)}.insight-icon{width:36px;height:36px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#3b82f61f;color:var(--primary-600)}.insight-card p{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary)}.insight-card strong{display:block;margin-top:4px;font-size:var(--text-base);color:var(--text-primary)}.sidebar-footer{margin-top:auto;padding:var(--space-4);border-radius:var(--radius-2xl);background:linear-gradient(160deg,#3b82f61f,#3b82f600);border:1px solid rgba(59,130,246,.2);box-shadow:0 16px 32px #3b82f61f;text-align:left}.sidebar-footer h3{margin:0 0 8px;font-size:var(--text-base);color:var(--text-primary)}.sidebar-footer p{margin:0 0 12px;font-size:var(--text-sm);color:var(--text-secondary)}.support-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--primary-600);color:#fff;font-size:var(--text-xs);text-decoration:none;font-weight:600;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.support-link:hover{transform:translateY(-2px);box-shadow:0 14px 32px #2563eb59}.sidebar.collapsed .brand-title,.sidebar.collapsed .brand-kicker,.sidebar.collapsed .sidebar-user__details,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .quick-grid,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-insights,.sidebar.collapsed .sidebar-quick{display:none}.sidebar.collapsed .sidebar-scroll{padding:var(--space-6) var(--space-3);gap:var(--space-5)}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--space-3) var(--space-2)}.sidebar.collapsed .nav-link .nav-icon{background:none;color:var(--text-secondary)}.sidebar.collapsed .collapse-btn{background:#fff6}@media (max-width: 1200px){.sidebar{transform:translate(-110%);position:fixed;left:0;border-radius:0 28px 28px 0}.sidebar.collapsed{width:296px}}@media (max-width: 768px){.sidebar{width:min(86vw,320px)}}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:var(--radius-full)}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.app-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#ffffffd9,#ffffffa6);border-bottom:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #0f172a1a}.app-header__left{display:flex;align-items:center;gap:var(--space-4)}.header-breadcrumb span{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary)}.header-breadcrumb h1{margin:4px 0 0;font-size:clamp(1.5rem,2.3vw,2rem);color:var(--text-primary);letter-spacing:-.02em}.icon-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.3);background:#fffc;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);font-size:var(--text-sm);font-weight:500}.icon-button:hover{color:var(--primary-600);border-color:#3b82f673;box-shadow:0 12px 32px #3b82f62e}.icon-button__label{text-transform:capitalize}.only-mobile{display:none}.app-header__right{display:flex;align-items:center;gap:var(--space-3)}.search-field{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.3);background:#ffffffd9;box-shadow:inset 0 1px 2px #94a3b840}.search-field input{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);min-width:240px}.pill{position:absolute;top:-6px;right:-2px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--error);color:#fff;font-size:10px;font-weight:600;box-shadow:0 8px 20px #ef444459}.notification-panel{position:relative}.flyout{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#fffffff2;border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.2);box-shadow:0 28px 80px #0f172a33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;animation:fadeSlide var(--transition-normal) var(--ease-out);overflow:hidden;z-index:var(--z-dropdown)}.flyout__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);gap:var(--space-4)}.flyout__header h4{margin:0;font-size:var(--text-base);color:var(--text-primary)}.flyout__header p{margin:4px 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.text-button{border:none;background:none;color:var(--primary-600);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2)}.flyout__list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;padding:0 var(--space-2) var(--space-2);gap:var(--space-2)}.flyout__item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:#f5f7fad9;border:1px solid transparent;transition:transform var(--transition-fast) var(--ease-out),border var(--transition-fast) var(--ease-out)}.flyout__item.unread{border-color:#3b82f659;box-shadow:0 16px 32px #3b82f61f}.flyout__item h5{margin:0 0 4px;font-size:var(--text-sm);color:var(--text-primary)}.flyout__item p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.flyout__item span{display:block;margin-top:8px;font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase}.flyout__item:hover{transform:translateY(-2px);border-color:#3b82f673}.flyout__footer{margin:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(59,130,246,.35);background:linear-gradient(135deg,#3b82f629,#3b82f600);color:var(--primary-700);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) var(--ease-out)}.flyout__footer:hover{transform:translateY(-2px)}.profile-panel{position:relative}.profile-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.32);background:#ffffffe6;cursor:pointer;transition:box-shadow var(--transition-fast) var(--ease-out)}.profile-chip:hover{box-shadow:0 18px 40px #0f172a29}.profile-chip__avatar{width:40px;height:40px;border-radius:var(--radius-full);display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;font-weight:600;letter-spacing:.04em}.profile-chip__avatar.large{width:56px;height:56px;font-size:var(--text-lg)}.profile-chip__meta{display:flex;flex-direction:column;line-height:1.2}.profile-chip__meta strong{font-size:var(--text-sm);color:var(--text-primary)}.profile-chip__meta span{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em}.profile-flyout{position:absolute;top:calc(100% + 12px);right:0;width:280px;border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.25);background:#fffffff2;box-shadow:0 32px 90px #0f172a33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;animation:fadeSlide var(--transition-normal) var(--ease-out);z-index:var(--z-dropdown)}.profile-flyout header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);background:linear-gradient(135deg,rgba(59,130,246,.12),transparent)}.profile-flyout header h4{margin:0 0 4px;font-size:var(--text-base);color:var(--text-primary)}.profile-flyout header p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-full);background:#3b82f626;color:var(--primary-700);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;margin-top:8px}.profile-flyout nav,.profile-flyout footer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.profile-flyout button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid transparent;background:#f5f7fabf;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.profile-flyout nav button:hover{border-color:#3b82f659;color:var(--primary-700);background:#3b82f614}.profile-flyout footer button{background:#ef44441f;color:var(--error)}.profile-flyout footer button:hover{background:#ef44442e;border-color:#ef444459}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.flyout__list::-webkit-scrollbar{width:5px}.flyout__list::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:var(--radius-full)}@media (max-width: 1024px){.search-field input{min-width:160px}.icon-button__label{display:none}}@media (max-width: 900px){.search-field{display:none}.icon-button__label{display:inline}}@media (max-width: 768px){.app-header{padding:var(--space-3) var(--space-4)}.only-mobile{display:inline-flex}.only-desktop{display:none}.app-header__right{gap:var(--space-2)}.profile-chip__meta span{display:none}.flyout,.profile-flyout{right:-20px}}.teacher-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 10% -20%,rgba(59,130,246,.12),transparent 55%),radial-gradient(circle at 90% 0%,rgba(59,130,246,.08),transparent 60%),var(--surface-secondary);position:relative}.teacher-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.08),transparent 45%),radial-gradient(circle at 75% 10%,rgba(15,118,110,.08),transparent 55%);opacity:.85;z-index:-1}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative}.content-area{flex:1;padding:var(--space-8);overflow-y:auto;position:relative}.content-area:before{content:"";position:absolute;inset:var(--space-6);border-radius:var(--radius-2xl);background:#ffffff8c;border:1px solid rgba(148,163,184,.18);box-shadow:0 40px 120px #0f172a2e;filter:blur(.4px);z-index:-1}.content-area>*{position:relative;z-index:1}@media (max-width: 1200px){.teacher-shell{flex-direction:column}.main-content{min-height:calc(100vh - env(safe-area-inset-top))}}@media (max-width: 768px){.content-area{padding:var(--space-6) var(--space-4)}.content-area:before{inset:var(--space-4);border-radius:var(--radius-xl)}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-secondary) 100%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(1){border-top-color:var(--primary-500);animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:var(--primary-400);animation-delay:-.5s;width:70%;height:70%;top:15%;left:15%}.spinner-ring:nth-child(3){border-bottom-color:var(--primary-300);animation-delay:-1s;width:40%;height:40%;top:30%;left:30%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content{text-align:center}.loading-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{font-size:var(--text-base);color:var(--text-secondary);font-weight:400}@media (max-width: 768px){.loading-spinner{width:60px;height:60px}.loading-title{font-size:var(--text-xl)}.loading-subtitle{font-size:var(--text-sm)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-container{position:relative;width:100%;max-width:400px;z-index:2}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.bg-pattern{position:absolute;width:200%;height:200%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px,-20px) rotate(180deg)}}.login-card{background:var(--surface-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);overflow:hidden}.login-header{padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--surface-primary) 100%)}.logo-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.logo{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.logo-icon{font-size:var(--text-2xl);color:#fff}.app-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0;font-weight:500}.login-form{padding:var(--space-6)}.form-section{margin-bottom:var(--space-6);text-align:center}.form-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.form-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.error-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.error-icon{flex-shrink:0}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.input-container{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--surface-primary);color:var(--text-primary);transition:all var(--transition-normal) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-tertiary)}.input-icon{position:absolute;left:var(--space-4);font-size:var(--text-lg);color:var(--text-tertiary);pointer-events:none}.password-toggle{position:absolute;right:var(--space-4);background:none;border:none;font-size:var(--text-lg);color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast) var(--ease-out)}.password-toggle:hover{color:var(--primary-500);background:#3b82f61a}.login-button{width:100%;padding:var(--space-4);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.login-footer{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.help-text{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}@media (max-width: 480px){.login-page{padding:var(--space-4)}.login-card{border-radius:var(--radius-xl)}.login-header{padding:var(--space-6) var(--space-4) var(--space-4)}.login-form{padding:var(--space-4)}.app-title{font-size:var(--text-xl)}.form-title{font-size:var(--text-lg)}}@media (prefers-color-scheme: dark){.login-card{background:var(--dark-surface-primary);border-color:#ffffff1a}.form-input{background:var(--dark-surface-secondary);border-color:#ffffff1a;color:var(--dark-text-primary)}.form-input:focus{border-color:var(--primary-400)}}.overview-shell{display:flex;flex-direction:column;gap:var(--space-8);color:var(--text-primary)}.overview-hero{position:relative;display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);padding:var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(140deg,#3b82f638,#3b82f614) var(--surface-primary);border:1px solid rgba(59,130,246,.2);box-shadow:0 40px 120px #0f172a29;overflow:hidden;isolation:isolate}.overview-hero__copy{display:flex;flex-direction:column;gap:var(--space-4);z-index:1}.hero-eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary)}.overview-hero__copy h1{font-size:clamp(2rem,3vw,3rem);max-width:26ch}.hero-meta{margin:0;font-size:var(--text-base);color:var(--text-secondary)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.hero-cta--primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;box-shadow:0 24px 48px #3b82f647}.hero-cta--primary:hover{transform:translateY(-2px);box-shadow:0 28px 56px #3b82f659}.hero-cta--subtle{background:#ffffffbf;color:var(--text-primary);border:1px solid rgba(148,163,184,.25)}.hero-cta--subtle:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0f172a1f}.overview-hero__stats{display:flex;flex-direction:column;gap:var(--space-4);z-index:1}.hero-stat{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-lg);align-items:center}.hero-stat__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#3b82f624;color:var(--primary-600)}.hero-stat p{margin:0;font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.hero-stat h2{margin:var(--space-2) 0 0;font-size:var(--text-2xl);color:var(--text-primary)}.hero-stat span{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.hero-glow{position:absolute;top:-40%;right:-25%;bottom:0;left:15%;background:radial-gradient(circle at 80% 20%,rgba(59,130,246,.35),transparent 60%),radial-gradient(circle at 20% 80%,rgba(16,185,129,.24),transparent 65%);filter:blur(22px);opacity:.9;z-index:0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.quick-card{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffd1;border:1px solid rgba(148,163,184,.25);text-decoration:none;color:var(--text-primary);box-shadow:var(--shadow-md);transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.quick-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0f172a24}.quick-card__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#3b82f624;color:var(--primary-600)}.quick-card__body p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.overview-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-2xl);background:#ffffffbf;border:1px solid rgba(148,163,184,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 80px #0f172a1f}.panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.panel header h3{font-size:clamp(1.5rem,2vw,2rem)}.panel header p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.text-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--primary-600);text-decoration:none;font-weight:600}.text-link:after{content:"→";transition:transform var(--transition-fast) var(--ease-out)}.text-link:hover:after{transform:translate(4px)}.schedule-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0;list-style:none;padding:0}.schedule-card{display:grid;grid-template-columns:140px 1fr auto;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(148,163,184,.2);align-items:center;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.schedule-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0f172a24}.schedule-card__time strong{font-size:var(--text-lg)}.schedule-card__time span{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--text-tertiary)}.schedule-card__details h4{font-size:var(--text-lg)}.schedule-card__details p{margin:var(--space-1) 0;font-size:var(--text-sm)}.schedule-card__details span{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.schedule-card button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--text-sm);font-weight:600;box-shadow:0 18px 36px #3b82f640;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.schedule-card button:hover{transform:translateY(-2px);box-shadow:0 22px 44px #3b82f64d}.schedule-card button:disabled{background:#94a3b840;color:var(--text-secondary);box-shadow:none;cursor:not-allowed}.cohort-grid{display:grid;gap:var(--space-4)}.cohort-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(148,163,184,.22);transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.cohort-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0f172a24}.cohort-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.cohort-card__header span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#3b82f624;color:var(--primary-700);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em}.cohort-card__progress{display:flex;flex-direction:column;gap:var(--space-2)}.progress-track{height:8px;border-radius:var(--radius-full);background:#94a3b82e;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-700))}.cohort-card button{align-self:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#3b82f624;color:var(--primary-700);font-weight:600;transition:background var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out)}.cohort-card button:hover{background:#3b82f63d;transform:translateY(-2px)}.next-slot{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.insight-card{display:grid;gap:var(--space-3);grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-md)}.insight-card__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#3b82f624;color:var(--primary-600)}.insight-card__body h4{font-size:var(--text-base);margin:0}.insight-card__body strong{display:block;margin-top:var(--space-1);font-size:var(--text-xl);color:var(--text-primary)}.insight-card__body p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.insight-card__accent{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--primary-600)}.panel-state{display:flex;align-items:center;justify-content:center;min-height:160px;padding:var(--space-4);border-radius:var(--radius-xl);background:#0f172a0a;color:var(--text-secondary);text-align:center;font-size:var(--text-sm)}.panel-error{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:var(--danger-700, #b91c1c);font-size:var(--text-sm)}@media (max-width: 1200px){.overview-hero{grid-template-columns:1fr}.overview-hero__stats{flex-direction:row;flex-wrap:wrap;justify-content:stretch}.overview-grid{grid-template-columns:1fr}}@media (max-width: 900px){.overview-hero{padding:var(--space-6)}.schedule-card{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-card button{grid-column:1 / -1;justify-self:flex-start}}@media (max-width: 680px){.overview-shell{gap:var(--space-6)}.overview-hero{padding:var(--space-5);border-radius:var(--radius-xl)}.overview-hero__stats{flex-direction:column}.quick-actions{grid-template-columns:1fr}.panel{padding:var(--space-5);border-radius:var(--radius-xl)}.schedule-card{grid-template-columns:1fr}}.batches-page{display:flex;flex-direction:column;gap:var(--space-6);color:var(--text-primary)}.batch-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#3b82f629,#0ea5e914) var(--surface-primary);border:1px solid rgba(59,130,246,.14);box-shadow:0 32px 90px #0f172a1f}.batch-header h1{margin:var(--space-2) 0 0;font-size:clamp(2rem,3vw,2.75rem)}.eyebrow{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary)}.subhead{margin:var(--space-3) 0 0;max-width:42ch;color:var(--text-secondary)}.batch-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-end}.refresh-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:#ffffffe0;border:1px solid rgba(148,163,184,.25);color:var(--text-primary);font-weight:600;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #3b82f633}.batch-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.summary-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-md)}.summary-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#3b82f629;color:var(--primary-600)}.summary-card p{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.summary-card strong{display:block;margin-top:var(--space-1);font-size:var(--text-xl);color:var(--text-primary)}.batch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.search-field:focus-within{border-color:#3b82f673;box-shadow:0 20px 40px #3b82f61f}.result-count{font-size:var(--text-sm);color:var(--text-secondary)}.batch-error{padding:var(--space-4);border-radius:var(--radius-xl);background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:var(--danger-700, #b91c1c)}.batch-state{display:grid;place-items:center;padding:var(--space-10) var(--space-4);border-radius:var(--radius-2xl);background:#0f172a0a;color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.batch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.batch-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);background:#ffffffe0;border:1px solid rgba(148,163,184,.2);box-shadow:0 24px 50px #0f172a1f;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.batch-card:hover{transform:translateY(-4px);box-shadow:0 36px 70px #3b82f62e}.batch-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.batch-card__header h2{margin:0;font-size:var(--text-xl);color:var(--text-primary)}.batch-card__header p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.batch-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#3b82f624;color:var(--primary-700);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.batch-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.batch-card__metrics>div{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-xl);background:#f8fafccc;border:1px solid rgba(148,163,184,.18)}.batch-card__metrics svg{color:var(--primary-600)}.batch-card__metrics span{display:block;font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.batch-card__metrics strong{display:block;margin-top:var(--space-1);font-size:var(--text-lg);color:var(--text-primary)}.batch-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px dashed rgba(148,163,184,.3);padding-top:var(--space-3)}.batch-timing{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.batch-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#3b82f624;color:var(--primary-700);font-weight:600;text-decoration:none;transition:background var(--transition-fast) var(--ease-out)}.batch-link:hover{background:#3b82f63d}@media (max-width: 960px){.batch-header{flex-direction:column;align-items:stretch}.batch-actions{align-items:flex-start}.batch-card__metrics{grid-template-columns:1fr}}@media (max-width: 640px){.batches-page{gap:var(--space-5)}.batch-header{padding:var(--space-5);border-radius:var(--radius-xl)}.batch-summary{grid-template-columns:1fr}.batch-toolbar{flex-direction:column;align-items:stretch}.batch-grid{grid-template-columns:1fr}}.batch-detail{padding:clamp(1.5rem,2vw,2.5rem);background:var(--surface-primary);min-height:100vh;color:var(--text-primary)}.batch-detail__state,.batch-detail__error,.batch-detail__empty{background:var(--surface-elevated, #fff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:16px;padding:2.5rem;text-align:center;max-width:560px;margin:4rem auto;box-shadow:var(--shadow-md, 0 12px 32px -20px rgba(15, 23, 42, .3));color:var(--text-secondary)}.batch-detail__error button,.batch-detail__empty .outline-button{margin-top:1rem}.batch-detail__error button{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:none;padding:.5rem 1.2rem;background:var(--brand-primary, #2563eb);color:#fff;font-weight:600;cursor:pointer;transition:filter .2s ease}.batch-detail__error button:hover{filter:brightness(.95)}.outline-button{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--brand-primary, #2563eb);border:1px solid currentColor;border-radius:999px;padding:.5rem 1.25rem;font-weight:600;transition:background .2s ease,color .2s ease}.outline-button:hover{background:var(--brand-primary, #2563eb);color:#fff}.batch-detail__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.batch-detail__header h1{font-size:clamp(1.75rem,2.5vw,2.25rem);margin:.25rem 0}.batch-detail__header p{color:var(--text-secondary);font-size:.95rem}.inline-back{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid transparent;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary);font-size:.85rem;transition:all .2s ease}.inline-back:hover{border-color:var(--border-strong, #d0d7e1);color:var(--text-primary)}.refresh-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand-primary, #2563eb);color:#fff;border:none;border-radius:12px;padding:.65rem 1.25rem;font-weight:600;cursor:pointer;transition:filter .2s ease}.refresh-button:hover{filter:brightness(.95)}.batch-detail__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2.5rem}.batch-detail__stat-card{background:var(--surface-elevated, #fff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:18px;padding:1.25rem 1.5rem;display:flex;gap:1rem;align-items:center;box-shadow:var(--shadow-sm, 0 10px 24px -20px rgba(15, 23, 42, .45))}.batch-detail__stat-card p{margin:0;color:var(--text-secondary);font-size:.9rem}.batch-detail__stat-card strong{font-size:1.6rem}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:var(--surface-muted, #eef2ff);color:var(--brand-primary, #2563eb)}.batch-detail__content{display:flex;align-items:flex-start;gap:1.75rem}.batch-detail__column{flex:1 1 60%;display:grid;gap:1.75rem}.batch-detail__aside{flex:1 1 32%;display:grid;gap:1.5rem}.batch-panel{background:var(--surface-elevated, #fff);border-radius:18px;border:1px solid var(--border-subtle, #e5e7eb);padding:1.5rem;box-shadow:var(--shadow-md, 0 12px 32px -22px rgba(15, 23, 42, .4));display:flex;flex-direction:column;gap:1.25rem}.batch-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.batch-panel header h2{margin:0;font-size:1.2rem}.batch-panel header p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.92rem}.text-link{color:var(--brand-primary, #2563eb);font-weight:600;text-decoration:none;font-size:.9rem}.text-link:hover{text-decoration:underline}.lecture-list,.module-list,.student-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.lecture-card{display:grid;grid-template-columns:minmax(0,2fr) 1.2fr 1fr;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:14px;border:1px solid var(--border-subtle, #e5e7eb);background:var(--surface-muted, #f8fafc)}.lecture-card__meta strong{display:block;font-size:1rem;color:var(--text-primary)}.lecture-card__meta span{color:var(--text-secondary);font-size:.9rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;text-transform:capitalize;margin-top:.4rem;width:fit-content;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary)}.status-scheduled,.status-pending{background:#2563eb1f;color:var(--brand-primary, #2563eb)}.status-in_progress,.status-ongoing{background:#f59e0b29;color:#c97207}.status-completed,.status-finished{background:#22c55e2e;color:#20853f}.pending{color:var(--text-secondary);font-style:italic}.lecture-card__schedule{display:grid;gap:.25rem;font-size:.9rem;color:var(--text-secondary)}.lecture-card__actions{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}.lecture-card__actions button{display:inline-flex;align-items:center;gap:.4rem;border:none;border-radius:999px;padding:.45rem .95rem;font-weight:600;cursor:pointer;background:var(--brand-primary, #2563eb);color:#fff;transition:filter .2s ease}.lecture-card__actions button:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.8}.lecture-card__actions button:not(:disabled):hover{filter:brightness(.93)}.module-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:12px;border:1px solid transparent;background:var(--surface-muted, #f8fafc)}.module-list li div{display:grid;gap:.25rem}.module-list li strong{font-size:.95rem}.module-list li span{color:var(--text-secondary);font-size:.85rem}.module-list li.is-active{border-color:var(--brand-primary, #2563eb);background:#2563eb14}.search-field input{width:100%;border-radius:12px;border:1px solid var(--border-subtle, #e5e7eb);padding:.65rem .9rem;font-size:.95rem;background:var(--surface-muted, #f8fafc)}.search-field input:focus{outline:2px solid rgba(37,99,235,.25);border-color:var(--brand-primary, #2563eb)}.student-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .75rem;border-bottom:1px solid var(--border-subtle, #e5e7eb)}.student-list li:last-child{border-bottom:none}.student-meta{display:grid;gap:.2rem}.student-meta span{font-weight:600}.student-meta small{color:var(--text-secondary)}.panel-state{color:var(--text-secondary);background:var(--surface-muted, #f8fafc);border-radius:12px;padding:1.5rem;text-align:center}@media (max-width: 980px){.batch-detail__content{flex-direction:column}.batch-detail__column,.batch-detail__aside{width:100%}.lecture-card{grid-template-columns:1fr;gap:.75rem}.lecture-card__actions{justify-content:flex-start}}@media (max-width: 640px){.batch-detail{padding:1.5rem}.batch-detail__header{flex-direction:column;align-items:stretch}.refresh-button{width:100%;justify-content:center}.batch-detail__stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.lectures-page{display:flex;flex-direction:column;gap:var(--space-6);color:var(--text-primary)}.lectures-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#818cf82e,#3b82f61f) var(--surface-primary);border:1px solid rgba(99,102,241,.18);box-shadow:0 32px 90px #0f172a1f}.lectures-hero h1{margin:var(--space-2) 0 0;font-size:clamp(2rem,3vw,2.6rem)}.lectures-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-end}.refresh-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:#ffffffe6;border:1px solid rgba(148,163,184,.25);color:var(--text-primary);font-weight:600;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #6366f13d}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.last-synced{font-size:var(--text-xs);color:var(--text-tertiary)}.lectures-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffe6;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-md)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#6366f129;color:var(--primary-600)}.stat-card p{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.stat-card strong{display:block;margin-top:var(--space-1);font-size:var(--text-xl);color:var(--text-primary)}.lectures-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.view-toggle{display:inline-flex;background:#94a3b824;border-radius:var(--radius-full);padding:var(--space-1)}.view-toggle button{border:none;background:transparent;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--transition-fast) var(--ease-out),color var(--transition-fast) var(--ease-out)}.view-toggle button.is-active{background:#fff;color:var(--text-primary);box-shadow:0 12px 26px #6366f12e}.search-field{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.2);background:#ffffffe6;box-shadow:var(--shadow-sm)}.search-field input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary)}.search-field input:focus{outline:none}.search-field:focus-within{border-color:#6366f173;box-shadow:0 18px 40px #6366f124}.create-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#6366f129;color:var(--primary-700);font-weight:600;text-decoration:none;transition:background var(--transition-fast) var(--ease-out)}.create-link:hover{background:#6366f13d}.lectures-error{padding:var(--space-4);border-radius:var(--radius-xl);background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:var(--danger-700, #b91c1c)}.lectures-state{display:grid;place-items:center;padding:var(--space-10) var(--space-4);border-radius:var(--radius-2xl);background:#0f172a0a;color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.lectures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.lecture-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);background:#ffffffeb;border:1px solid rgba(148,163,184,.2);box-shadow:0 28px 60px #0f172a1f;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.lecture-card:hover{transform:translateY(-3px);box-shadow:0 40px 80px #6366f133}.lecture-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.lecture-card h2{margin:0;font-size:var(--text-xl);color:var(--text-primary)}.lecture-card p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.status-upcoming{background:#22c55e29;color:#047857}.lecture-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.lecture-meta>div{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.lecture-course{font-size:var(--text-sm);color:var(--text-secondary)}.lecture-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.link-button,.detail-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:background var(--transition-fast) var(--ease-out),color var(--transition-fast) var(--ease-out)}.link-button{background:#3b82f624;color:var(--primary-700);border:none;cursor:pointer}.link-button:hover{background:#3b82f63d}.detail-link{color:var(--primary-700)}.detail-link:hover{color:var(--primary-800)}@media (max-width: 960px){.lectures-hero{flex-direction:column;align-items:stretch}.lectures-actions{align-items:flex-start}.lecture-meta{grid-template-columns:1fr}}@media (max-width: 640px){.lectures-page{gap:var(--space-5)}.lectures-hero{padding:var(--space-5);border-radius:var(--radius-xl)}.lectures-stats{grid-template-columns:1fr}.lectures-toolbar{flex-direction:column;align-items:stretch}.lectures-grid{grid-template-columns:1fr}}.lecture-detail{padding:clamp(1.5rem,2vw,2.5rem);min-height:100vh;background:var(--surface-primary);color:var(--text-primary);display:grid;gap:2rem}.lecture-detail__header{display:grid;gap:.75rem;max-width:760px}.lecture-detail__header h1{margin:0;font-size:clamp(2rem,4vw,2.75rem)}.lecture-detail__header p{margin:0;color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:.45rem;width:max-content;padding:.35rem .85rem;border-radius:999px;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary);border:1px solid transparent;transition:border .2s ease,color .2s ease}.lecture-detail__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.lecture-detail__summary article{background:var(--surface-elevated, #fff);border-radius:18px;border:1px solid var(--border-subtle, #e5e7eb);padding:1.25rem;display:grid;gap:.4rem;box-shadow:var(--shadow-sm, 0 20px 46px -36px rgba(15, 23, 42, .45))}.lecture-detail__summary span{color:var(--text-secondary);font-size:.85rem}.lecture-detail__summary strong{font-size:1.35rem}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;text-transform:capitalize;width:fit-content;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary)}.status-live{background:#f59e0b29;color:#b45309}.status-completed{background:#22c55e38;color:#15803d}.status-scheduled,.status-pending{background:#3b82f62e;color:var(--brand-primary, #2563eb)}.lecture-detail__context{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.context-card{background:var(--surface-elevated, #fff);border-radius:22px;border:1px solid var(--border-subtle, #e5e7eb);padding:1.75rem;display:grid;gap:1rem;box-shadow:var(--shadow-md, 0 30px 70px -40px rgba(15, 23, 42, .45))}.context-card header{display:flex;align-items:center;gap:1rem}.context-card header h2{margin:0;font-size:1.25rem}.context-card header p{margin:.25rem 0 0;color:var(--text-secondary)}.context-card dl{display:grid;gap:.75rem;margin:0}.context-card dt{color:var(--text-secondary);font-size:.85rem}.context-card dd{margin:.25rem 0 0;font-weight:600}.context-card .text-link{justify-self:flex-start}.text-link.disabled{opacity:.6;pointer-events:none;cursor:default}.session-actions{display:flex;gap:.75rem;flex-wrap:wrap}.session-actions button{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:none;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary);transition:transform .2s ease}.session-actions button:hover:not(:disabled){transform:translateY(-1px)}.session-actions button:disabled{opacity:.6;cursor:not-allowed}.attendance-panel{background:var(--surface-elevated, #fff);border-radius:24px;border:1px solid var(--border-subtle, #e5e7eb);padding:clamp(1.5rem,2vw,2.5rem);display:grid;gap:1.5rem;box-shadow:var(--shadow-lg, 0 36px 80px -42px rgba(15, 23, 42, .45))}.attendance-panel__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.attendance-panel__header h2{margin:0}.attendance-panel__header p{margin:.25rem 0 0;color:var(--text-secondary)}.attendance-summary{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;color:var(--text-secondary);font-size:.9rem}.attendance-toolbar{display:flex;gap:.75rem;flex-wrap:wrap}.attendance-toolbar button{border-radius:12px;border:1px solid var(--border-subtle, #e5e7eb);padding:.5rem .95rem;background:var(--surface-muted, #f8fafc);font-weight:600;cursor:pointer;transition:transform .2s ease}.attendance-toolbar button:hover{transform:translateY(-1px)}.attendance-alert{display:inline-flex;align-items:center;gap:.6rem;border-radius:14px;padding:.75rem 1.1rem;font-weight:600}.attendance-alert.is-error{background:#ef44441f;color:var(--danger-700, #b91c1c);border:1px solid rgba(239,68,68,.28)}.attendance-alert.is-success{background:#16a34a26;color:#0f7a39;border:1px solid rgba(22,163,74,.3)}.attendance-table{display:grid;gap:.75rem}.attendance-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,1.25fr) minmax(0,1.5fr);gap:.75rem;padding:.95rem 1rem;border-radius:14px;border:1px solid var(--border-subtle, #e5e7eb);background:var(--surface-muted, #f8fafc);align-items:center}.attendance-row--header{font-weight:600;color:var(--text-secondary);background:transparent;border:none;padding-bottom:0}.attendance-row strong{font-size:.95rem}.attendance-select select{width:100%;border-radius:10px;border:1px solid var(--border-subtle, #e5e7eb);padding:.45rem .6rem;background:#fff;font-weight:600}.attendance-notes input{width:100%;border-radius:10px;border:1px solid var(--border-subtle, #e5e7eb);padding:.45rem .6rem;background:#fff}.attendance-empty{text-align:center;padding:1.75rem;border-radius:14px;background:var(--surface-muted, #f8fafc);color:var(--text-secondary)}.attendance-actions{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.muted-button,.primary-button{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.2rem;border-radius:999px;font-weight:600;cursor:pointer;border:none}.primary-button{background:var(--brand-primary, #2563eb);color:#fff;box-shadow:0 24px 48px #2563eb47}.muted-button:disabled,.primary-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .55rem;background:#3b82f62e;color:var(--brand-primary, #2563eb);font-size:.75rem;margin-left:.4rem}.lecture-detail__state,.lecture-detail__error{background:var(--surface-elevated, #fff);border-radius:20px;border:1px solid var(--border-subtle, #e5e7eb);padding:2.25rem;text-align:center;color:var(--text-secondary);max-width:560px;margin:4rem auto;display:grid;gap:1rem}.lecture-detail__error button{justify-self:center;display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:none;padding:.6rem 1.2rem;background:var(--brand-primary, #2563eb);color:#fff;font-weight:600;cursor:pointer}@media (max-width: 900px){.attendance-row{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-row--header{display:none}.attendance-row{grid-template-areas:"student student" "email email" "status notes"}.attendance-row>div:nth-child(1){grid-area:student}.attendance-row>div:nth-child(2){grid-area:email}.attendance-row>div:nth-child(3){grid-area:status}.attendance-row>div:nth-child(4){grid-area:notes}}@media (max-width: 640px){.lecture-detail__summary,.lecture-detail__context{grid-template-columns:1fr}.attendance-actions{flex-direction:column-reverse;align-items:stretch}.muted-button,.primary-button{justify-content:center}}.create-lecture{padding:clamp(1.5rem,2vw,2.5rem);min-height:100vh;background:var(--surface-primary);color:var(--text-primary);display:grid;gap:1.75rem}.create-lecture__header{display:grid;gap:.6rem;max-width:720px}.create-lecture__header h1{margin:0;font-size:clamp(2rem,4vw,2.6rem)}.create-lecture__header p{margin:0;color:var(--text-secondary);font-size:1rem}.back-link{display:inline-flex;align-items:center;gap:.4rem;width:max-content;padding:.35rem .85rem;border-radius:999px;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary);border:1px solid transparent;transition:border .2s ease,color .2s ease}.back-link:hover{border-color:var(--border-strong, #d0d7e1);color:var(--text-primary)}.create-lecture__state{background:var(--surface-elevated, #fff);border-radius:18px;border:1px solid var(--border-subtle, #e5e7eb);padding:2rem;text-align:center;color:var(--text-secondary);max-width:560px}.create-lecture__alert{display:inline-flex;align-items:center;gap:.6rem;border-radius:14px;padding:.85rem 1.1rem;font-weight:600}.create-lecture__alert.is-error{background:#ef44441f;color:var(--danger-700, #b91c1c);border:1px solid rgba(239,68,68,.32)}.create-lecture__alert.is-success{background:#16a34a26;color:#0f7a39;border:1px solid rgba(22,163,74,.26)}.create-lecture__form{background:var(--surface-elevated, #fff);border-radius:24px;border:1px solid var(--border-subtle, #e5e7eb);padding:clamp(1.5rem,2.5vw,2.75rem);box-shadow:var(--shadow-lg, 0 32px 70px -40px rgba(15, 23, 42, .4));display:grid;gap:2rem}.form-section{display:grid;gap:1rem}.form-section h2{margin:0;font-size:1.25rem}.form-grid{display:grid;gap:1.25rem}@media (min-width: 860px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .form-control:nth-child(2) textarea{min-height:160px}}.form-control{display:grid;gap:.6rem}.form-control span{font-weight:600;color:var(--text-secondary)}.form-control input,.form-control select,.form-control textarea{border-radius:14px;border:1px solid var(--border-subtle, #e5e7eb);padding:.75rem 1rem;background:var(--surface-muted, #f8fafc);font-size:.95rem;color:var(--text-primary);resize:vertical}.form-control textarea{min-height:120px}.select-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.select-wrapper svg{position:absolute;left:.9rem;color:var(--text-secondary)}.select-wrapper select{width:100%;padding-left:2.4rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-muted, #f8fafc)}.select-wrapper.is-loading select{color:var(--text-tertiary, #94a3b8)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.9rem;color:var(--text-secondary)}.input-with-icon input{width:100%;padding-left:2.4rem}.toggle-control{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:var(--surface-muted, #f8fafc);border-radius:12px;border:1px solid var(--border-subtle, #e5e7eb);font-weight:600;color:var(--text-secondary)}.toggle-control input{width:18px;height:18px}.error-text{color:var(--danger-600, #dc2626);font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.primary-button,.muted-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.3rem;border-radius:999px;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button{background:var(--brand-primary, #2563eb);color:#fff;box-shadow:0 16px 40px #2563eb40}.primary-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.primary-button:not(:disabled):hover{transform:translateY(-1px)}.muted-button{background:var(--surface-muted, #f1f5f9);color:var(--text-secondary)}.muted-button:hover{transform:translateY(-1px)}small{color:var(--text-tertiary, #94a3b8)}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;align-items:stretch}.primary-button,.muted-button{justify-content:center}}.students-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);color:var(--text-primary)}.students-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#3b82f61f,#ec48991f) var(--surface-primary);border:1px solid rgba(148,163,184,.2);box-shadow:0 32px 80px #0f172a1f}.students-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.students-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffeb;border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow-md)}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-lg);background:#3b82f624;color:var(--primary-600)}.students-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.students-search{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.2);background:#ffffffeb;box-shadow:var(--shadow-sm)}.students-search input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary)}.students-search input:focus{outline:none}.students-filters{display:flex;align-items:center;gap:var(--space-3)}.select-wrapper{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.2);background:#ffffffe6;box-shadow:var(--shadow-sm)}.select-wrapper select{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none}.students-error{padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(239,68,68,.28);background:#ef44441f;color:var(--danger-700, #b91c1c)}.students-state{display:grid;place-items:center;padding:var(--space-10);border-radius:var(--radius-2xl);background:#0f172a0a;color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.students-table-wrapper{border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.18);background:#fffffff0;box-shadow:0 28px 60px #0f172a1f;overflow:hidden;overflow-x:auto}.students-table{width:100%;min-width:960px;border-collapse:collapse}.students-table thead{background:#0f172a0a;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:var(--text-tertiary)}.students-table th,.students-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid rgba(148,163,184,.16)}.students-table tbody tr:hover{background:#3b82f60f}.student-ident{display:flex;align-items:center;gap:var(--space-3)}.student-avatar{width:44px;height:44px;border-radius:999px;background:#3b82f629;color:var(--primary-700);display:grid;place-items:center;font-weight:600;font-size:var(--text-sm);overflow:hidden}.student-avatar img{width:100%;height:100%;object-fit:cover}.student-email{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.student-contact{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.status-active{background:#22c55e29;color:#047857}.status-pending{background:#eab30829;color:#92400e}.status-completed{background:#6366f129;color:var(--primary-700)}.status-inactive{background:#94a3b829;color:var(--text-secondary)}.status-other,.status-unknown{background:#94a3b81f;color:var(--text-secondary)}.student-batches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.batch-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#3b82f61f;color:var(--primary-800);font-size:var(--text-xs);font-weight:600}.batch-status{padding:0 var(--space-2);border-radius:var(--radius-full);background:#0f172a14;color:inherit;font-size:var(--text-xs);text-transform:uppercase}.batch-overflow{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.student-actions{text-align:right}.student-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary-700);font-weight:600;text-decoration:none}.student-link:hover{color:var(--primary-800)}@media (max-width: 960px){.students-hero{flex-direction:column}.students-actions{align-items:flex-start}.students-toolbar{flex-direction:column;align-items:stretch}.students-search{width:100%}.students-table{min-width:720px}}@media (max-width: 640px){.students-page{padding:var(--space-5);gap:var(--space-5)}.students-hero{padding:var(--space-5);border-radius:var(--radius-xl)}.students-stats{grid-template-columns:1fr}}.student-detail-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);color:var(--text-primary)}.student-detail-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#6366f124,#3b82f614) var(--surface-primary);border:1px solid rgba(99,102,241,.2);box-shadow:0 32px 80px #0f172a1f}.hero-left{display:flex;flex-direction:column;gap:var(--space-4)}.hero-right{display:flex;align-items:flex-start}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#ffffffb3;color:var(--primary-700);text-decoration:none;font-weight:600;box-shadow:var(--shadow-sm)}.back-link:hover{background:#6366f12e}.student-header{display:flex;align-items:center;gap:var(--space-4)}.student-avatar{width:64px;height:64px;border-radius:var(--radius-full);display:grid;place-items:center;background:#ffffffe6;border:2px solid rgba(99,102,241,.35);color:var(--primary-700);font-weight:700;font-size:var(--text-lg)}.student-avatar.is-large{width:96px;height:96px;font-size:var(--text-2xl)}.student-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.student-header h1{margin:0;font-size:clamp(2rem,3vw,2.6rem)}.student-contact-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.student-contact-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.student-status-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-3);background:#22c55e26;color:#047857}.student-status-pill.status-inactive{background:#f8717129;color:#b91c1c}.student-status-pill.status-pending{background:#fbbf2429;color:#92400e}.synced-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#ffffffb3;font-size:var(--text-sm);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.student-detail-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.overview-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffffeb;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-md)}.overview-card p{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.overview-card strong{font-size:var(--text-xl);color:var(--text-primary)}.overview-icon{width:42px;height:42px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#6366f129;color:var(--primary-700)}.student-attendance{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);background:#0f172a0a;border:1px solid rgba(148,163,184,.2)}.student-attendance header h2,.student-enrollments header h2,.student-lectures h2{margin:0;font-size:var(--text-xl)}.student-attendance header p,.student-enrollments header p,.student-lectures header p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.attendance-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#fffffff0;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-sm)}.attendance-card p{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.attendance-card strong{font-size:var(--text-lg);color:var(--text-primary)}.attendance-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#22c55e29;color:#047857}.student-enrollments{display:flex;flex-direction:column;gap:var(--space-4)}.enrollment-table-wrapper{overflow-x:auto;border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.24);background:#fffffffa;box-shadow:0 24px 60px #0f172a24}.enrollment-table{width:100%;border-collapse:collapse;min-width:720px}.enrollment-table th,.enrollment-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid rgba(148,163,184,.2)}.enrollment-table thead th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.enrollment-table tbody tr:last-child td{border-bottom:none}.table-primary{font-weight:600;color:var(--text-primary)}.status-pill,.attendance-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.status-pill.status-active,.attendance-pill.status-present,.attendance-pill.status-attended{background:#22c55e29;color:#047857}.status-pill.status-pending,.attendance-pill.status-pending{background:#fbbf2429;color:#92400e}.status-pill.status-completed{background:#6366f12e;color:var(--primary-700)}.status-pill.status-unknown,.attendance-pill.status-unknown{background:#94a3b838;color:var(--text-secondary)}.attendance-pill.status-absent{background:#f871712e;color:#b91c1c}.attendance-pill.status-excused,.attendance-pill.status-leave{background:#60a5fa2e;color:#1d4ed8}.student-lectures{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.lecture-column{display:flex;flex-direction:column;gap:var(--space-4)}.lecture-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.lecture-list li{padding:var(--space-4);border-radius:var(--radius-xl);background:#fffffff2;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2)}.lecture-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.lecture-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.lecture-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.lecture-batch{color:var(--text-secondary);font-size:var(--text-sm)}.lecture-module,.lecture-recorded{color:var(--text-tertiary);font-size:var(--text-xs)}.student-state{display:grid;place-items:center;padding:var(--space-6);border-radius:var(--radius-2xl);background:#0f172a0a;color:var(--text-secondary);font-size:var(--text-sm)}.student-error{padding:var(--space-4);border-radius:var(--radius-xl);background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:var(--danger-700, #b91c1c)}@media (max-width: 960px){.student-detail-page{padding:var(--space-5)}.student-detail-hero{flex-direction:column}.hero-right{width:100%;justify-content:flex-start}.student-detail-overview,.attendance-grid,.student-lectures{grid-template-columns:1fr}.enrollment-table{min-width:100%}}@media (max-width: 640px){.student-detail-page{padding:var(--space-4);gap:var(--space-5)}.student-detail-hero{padding:var(--space-5)}.student-header{align-items:flex-start}.student-avatar.is-large{width:80px;height:80px}.overview-card,.attendance-card,.lecture-list li{padding:var(--space-4)}}.profile-page{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);background:var(--surface-secondary);color:var(--text-primary);min-height:100vh}.profile-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#3b82f61f,#ec48991f) var(--surface-primary);border:1px solid rgba(148,163,184,.25);box-shadow:0 28px 70px #0f172a1f}.profile-hero h1{margin:var(--space-2) 0;font-size:clamp(2rem,2.4vw,2.6rem);font-weight:700;color:var(--text-primary)}.profile-hero .subhead{color:var(--text-secondary);max-width:520px;line-height:var(--leading-relaxed)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:var(--primary-600);font-weight:700;margin:0}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm)}.profile-meta__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);padding:.4rem .85rem;font-weight:600;border:1px solid var(--primary-200)}.profile-meta__item{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .75rem;border-radius:var(--radius-xl);background:var(--surface-tertiary);border:1px solid rgba(148,163,184,.22)}.profile-refresh{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.5rem;border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.24);background:#ffffffd9;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out);box-shadow:var(--shadow-md)}.profile-refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--primary-600)}.profile-refresh:disabled{opacity:.65;cursor:not-allowed}.profile-alert{padding:var(--space-4);border-radius:var(--radius-xl);font-weight:600;border:1px solid transparent;box-shadow:var(--shadow-sm)}.profile-alert--success{background:#10b9811f;border-color:#10b9812e;color:#047857}.profile-alert--error{background:#ef44441f;border-color:#ef44442e;color:#b91c1c}.profile-alert--info{background:#3b82f61f;border-color:#3b82f633;color:var(--primary-700)}.profile-state{display:flex;align-items:center;justify-content:center;padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--surface-primary);border:1px solid rgba(148,163,184,.2);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.profile-summary{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.profile-summary__card{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5);border-radius:var(--radius-xl);background:#ffffffeb;border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow-md);min-height:140px}.profile-summary__card.is-highlighted{border-color:var(--primary-300);box-shadow:0 0 0 2px #3b82f61f,var(--shadow-lg)}.profile-summary__card p{margin:0;color:var(--text-secondary);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.profile-summary__card strong{display:block;font-size:1.6rem;color:var(--text-primary);margin:.35rem 0}.profile-summary__card span{color:var(--text-tertiary);font-size:var(--text-sm)}.profile-summary__icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--primary-100);color:var(--primary-700);display:grid;place-items:center}.profile-content{display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1fr)}@media (min-width: 1024px){.profile-content{grid-template-columns:1fr 1.1fr;align-items:flex-start}}.profile-card{background:var(--surface-primary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:var(--space-6)}.profile-card header h2{margin:0;color:var(--text-primary);font-size:var(--text-2xl)}.profile-card header p{margin:var(--space-2) 0 0;color:var(--text-secondary);max-width:48ch}.profile-info-list{display:grid;gap:var(--space-4)}.profile-info-list div{display:grid;gap:var(--space-1)}.profile-info-list dt{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.profile-info-list dd{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-primary)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:.45rem .85rem;background:#22c55e2e;color:#047857;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs)}.profile-chips{display:grid;gap:var(--space-5)}.profile-chips h3{margin:0;color:var(--text-secondary);font-size:var(--text-base);font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .85rem;border-radius:var(--radius-full);background:var(--surface-tertiary);color:var(--text-secondary);font-size:var(--text-sm);border:1px solid rgba(148,163,184,.18)}.chip--empty{opacity:.75;font-style:italic}.chip--editable button{background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;padding:0}.profile-card--form{gap:var(--space-6)}.form-field{display:grid;gap:var(--space-2)}.form-field label{font-weight:600;color:var(--text-primary)}.form-field textarea,.form-field input[type=text],.form-field input[type=time]{border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:.75rem 1rem;background:var(--surface-secondary);color:var(--text-primary);font:inherit;transition:border-color var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.form-field textarea:focus,.form-field input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f62e;outline:none}.form-field small{color:var(--text-tertiary);font-size:var(--text-xs)}.form-columns{display:grid;gap:var(--space-6)}@media (min-width: 768px){.form-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.chip-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.chip-input input{width:100%}.chip-input button{border:none;border-radius:var(--radius-lg);padding:.75rem 1.25rem;background:var(--primary-600);color:#fff;font-weight:600;cursor:pointer;transition:transform var(--transition-fast) var(--ease-out),filter var(--transition-fast) var(--ease-out)}.chip-input button:hover{transform:translateY(-1px);filter:brightness(.97)}.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3);padding:0;margin:var(--space-3) 0 0}.profile-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.profile-button{border-radius:var(--radius-xl);padding:.85rem 1.75rem;font-weight:600;border:none;cursor:pointer;transition:transform var(--transition-fast) var(--ease-out),filter var(--transition-fast) var(--ease-out)}.profile-button:disabled{opacity:.6;cursor:not-allowed}.profile-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.97)}.profile-button--primary{background:var(--primary-600);color:#fff}.profile-button--ghost{background:var(--surface-tertiary);color:var(--text-secondary);border:1px solid rgba(148,163,184,.24)}@media (max-width: 960px){.profile-hero{flex-direction:column}.profile-actions{flex-direction:column;align-items:stretch}.profile-button{width:100%}}@media (max-width: 640px){.profile-page{padding:var(--space-6);gap:var(--space-6)}.profile-hero{padding:var(--space-5);border-radius:var(--radius-xl)}.profile-card{padding:var(--space-5)}}.settings{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);background:var(--surface-secondary);border-radius:var(--radius-xl);min-height:100%}.settings__header h1{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.settings__header p{color:var(--text-secondary);max-width:48ch}.settings__section{display:flex;flex-direction:column;gap:var(--space-6);background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.settings__section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4)}.settings__section-head h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2)}.settings__section-head p{color:var(--text-secondary);max-width:36ch}.settings__active-theme{font-size:var(--text-sm);font-weight:600;color:var(--primary-600);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.theme-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-secondary);border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:var(--shadow-md);text-align:left;transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out),border var(--transition-fast) var(--ease-out);cursor:pointer;color:var(--text-primary)}.theme-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.theme-card--active{border-color:var(--primary-400);box-shadow:0 0 0 2px #3b82f626,var(--shadow-lg)}.theme-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.theme-card__header h3{font-size:var(--text-xl);color:var(--text-primary)}.theme-card__badge{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--primary-100);color:var(--primary-700);border:1px solid var(--primary-200)}.theme-card p{color:var(--text-secondary);font-size:var(--text-sm);min-height:48px}.theme-card__swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.theme-card__swatch{width:100%;padding-top:56%;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #0f172a14}@media (max-width: 768px){.settings,.settings__section{padding:var(--space-6)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #eff8ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--surface-overlay: rgba(255, 255, 255, .95);--dark-surface-primary: #0f172a;--dark-surface-secondary: #1e293b;--dark-surface-tertiary: #334155;--dark-text-primary: #f8fafc;--dark-text-secondary: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-disabled: #94a3b8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #06b6d4;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--divider: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}[data-theme=sunrise]{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--surface-primary: #ffffff;--surface-secondary: #fff7ed;--surface-tertiary: #ffedd5;--surface-overlay: rgba(255, 250, 245, .95);--text-primary: #1f2937;--text-secondary: #475569;--text-tertiary: #64748b;--text-disabled: #94a3b8;--border-primary: #fed7aa;--border-secondary: #fca5a5;--divider: #ffedd5;--success: #22c55e;--warning: #f97316;--error: #dc2626;--info: #0ea5e9}[data-theme=aurora]{--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--surface-primary: #ffffff;--surface-secondary: #f3f4ff;--surface-tertiary: #e9efff;--surface-overlay: rgba(248, 249, 255, .95);--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #4b5563;--text-disabled: #9ca3af;--border-primary: #e0e7ff;--border-secondary: #c7d2fe;--divider: #eef2ff;--success: #14b8a6;--warning: #f59e0b;--error: #ef4444;--info: #6366f1}[data-theme=emerald]{--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #064e3b;--surface-primary: #ffffff;--surface-secondary: #ecfdf5;--surface-tertiary: #d1fae5;--surface-overlay: rgba(236, 253, 245, .95);--text-primary: #0f172a;--text-secondary: #1f2937;--text-tertiary: #4b5563;--text-disabled: #94a3b8;--border-primary: #bbf7d0;--border-secondary: #86efac;--divider: #dcfce7;--success: #10b981;--warning: #facc15;--error: #f87171;--info: #22d3ee}[data-theme=midnight]{--primary-50: #e2e8f0;--primary-100: #cbd5f5;--primary-200: #a5b4fc;--primary-300: #818cf8;--primary-400: #6366f1;--primary-500: #4f46e5;--primary-600: #4338ca;--primary-700: #3730a3;--primary-800: #312e81;--primary-900: #1e1b4b;--surface-primary: #0f172a;--surface-secondary: #0b1220;--surface-tertiary: #111a2e;--surface-overlay: rgba(15, 23, 42, .85);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5f5;--text-disabled: #94a3b8;--border-primary: #1f2a44;--border-secondary: #273351;--divider: #1f2937;--success: #34d399;--warning: #f97316;--error: #f87171;--info: #38bdf8}html{font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{background-color:var(--surface-secondary);color:var(--text-primary);font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:-.025em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.fade-in{animation:fadeIn var(--transition-normal) var(--ease-out)}.slide-up{animation:slideUp var(--transition-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:0 var(--space-4)}:root{--text-4xl: 2rem;--text-3xl: 1.75rem;--text-2xl: 1.375rem}}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}