*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060609;--bg-elevated:#141418;--bg-secondary:#1e1e24;--bg-tertiary:#2a2a32;--bg-glass:#141418d1;--bg-card:var(--bg-elevated);--bg-primary:var(--bg);--bg-hover:#f5f5f70a;--bg-active:#f5f5f712;--text-primary:#f0f0f4;--text-secondary:#f0f0f4ad;--text-tertiary:#f0f0f475;--border:#f0f0f414;--border-strong:#f0f0f426;--border-focus:var(--accent);--accent:#3b9eff;--accent-hover:#5aafff;--accent-soft:#3b9eff1f;--accent-dim:#3b9eff66;--red:#ff453a;--green:#32d74b;--orange:#ff9f0a;--yellow:#ffd60a;--success:var(--green);--error:var(--red);--warning:var(--orange);--info:var(--accent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow:0 2px 20px #0000004d, 0 0 1px #ffffff0a;--shadow-lg:0 12px 48px #0006, 0 0 1px #ffffff0d;--shadow-card-hover:0 8px 24px #00000040, 0 0 1px #ffffff0d;--shadow-float:0 16px 64px #00000080, 0 0 1px #ffffff0f;--font:"Inter", "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.2s;--duration-slow:.35s;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px #3b9eff8c;--focus-ring-inner:0 0 0 3px #3b9eff1f;--z-sticky:5;--z-sidebar:10;--z-dropdown:20;--z-mobile-nav:50;--z-overlay:90;--z-modal:100;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}body,#root{font-family:var(--font);background:var(--bg);color:var(--text-primary);line-height:var(--leading-normal);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;overflow-x:hidden}.skip-to-content{top:-100%;left:var(--space-4);z-index:200;padding:var(--space-3) var(--space-5);background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);transition:top var(--duration-fast);text-decoration:none;position:absolute}.skip-to-content:focus{top:var(--space-4)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}::selection{color:var(--text-primary);background:#3b9eff4d}.app-icon{color:inherit;flex-shrink:0}.vp-note-btn .app-icon{vertical-align:-3px;margin-right:6px}.vp-play-btn .app-icon{margin:0 auto;display:block}.toast-icon .app-icon{display:block}.empty-state .icon,.empty-state-compact .icon{justify-content:center;align-items:center;display:flex}.quick-action .icon .app-icon{opacity:.7}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.nav-item:focus-visible,.mobile-nav-item:focus-visible{box-shadow:var(--focus-ring);outline:none}:focus:not(:focus-visible){box-shadow:none;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobileNavIconPop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1.1)}}@keyframes shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2997ff59}50%{box-shadow:0 0 0 6px #2997ff00}}.app{background:var(--bg);min-height:100vh;position:relative}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.login-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b9eff17 0%,#0000 65%);width:720px;height:720px;position:absolute;top:-30%;right:-10%}.login-wrap:after{content:"";pointer-events:none;background:radial-gradient(circle,#32d74b0a 0%,#0000 65%);width:500px;height:500px;position:absolute;bottom:-15%;left:-8%}.login-card{width:420px;max-width:calc(100vw - var(--space-8));padding:var(--space-8) var(--space-5) var(--space-6);background:var(--bg-glass);-webkit-backdrop-filter:blur(32px)saturate(1.2);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-float)}.login-logo{text-align:center;margin-bottom:var(--space-10)}.login-logo .kaynos-logo{margin-bottom:var(--space-5)}.login-logo h1{letter-spacing:.25em;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.login-logo p{font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;font-weight:400}.login-input-group{margin-bottom:var(--space-5)}.login-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:block}.login-input{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;height:52px;padding:0 var(--space-4);color:var(--text-primary);font-size:1rem;font-family:var(--font);transition:border-color var(--duration-base), background var(--duration-base), box-shadow var(--duration-base);outline:none}.login-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring-inner);background:#3b9eff0a}.login-input::placeholder{color:var(--text-tertiary)}.login-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;height:52px;font-size:1rem;font-weight:600;font-family:var(--font);transition:all var(--duration-base) var(--ease-out);margin-top:var(--space-3);letter-spacing:.02em;border:none}.login-btn:hover{background:var(--accent-hover)}.login-btn:active{filter:brightness(.93);transform:scale(.995)}.login-btn:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.login-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.login-error{color:var(--error);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);animation:fadeIn var(--duration-base) ease;background:#ff453a14;border:1px solid #ff453a26}.login-card-enter{animation:loginSlideUp .45s var(--ease-out)}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.field-hint{font-size:var(--text-xs);margin-top:var(--space-1);color:var(--text-tertiary)}.field-hint-error{color:var(--error)}.password-strength-track{background:var(--bg-tertiary);width:100%;height:3px;margin-top:var(--space-2);border-radius:2px;overflow:hidden}.password-strength{height:3px;transition:width var(--duration-slow) var(--ease-out), background var(--duration-base);border-radius:2px;margin-top:0}.password-strength-weak{background:var(--error);width:33%}.password-strength-medium{background:var(--yellow);width:66%}.password-strength-strong{background:var(--success);width:100%}@media (width>=769px){.login-card{padding:var(--space-10) var(--space-8) var(--space-8)}.login-logo{margin-bottom:var(--space-12)}.login-logo h1{font-size:2rem}.login-input,.login-btn{height:48px;font-size:var(--text-md)}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b9eff40}.login-btn:active{box-shadow:none;transform:translateY(0)scale(.995)}}.shell{min-height:100dvh;display:flex}.sidebar{display:none}.main{isolation:isolate;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0));flex:1;margin-left:0;position:relative}.main:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 45% at 50% -10%,#3b9eff0f,#0000 50%),radial-gradient(50% 35% at 100% 45%,#32d74b05,#0000 45%);position:fixed;inset:0}.main>*{z-index:1;position:relative}.page-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(1.2);background:var(--bg-glass);z-index:var(--z-sticky);animation:pageContentIn var(--duration-slow) var(--ease-out);position:sticky;top:0}.page-title{letter-spacing:-.025em;font-size:clamp(1.25rem,3vw,1.875rem);font-weight:700;line-height:var(--leading-tight);text-wrap:balance;color:var(--text-primary)}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);max-width:54ch;font-weight:400;line-height:1.45}.page-body{padding:var(--space-4);animation:pageContentIn var(--duration-slow) var(--ease-out)}.page-body-narrow{max-width:100%}.page-header-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.page-header-actions .btn-primary{white-space:nowrap;width:100%;height:48px;font-size:15px}@media (width>=769px){.sidebar{background:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg-secondary) 100%);border-right:1px solid var(--border);width:256px;z-index:var(--z-sidebar);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000026}.sidebar:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--accent-dim) 70%, transparent 100%);pointer-events:none;z-index:2;opacity:.8;height:1px;position:absolute;top:0;left:0;right:0}.main{margin-left:256px;padding-bottom:0}.main:before{left:256px}.page-header{padding:var(--space-8) var(--space-10) var(--space-6)}.page-subtitle{font-size:var(--text-base);margin-top:var(--space-2)}.page-body{padding:var(--space-8) var(--space-10)}.page-body-narrow{max-width:640px}.page-header-toolbar{gap:var(--space-3)}.page-header-actions .btn-primary{width:auto;height:40px;padding:0 var(--space-5);font-size:var(--text-base)}}.sidebar-logo{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border)}.sidebar-logo h2{font-size:var(--text-lg);letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);font-weight:700}.sidebar-logo span{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.35;display:block;overflow:hidden}.sidebar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-item{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);color:var(--text-secondary);font-size:var(--text-base);text-align:left;width:100%;font-weight:500;font-family:var(--font);background:0 0;border:none;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-icon .app-icon{color:inherit;opacity:.82}.nav-item.active .nav-icon .app-icon{color:var(--accent);opacity:1}.sidebar-footer{padding:var(--space-3) var(--space-3) var(--space-4);border-top:1px solid var(--border)}.nav-item-support{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);opacity:.65}.nav-item-support:hover,.nav-item-support.active{opacity:1}.user-badge{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);transition:background var(--duration-fast);display:flex}.user-badge:hover{background:var(--bg-hover)}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(145deg, var(--accent-soft), #3b9eff0f);border:1px solid var(--border-strong);width:34px;height:34px;font-size:var(--text-xs);color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.user-role{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize;letter-spacing:.02em}.logout-btn{color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);padding:var(--space-2);transition:all var(--duration-fast);border-radius:var(--radius-sm);font-family:var(--font);background:0 0;border:none}.logout-btn:hover{color:var(--error);background:#ff453a14}.filter-chips{gap:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;width:100%;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;align-items:center;gap:var(--space-1);background:0 0;flex-shrink:0;display:inline-flex}.filter-chip:hover{border-color:var(--text-tertiary);color:var(--text-primary);background:var(--bg-hover)}.filter-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.filter-chip .chip-count{font-size:var(--text-xs);background:var(--bg-active);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:1px 6px;font-weight:700}.filter-chip.active .chip-count{background:#3b9eff33}.page-subtitle-hint{color:var(--text-tertiary);font-weight:400}@media (width>=769px){.filter-chips{flex-wrap:wrap;width:auto;overflow-x:visible}}.welcome-section{padding:8px 0 16px}.welcome-name{color:var(--text-primary);font-size:clamp(20px,3vw,26px);font-weight:600}.welcome-date{color:var(--text-tertiary);margin-top:4px;font-size:13px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px;display:grid}.quick-action{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.quick-action:hover{border-color:var(--accent);background:var(--accent-soft)}.quick-action .icon{justify-content:center;align-items:center;display:inline-flex}@media (width>=769px){.quick-actions{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.sessions-grid{flex-direction:column;gap:12px;display:flex}.session-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .28s var(--ease-out), background .28s var(--ease-out), transform .28s var(--ease-out), box-shadow .28s var(--ease-out);color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:16px;text-decoration:none;animation:.4s both fadeIn;display:flex;position:relative}.session-card:active{background:var(--bg-tertiary);transform:scale(.99)}.session-card-unseen{border-left:3px solid var(--accent)}.session-card-unseen:hover{border-left-color:var(--accent)}.session-info{flex:1;min-width:0}.session-title-row{align-items:center;gap:8px;margin-bottom:3px;display:flex}.session-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.new-badge{color:var(--accent);background:var(--accent-soft);text-transform:uppercase;letter-spacing:.6px;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.session-meta{color:var(--text-secondary);font-size:12px;line-height:1.4}.session-notes-count{color:var(--text-tertiary);flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.session-card-arrow{color:var(--text-tertiary);transition:transform .2s var(--ease-out), color .2s;opacity:.5;flex-shrink:0;font-size:20px}@media (width>=769px){.session-card{border-radius:var(--radius-lg);gap:16px;padding:18px 22px}.session-card:hover{border-color:var(--accent-dim);background:var(--bg-tertiary);box-shadow:var(--shadow-card-hover);transform:translate(3px)}.session-meta{font-size:13px}.session-card-arrow{font-size:16px}.session-card:hover .session-card-arrow{color:var(--text-secondary);opacity:1;transform:translate(2px)}}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.search-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:0;height:44px;color:var(--text-primary);font-size:16px;font-family:var(--font);outline:none;flex:100%;padding:0 14px;transition:border-color .2s,box-shadow .2s}.search-box:focus{border-color:var(--accent);box-shadow:var(--focus-ring-inner)}.search-box::placeholder{color:var(--text-tertiary)}@media (width>=769px){.filter-bar{gap:10px}.search-box{flex-basis:auto;min-width:200px;height:40px;font-size:14px}}.detail-back{color:var(--accent);cursor:pointer;font-size:13px;font-family:var(--font);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:24px;padding:4px 0;font-weight:500;text-decoration:none;transition:opacity .2s,color .2s;display:flex}.detail-back:hover{opacity:.85;color:var(--accent)}.video-container{aspect-ratio:16/9;background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;margin-bottom:24px;overflow:hidden}.video-container iframe{border:none;width:100%;height:100%}.detail-title{letter-spacing:-.2px;text-wrap:balance;margin-bottom:8px;font-size:22px;font-weight:600}.detail-meta{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.notes-section{margin-top:8px}.notes-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:600;display:flex}.notes-list{flex-direction:column;gap:10px;display:flex}.note-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;transition:all .15s;animation:.3s both fadeIn}.note-card:hover{border-color:var(--border-strong);background:var(--bg-tertiary)}.note-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.note-timestamp{color:var(--accent);font-variant-numeric:tabular-nums;background:var(--accent-soft);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.note-text{color:var(--text-primary);font-size:14px;font-weight:400;line-height:1.55}@media (width>=769px){.detail-back{font-size:14px}}.student-grid{grid-template-columns:1fr;gap:8px;display:grid}.student-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .28s var(--ease-out), background .28s var(--ease-out), transform .28s var(--ease-out), box-shadow .28s var(--ease-out);color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;gap:16px;padding:16px;text-decoration:none;animation:.4s both fadeIn;display:flex}.student-card:active{transform:scale(.99)}.student-avatar{background:linear-gradient(145deg, var(--accent-soft), var(--bg-active));border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.student-details{flex:1}.student-name{margin-bottom:2px;font-size:15px;font-weight:500}.student-stats{color:var(--text-tertiary);font-size:13px}.student-session-count{color:var(--text-tertiary);flex-shrink:0;font-size:12px;font-weight:600}@media (width>=769px){.student-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.student-card{padding:20px}.student-card:hover{border-color:var(--accent-dim);background:var(--bg-tertiary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.modal-backdrop,.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:100;background:#0000009e;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100vw;box-shadow:var(--shadow-lg);max-height:90vh;padding:28px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalIn;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.modal h3{margin-bottom:20px;font-size:18px;font-weight:600}.modal-field{margin-bottom:16px}.modal-field label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.modal-field input,.modal-field textarea,.modal-field select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:16px;font-family:var(--font);outline:none;padding:10px 14px;transition:border-color .2s}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{border-color:var(--accent)}.modal-field textarea{resize:vertical;min-height:100px;line-height:1.5}.modal-field select{height:42px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width>=769px){.modal-backdrop,.modal-overlay{align-items:center}.modal{border-radius:var(--radius-lg);width:480px;max-width:90vw;max-height:none;position:static;overflow-y:visible}.modal-field input,.modal-field textarea,.modal-field select{font-size:14px}}.btn-secondary{height:40px;padding:0 var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;font-weight:500;font-family:var(--font);transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-active)}.btn-primary{height:40px;padding:0 var(--space-5);background:var(--accent);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-base);cursor:pointer;font-family:var(--font);transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border:none;font-weight:600;display:inline-flex}.btn-sm{height:34px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{filter:brightness(.92);transform:scale(.98)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.btn-primary:focus-visible{box-shadow:var(--focus-ring), 0 1px 3px #0003;outline:none}.btn-secondary:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-danger{background:var(--error);color:#fff;border-radius:var(--radius-sm);padding:0 var(--space-4);height:38px;font-size:var(--text-base);cursor:pointer;font-weight:600;font-family:var(--font);transition:background var(--duration-fast), opacity var(--duration-fast);justify-content:center;align-items:center;gap:var(--space-2);border:none;display:inline-flex}.btn-danger:hover{filter:brightness(1.1)}.btn-danger:active{filter:brightness(.9)}.btn-danger:disabled{opacity:.4;cursor:not-allowed;filter:none}@media (width>=769px){.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b9eff40}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 1px 3px #00000040}}.link-input-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px;transition:border-color .2s}.link-input-wrap:focus-within{border-color:var(--accent)}.link-input-wrap .link-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:500;display:block}.link-input-row{align-items:center;gap:10px;display:flex}.link-input-row input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);height:44px;color:var(--text-primary);font-size:14px;font-family:var(--font);outline:none;flex:1;padding:0 14px;transition:border-color .2s}.link-input-row input:focus{border-color:var(--accent)}.link-valid{align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:500;display:flex}.link-valid.valid{color:var(--green)}.link-valid.invalid{color:var(--red)}.add-student-card{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:16px;min-height:88px;padding:20px;transition:all .2s;display:flex}.add-student-card:hover{border-color:var(--accent);background:var(--accent-soft)}.add-student-card span{color:var(--text-tertiary);font-size:14px;font-weight:500;transition:color .2s}.add-student-card:hover span{color:var(--accent)}.add-student-plus{background:var(--bg-hover);width:48px;height:48px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex}.add-student-card:hover .add-student-plus{background:var(--accent-soft);color:var(--accent)}.empty-state{text-align:center;color:var(--text-tertiary);background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);max-width:420px;margin:0 auto;padding:40px 16px;animation:.5s fadeIn}.empty-state .icon{margin-bottom:16px;line-height:1}.empty-state .icon .app-icon{opacity:.4;color:var(--text-tertiary)}.empty-state p{color:var(--text-secondary);font-size:14px;line-height:1.55}.empty-state .detail-back{justify-content:center;margin-top:16px;margin-bottom:0}.empty-state-hint{color:var(--text-tertiary);margin-top:4px;font-size:13px;line-height:1.45}.empty-state-compact{text-align:center;color:var(--text-tertiary);padding:32px 16px}.empty-state-compact .icon{margin-bottom:12px}.empty-state-compact .icon .app-icon{opacity:.35;color:var(--text-tertiary)}.empty-state-compact p{color:var(--text-secondary);font-size:13px}.loading-center{color:var(--text-tertiary);justify-content:center;align-items:center;padding:60px 20px;font-size:14px;display:flex}@media (width>=769px){.empty-state{padding:56px 24px}}.temp-password-banner{border-radius:var(--radius);background:#0a84ff14;border:1px solid #0a84ff33;margin-top:16px;padding:16px 20px;animation:.3s fadeIn}.temp-password-banner p{color:var(--text-secondary);font-size:13px;line-height:1.5}.temp-password-banner code{background:var(--bg-tertiary);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:14px;font-weight:500}.vp-wrapper{border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#000;border-radius:0;margin-bottom:24px;position:relative;overflow:hidden}.vp-player{cursor:pointer;aspect-ratio:16/9;-webkit-tap-highlight-color:transparent;background:#000;position:relative}.vp-player video{object-fit:contain;width:100%;height:100%;display:block}.vp-play-overlay{background:#00000059;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.vp-overlay-dim{background:#0003}.vp-overlay-hidden{opacity:0;visibility:hidden;pointer-events:none}.vp-play-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:transform .2s;display:flex}.vp-play-overlay:hover .vp-play-btn{transform:scale(1.08)}.vp-no-video{aspect-ratio:16/9;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.vp-no-video-icon{opacity:.3;font-size:40px}.vp-no-video p{color:var(--text-tertiary);font-size:14px}.vp-controls-hidden .vp-controls{opacity:0;pointer-events:none}.vp-controls-hidden .vp-timeline,.vp-controls-hidden .vp-shortcuts-hint{opacity:0}.vp-timeline{background:var(--bg-tertiary);cursor:pointer;height:4px;transition:height .15s,opacity .3s;position:relative}.vp-timeline-progress{background:var(--accent);pointer-events:none;border-radius:0 3px 3px 0;height:100%;position:absolute;top:0;left:0}.vp-timeline-thumb{background:var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:14px;height:14px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #0a84ff80}.vp-timeline:hover .vp-timeline-thumb{opacity:1}.vp-timeline-marker{cursor:pointer;z-index:2;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0006}.vp-timeline-marker:hover{transform:translate(-50%,-50%)scale(1.5)}.vp-marker-tooltip{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;z-index:20;max-width:240px;box-shadow:var(--shadow);pointer-events:none;padding:8px 12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.vp-marker-time{color:var(--accent);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.vp-marker-text{color:var(--text-secondary);white-space:normal;font-size:12px;line-height:1.4}.vp-controls{background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:6px 8px;transition:opacity .3s;display:flex}.vp-controls-left,.vp-controls-right{align-items:center;gap:4px;display:flex}.vp-btn{color:var(--text-secondary);cursor:pointer;font-size:18px;font-family:var(--font);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 8px;transition:all .15s;display:flex}.vp-btn:hover{color:var(--text-primary);background:var(--bg-active)}.vp-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:12px}.vp-note-btn{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);min-height:36px;padding:6px 14px;font-size:12px;font-weight:500}.vp-note-btn:hover{color:var(--accent);background:#0a84ff33}.vp-volume-group,.vp-shortcuts-hint{display:none}.vp-speed-wrap{position:relative}.vp-speed-btn{text-align:center;min-width:40px;font-size:13px;font-weight:500}.vp-speed-menu{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);z-index:20;box-shadow:var(--shadow);min-width:60px;padding:4px;position:absolute;bottom:40px;right:0}.vp-speed-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;font-size:13px;font-family:var(--font);background:0 0;border:none;border-radius:4px;padding:6px 12px;display:block}.vp-speed-option:hover{background:var(--bg-active);color:var(--text-primary)}.vp-speed-option.active{color:var(--accent);font-weight:600}.vp-add-note{background:var(--bg-elevated);border-top:1px solid var(--border);padding:14px 16px;animation:.2s fadeIn}.vp-add-note-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.vp-add-note-header strong{color:var(--accent)}.vp-add-note-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:8px;font-size:16px}.vp-add-note-body{flex-direction:column;gap:10px;display:flex}.vp-add-note-text{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:80px;color:var(--text-primary);font-size:16px;font-family:var(--font);resize:vertical;outline:none;padding:12px;line-height:1.5}.vp-add-note-text:focus{border-color:var(--accent)}.vp-add-note-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.vp-add-note-hint{color:var(--text-tertiary);margin-right:auto;font-size:11px}@media (width>=769px){.vp-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border)}.vp-play-btn{width:64px;height:64px;font-size:24px}.vp-controls{padding:8px 12px}.vp-btn{min-width:40px;min-height:40px;font-size:16px}.vp-time{padding:0 8px;font-size:13px}.vp-note-btn{padding:4px 12px;font-size:13px}.vp-volume-group{align-items:center;gap:2px;display:flex}.vp-shortcuts-hint{color:var(--text-tertiary);text-align:center;opacity:.85;padding:6px 12px 10px;font-size:11px;transition:opacity .3s;display:block}.vp-timeline{height:6px}.vp-timeline:hover{height:10px}.vp-timeline-marker{width:8px;height:8px}.vp-add-note{padding:16px}.vp-add-note-text{min-height:64px}}.vp-volume-slider{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:2px;outline:none;width:70px;height:4px}.vp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-secondary);cursor:pointer;border-radius:50%;width:12px;height:12px}.vp-vimeo-wrap{margin-bottom:24px}.vp-vimeo-hint{color:var(--text-tertiary);margin:0;padding:10px 0 0;font-size:12px;line-height:1.5}.vp-no-video-sub{color:var(--text-tertiary);font-size:13px}.np-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px}.np-empty-icon{justify-content:center;margin-bottom:12px;display:flex}.np-empty-icon .app-icon{opacity:.35;color:var(--text-tertiary)}.np-empty p{margin-bottom:4px;font-size:14px}.np-empty-hint{font-size:12px}.np-empty-hint kbd{background:var(--bg-tertiary);font-size:11px;font-family:var(--font);border-radius:4px;padding:1px 6px}.np-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;max-height:none;padding-right:0;display:flex;overflow-y:auto}.np-list::-webkit-scrollbar{width:4px}.np-list::-webkit-scrollbar-track{background:0 0}.np-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:2px}.np-note{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:all .2s;animation:.3s fadeIn}.np-note:hover{border-color:var(--border-strong)}.np-active{box-shadow:0 0 0 1px var(--accent);background:#0a84ff0a;border-color:var(--accent)!important}.np-note-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.np-timestamp{background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;font-variant-numeric:tabular-nums;border:none;border-radius:4px;align-items:center;min-height:32px;padding:4px 12px;transition:background .15s;display:flex}.np-timestamp:hover{background:#0a84ff33}.np-author{color:var(--text-tertiary);margin-left:auto;font-size:11px}.np-text{color:var(--text-primary);font-size:15px;line-height:1.55}.np-actions{opacity:1;gap:2px;margin-left:auto;display:flex}.np-action-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px 10px;font-size:13px;transition:all .15s;display:flex}.np-action-btn:hover{color:var(--text-primary);background:var(--bg-active)}.np-action-btn.np-delete:hover{color:var(--red);background:#ff453a14}.np-confirm{align-items:center;gap:6px;display:flex}.np-confirm-yes{background:var(--red);color:#fff;cursor:pointer;font-size:12px;font-family:var(--font);border:none;border-radius:6px;min-height:32px;padding:6px 14px}.np-confirm-no{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;font-size:12px;font-family:var(--font);border-radius:6px;min-height:32px;padding:6px 14px}.np-note-editing{border-color:var(--accent);background:#0a84ff0f}.np-text-editable{text-align:left;border-radius:var(--radius-sm);width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0 -2px;padding:10px 2px;line-height:1.55;transition:background .15s}.np-text-editable:hover{background:var(--bg-hover)}.np-text-editable:focus-visible{box-shadow:var(--focus-ring);outline:none}.np-edit{flex-direction:column;gap:10px;display:flex}.np-edit-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:11px;font-weight:600}.np-edit-textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:120px;color:var(--text-primary);font-size:16px;font-family:var(--font);resize:vertical;outline:none;padding:12px 14px;line-height:1.5}.np-edit-textarea:focus{border-color:var(--accent)}.np-time-row{flex-direction:column;gap:6px;display:flex}.np-time-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:11px;font-weight:600}.np-time-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.np-time-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:88px;height:40px;color:var(--text-primary);font-size:14px;font-family:var(--font);font-variant-numeric:tabular-nums;outline:none;padding:0 10px}.np-time-input:focus{border-color:var(--accent)}.np-time-preview{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.np-btn-sync{flex:1;min-width:120px;min-height:40px;padding:0 12px;font-size:13px}.np-edit-bar{border-top:1px solid var(--border);background:linear-gradient(180deg, transparent, var(--bg-elevated) 12%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:8px;display:flex;position:sticky;bottom:0}.np-edit-hint{color:var(--text-tertiary);font-size:11px}.np-edit-bar-actions{flex-wrap:wrap;gap:8px;display:flex}.np-edit-bar-actions .btn-primary{min-height:40px;padding:0 18px}.np-edit-bar-actions .btn-secondary{min-height:40px;padding:0 16px}.np-filters{border-bottom:1px solid var(--border);gap:6px;margin-bottom:8px;padding:0 0 12px;display:flex}.np-filter-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.np-filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}.np-filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.np-filter-chip .chip-count{opacity:.75;font-size:11px}.np-search{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;margin-bottom:8px;padding:8px 12px;font-size:13px;transition:border-color .15s}.np-search:focus{border-color:var(--accent)}.np-search::placeholder{color:var(--text-tertiary)}.np-filter-empty{text-align:center;color:var(--text-tertiary);padding:24px 0;font-size:13px}.np-empty-action{justify-content:center;margin-top:16px;display:flex}.np-add-row{justify-content:center;padding:12px 0 4px;display:flex}.np-add-btn{align-items:center;gap:6px;padding:8px 18px;font-size:13px;display:inline-flex}.np-add-form{background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius);flex-direction:column;gap:10px;margin-top:10px;padding:14px;animation:.2s fadeIn;display:flex}@media (width>=769px){.np-list{max-height:500px;padding-right:4px}.np-note{padding:12px 14px}.np-timestamp{min-height:28px;padding:4px 10px;font-size:12px}.np-text{font-size:14px}.np-actions{opacity:0}.np-note:hover .np-actions{opacity:1}}.tt-anchor{display:inline-flex;position:relative}.tt-bubble{z-index:50;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);white-space:normal;pointer-events:auto;width:max-content;max-width:260px;padding:10px 32px 10px 14px;font-size:13px;line-height:1.45;animation:.25s fadeIn;position:absolute;box-shadow:0 4px 16px #00000040}.tt-top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tt-bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tt-left{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.tt-right{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tt-arrow{background:var(--bg-elevated);border:1px solid var(--accent);width:10px;height:10px;position:absolute;transform:rotate(45deg)}.tt-top .tt-arrow{border-top:none;border-left:none;margin-left:-5px;bottom:-6px;left:50%}.tt-bottom .tt-arrow{border-bottom:none;border-right:none;margin-left:-5px;top:-6px;left:50%}.tt-left .tt-arrow{border-bottom:none;border-left:none;margin-top:-5px;top:50%;right:-6px}.tt-right .tt-arrow{border-top:none;border-right:none;margin-top:-5px;top:50%;left:-6px}.tt-text{display:block}.tt-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:22px;min-height:22px;padding:4px;transition:color .15s;display:flex;position:absolute;top:4px;right:4px}.tt-close:hover{color:var(--text-primary)}.detail-yt-layout{flex-direction:column;margin-top:-1px;display:flex}.detail-yt-video{background:#000;width:100%}.detail-yt-video .vp-wrapper{border:none;border-radius:0;margin-bottom:0}.detail-yt-content{padding:0}.detail-yt-header{border-bottom:1px solid var(--border);padding:14px 16px}.detail-yt-header .detail-back{margin-bottom:6px;font-size:13px}.detail-yt-header .page-title{font-size:17px;line-height:1.3}.detail-yt-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.detail-yt-meta span:not(:last-child):after{content:"·";opacity:.5;margin-left:6px}.detail-share-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.detail-share-btn{align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;display:inline-flex}.detail-share-btn .app-icon{opacity:.88;flex-shrink:0}.detail-yt-description{color:var(--text-secondary);margin-top:12px;font-size:14px;line-height:1.5}.detail-yt-body{padding:12px 16px}.detail-yt-notes{padding:12px 16px;padding-bottom:calc(16px + 72px + env(safe-area-inset-bottom,0))}.detail-yt-notes-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.detail-yt-notes-header h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.detail-yt-notes-count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.detail-yt-notes .np-list{max-height:none}@media (width>=769px){.detail-yt-layout{margin-top:0}.detail-yt-header{padding:16px 20px}.detail-yt-header .page-title{font-size:18px}.detail-yt-body{padding:16px 20px}.detail-yt-notes{padding:16px 20px;padding-bottom:calc(20px + 72px + env(safe-area-inset-bottom,0))}}@media (width>=1100px){.detail-yt-layout{flex-direction:row;height:100vh;overflow:hidden}.detail-yt-video{flex:1;align-items:flex-start;min-width:0;display:flex}.detail-yt-video .vp-wrapper{border-radius:0;flex:1}.detail-yt-content{border-left:1px solid var(--border);flex-shrink:0;width:400px;height:100%;overflow-y:auto}.detail-yt-notes .np-list{max-height:none}.detail-yt-notes{padding-bottom:20px}}.detail-video-manage{padding:16px}.detail-video-actions{border-top:1px solid var(--border);background:var(--bg-card);align-items:center;gap:8px;padding:8px 12px;display:flex}.detail-video-action-btn{align-items:center;gap:5px;padding:5px 12px;font-size:12px;display:inline-flex}.detail-video-action-danger{color:var(--red)}.detail-video-action-danger:hover{background:#ff453a14}.detail-video-replace{flex-direction:column;gap:8px;width:100%;display:flex}.detail-video-replace .upload-zone{margin:0}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.detail-title-row .page-title{flex:1;min-width:0}.detail-manage-actions{flex-shrink:0;gap:4px;margin-top:2px;display:flex}.detail-manage-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:5px 7px;transition:color .15s,background .15s;display:flex}.detail-manage-btn:hover{color:var(--accent);background:#2997ff14}.detail-manage-btn-danger:hover{color:var(--red);background:#ff453a14}.detail-confirm-delete{color:var(--red);align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:500;display:flex}.detail-edit-form{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.detail-edit-title-input{width:100%;font-size:16px;font-weight:600}.detail-edit-date-input{width:180px}.detail-edit-description-input{resize:vertical;width:100%;min-height:60px;padding:8px 12px;line-height:1.45}.detail-edit-actions{gap:8px;display:flex}.detail-action-btn{height:34px;padding:0 14px;font-size:13px}.app-loading-shell{background:var(--bg);min-height:100vh}.page-skeleton{animation:.15s both sk-delayed-show}@keyframes sk-delayed-show{0%{opacity:0}to{opacity:1}}.page-skeleton .page-header{border-bottom:1px solid var(--border)}.sk-line{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:10px;animation:.9s cubic-bezier(.45,0,.55,1) infinite sk-shimmer;overflow:hidden}.sk-line-sm{height:10px;margin-bottom:8px}.sk-title{border-radius:8px;height:28px;margin-bottom:12px}.sk-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-tertiary) 50%, var(--bg-elevated) 75%);background-size:200% 100%;height:72px;animation:.9s cubic-bezier(.45,0,.55,1) infinite sk-shimmer;overflow:hidden}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-list{flex-direction:column;gap:12px;display:flex}.skeleton-list .sk-card{animation-delay:calc(var(--i,0) * .1s)}.session-card-delete{opacity:0;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:opacity .15s,color .15s,background .15s;display:flex}.session-card:hover .session-card-delete{opacity:1}.session-card-delete:hover{color:var(--red);background:#ff453a14}.mobile-nav{height:calc(60px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);z-index:50;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:space-around;align-items:flex-start;padding-top:6px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 35%, var(--accent-dim) 65%, transparent 100%);pointer-events:none;z-index:1;height:2px;position:absolute;top:0;left:0;right:0}.mobile-nav-item{color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color .22s var(--ease-out);-webkit-tap-highlight-color:transparent;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:48px;padding:6px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-icon{width:28px;height:28px;color:var(--text-tertiary);justify-content:center;align-items:center;line-height:1;transition:transform .32s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(1)}.mobile-nav-icon .app-icon{opacity:.92}.mobile-nav-item.active .mobile-nav-icon{color:var(--accent);animation:.42s cubic-bezier(.34,1.56,.64,1) forwards mobileNavIconPop}.mobile-nav-item.active .mobile-nav-icon .app-icon{opacity:1;color:var(--accent)}@media (width>=769px){.mobile-nav{display:none}}.dash-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:32px;display:grid}.dash-stat{min-width:unset;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:default;transition:border-color .26s var(--ease-out), background .26s var(--ease-out), transform .26s var(--ease-out), box-shadow .26s var(--ease-out);padding:14px 10px}.dash-stat:hover{border-color:var(--accent-dim);background:var(--bg-tertiary);box-shadow:var(--shadow)}.dash-stat:active{transform:scale(.99)}.dash-stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:22px;font-weight:600}.dash-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.dash-stat--accent{background:#2997ff0a;border-color:#2997ff40}.dash-stat--accent .dash-stat-value{color:var(--accent)}.dash-section{margin-bottom:32px}.dash-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dash-section-header h3{font-size:16px;font-weight:600}.dash-section-hint{color:var(--text-tertiary);margin:-6px 0 14px;font-size:13px;line-height:1.45}.resume-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.3px;background:#2997ff24;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.session-card-resume{border-color:#2997ff38}.dash-badge{background:var(--accent);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.dash-view-all{color:var(--accent);font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.dash-view-all:hover{opacity:.7}@media (width>=769px){.dash-stats{flex-wrap:wrap;gap:10px;display:flex}.dash-stat{flex:1;min-width:90px;padding:18px 16px}.dash-stat-value{font-size:26px}}.sp-header{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.sp-header .detail-back{margin-bottom:8px}.sp-header .page-header-toolbar{flex-direction:column;align-items:stretch}.sp-header .btn-primary{width:100%;height:48px}.sp-header-identity{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.sp-avatar{background:var(--bg-active);width:56px;height:56px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.sp-stats{flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.sp-stat{min-width:unset;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px 10px}.sp-stat-value{color:var(--text-primary);margin-bottom:2px;font-size:20px;font-weight:600}.sp-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.sp-section-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.sp-section-header h3{font-size:16px;font-weight:600}.sp-count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}@media (width>=769px){.sp-header,.sp-header .page-header-toolbar{flex-direction:row;align-items:center}.sp-header .btn-primary{width:auto;height:40px}.sp-stats{gap:12px;display:flex}.sp-stat{flex:1;min-width:100px;padding:16px}}.form-composer{flex-direction:column;gap:28px;display:flex}.form-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:-18px;font-size:11px;font-weight:600}.form-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px}.form-panel+.form-panel{margin-top:0}.form-textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:96px;color:var(--text-primary);font-size:16px;font-family:var(--font);resize:vertical;outline:none;padding:12px 14px;line-height:1.5;transition:border-color .2s}.form-textarea:focus{border-color:var(--accent)}.form-textarea::placeholder{color:var(--text-tertiary)}.form-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:52px;color:var(--text-primary);font-size:16px;font-family:var(--font);cursor:pointer;outline:none;padding:0 14px;transition:border-color .2s}.form-select:focus{border-color:var(--accent)}.btn-submit-wide{border-radius:var(--radius);letter-spacing:.02em;width:100%;height:52px;margin-top:8px;font-size:16px;font-weight:600}.form-char-count{color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}@media (width>=769px){.form-panel{padding:24px}.form-textarea{font-size:14px}.form-select{height:48px;font-size:14px}.btn-submit-wide{height:50px;font-size:15px}}.source-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:0;padding:4px;display:flex}.source-toggle-btn{border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:background .18s var(--ease-out), color .18s var(--ease-out);background:0 0;border:none;flex:1}.source-toggle-btn:hover{color:var(--text-primary)}.source-toggle-btn.active{background:var(--bg-elevated);color:var(--accent);box-shadow:0 1px 4px #0003}.source-toggle-btn:focus-visible{box-shadow:var(--focus-ring);z-index:1;outline:none}@media (width>=769px){.source-toggle-btn{height:42px;min-height:unset;font-size:12px}}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:0 0;padding:32px 16px;transition:all .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-soft)}.upload-zone-icon{justify-content:center;margin-bottom:12px;display:flex}.upload-zone-icon .app-icon{opacity:.45;color:var(--text-tertiary)}.upload-zone p{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.upload-zone .upload-hint{color:var(--text-tertiary);font-size:12px}.upload-zone .upload-hint-tip{opacity:.8;margin-top:6px;font-style:italic;display:block}.upload-zone.uploading{pointer-events:none;border-style:solid}.upload-progress{margin-top:16px}.upload-progress-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.upload-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.upload-progress-text{color:var(--text-secondary);text-align:center;font-size:12px}.upload-cancel-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;margin-top:10px;padding:4px 16px;transition:all .15s}.upload-cancel-btn:hover{color:var(--red);border-color:var(--red);background:#ff453a0f}.upload-complete{border-radius:var(--radius);background:#30d15814;border:1px solid #30d15833;align-items:center;gap:10px;padding:14px 18px;display:flex}.upload-complete-icon{color:var(--green);justify-content:center;align-items:center;display:flex}.upload-complete-info{flex:1}.upload-complete-name{color:var(--text-primary);font-size:14px;font-weight:500}.upload-complete-size{color:var(--text-tertiary);font-size:12px}.upload-remove-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.upload-remove-btn:hover{color:var(--red)}.recording-tips{margin-top:10px}.recording-tips-toggle{cursor:pointer;color:var(--text-tertiary);font-size:12px;font-family:var(--font);background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;transition:color .15s;display:inline-flex}.recording-tips-toggle:hover{color:var(--accent)}.recording-tips-list{color:var(--text-secondary);margin:8px 0 0;padding:0 0 0 18px;font-size:12px;line-height:1.7}.recording-tips-list li{margin-bottom:4px}.recording-tips-list strong{color:var(--text-primary);font-weight:600}@media (width>=769px){.upload-zone{padding:40px}.upload-zone p{font-size:14px}}.admin-section{margin-bottom:32px}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-section-header h3{color:var(--text-primary);letter-spacing:.3px;font-size:16px;font-weight:600}.admin-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.admin-field-row{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex}.admin-field-value{width:100%}.admin-field-edit{justify-content:flex-start;width:100%}.admin-inline-input{width:100%}.admin-field-row:last-child{border-bottom:none}.admin-field-label{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:12px;font-weight:500}.admin-field-value{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;display:flex}.admin-edit-btn{color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#63d2ff1a;border:1px solid #63d2ff33;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.admin-edit-btn:hover{background:#63d2ff2e;border-color:#63d2ff59}.admin-field-edit{align-items:center;gap:8px;display:flex}.admin-inline-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);height:36px;color:var(--text-primary);font-size:16px;font-family:var(--font);outline:none;min-height:44px;padding:0 12px}.admin-inline-input:focus{border-color:var(--accent)}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.admin-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.admin-stat-value{font-size:20px;font-weight:600}.admin-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:500}.admin-member-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-member-row:last-child{border-bottom:none}.admin-member-info{flex:1;min-width:0}.admin-member-name{font-size:14px;font-weight:500}.admin-you-badge{color:var(--text-tertiary);margin-left:6px;font-size:11px;font-weight:500}.admin-member-email{color:var(--text-tertiary);font-size:12px}.admin-member-actions{flex-direction:column;align-items:stretch;gap:4px;display:flex}.admin-member-input{max-width:none;height:auto;min-height:44px;font-size:16px}.admin-member-save-btn{min-height:44px!important}@media (width>=769px){.admin-field-row{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px}.admin-field-value,.admin-field-edit{width:auto}.admin-inline-input{width:auto;max-width:300px;min-height:unset;font-size:14px}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.admin-member-actions{flex-direction:row;align-items:center;gap:8px}.admin-member-row{padding:14px 20px}.admin-member-input{max-width:240px;min-height:unset;font-size:14px}}.toast-container{left:12px;right:12px;bottom:calc(60px + env(safe-area-inset-bottom,0) + 12px);z-index:200;pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;display:flex;position:fixed}.toast{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--radius);max-width:100%;box-shadow:var(--shadow);pointer-events:auto;align-items:center;gap:10px;padding:12px 16px;font-size:14px;animation:.3s toastSlideIn;display:flex}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-icon .app-icon{opacity:.95}.toast-msg{color:var(--text-primary);font-size:14px;line-height:1.4}@media (width>=769px){.toast-container{align-items:flex-end;bottom:20px;left:auto;right:20px}.toast{max-width:380px}}.profile-hero{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(180deg, #2997ff12 0%, transparent 45%), var(--bg-elevated);border:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;margin-bottom:32px;padding:20px;animation:.4s fadeIn;display:flex}.profile-avatar{background:linear-gradient(145deg, var(--accent-soft), var(--bg-active));border:1px solid var(--border);width:64px;height:64px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex}.profile-hero-info{flex:1}.profile-hero-name{margin-bottom:4px;font-size:22px;font-weight:600}.profile-hero-email{color:var(--text-tertiary);word-break:break-all;margin-bottom:10px;font-size:14px;line-height:1.35}.profile-hero-meta{color:var(--text-tertiary);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.profile-meta-sep{opacity:.4;-webkit-user-select:none;user-select:none}.profile-role-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.profile-role-badge--student{color:var(--green);background:#30d1581f}.profile-role-badge--instructor{color:var(--accent);background:var(--accent-soft)}.profile-role-badge--admin{color:var(--orange);background:#ff9f0a1f}.profile-section{margin-bottom:28px}.profile-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.profile-section-title-row{align-items:flex-start;gap:12px;display:flex}.profile-section-icon-wrap{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-section-title-block h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.profile-section-desc{color:var(--text-tertiary);text-transform:none;letter-spacing:0;max-width:none;margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.4}.profile-edit-btn{color:var(--accent);cursor:pointer;font-size:13px;font-family:var(--font);background:0 0;border:none;flex-shrink:0;padding:6px 0;font-weight:500;transition:opacity .2s}.profile-edit-btn:hover{opacity:.7}.profile-edit-btn-inner{align-items:center;gap:6px;display:inline-flex}.profile-edit-btn .app-icon{flex-shrink:0}.profile-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;overflow:hidden}.profile-field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.profile-field:last-child{border-bottom:none}.profile-field-label{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:12px;font-weight:500;display:block}.profile-field-value{color:var(--text-primary);text-align:right;word-break:break-word;font-size:14px}.profile-field-value-muted{color:var(--text-tertiary);margin-top:2px;font-size:13px;line-height:1.4;display:block}.profile-field-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);height:42px;color:var(--text-primary);font-size:16px;font-family:var(--font);text-align:right;outline:none;flex:1;padding:0 12px;transition:border-color .2s}.profile-field-input:focus{border-color:var(--accent)}.profile-field-input::placeholder{color:var(--text-tertiary)}.profile-field-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px;display:flex}.profile-card--stacked-form .profile-field{flex-direction:column;align-items:stretch;gap:8px}.profile-card--stacked-form .profile-field-label{min-width:unset}.profile-card--stacked-form .profile-field-input{text-align:left;width:100%;max-width:none}.profile-pw-extras{border-bottom:1px solid var(--border);padding:4px 16px 14px}.profile-pw-reveal{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.profile-pw-reveal input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.profile-pw-hints{flex-direction:column;gap:4px;font-size:12px;display:flex}.profile-hint{color:var(--text-tertiary)}.profile-hint--ok{color:var(--green)}.profile-hint--warn{color:var(--orange)}.profile-signout-card{flex-direction:column;gap:14px;padding:16px;display:flex}.profile-signout-hint{color:var(--text-tertiary);margin:0;font-size:13px;line-height:1.45}.profile-signout-btn{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:48px;color:var(--red);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:inline-flex}.profile-signout-btn:hover{border-color:var(--red);background:#ff453a0f}.profile-signout-btn .app-icon{flex-shrink:0}.profile-toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.profile-toggle input{opacity:0;width:0;height:0;position:absolute}.profile-toggle-track{background:var(--bg-tertiary);border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.profile-toggle input:checked+.profile-toggle-track{background:var(--accent)}.profile-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.profile-toggle input:checked+.profile-toggle-track .profile-toggle-thumb{transform:translate(20px)}.profile-toggle input:disabled+.profile-toggle-track{opacity:.5;cursor:not-allowed}@media (width>=769px){.profile-hero{text-align:left;flex-direction:row;gap:20px}.profile-avatar{width:72px;height:72px;font-size:24px}.profile-hero-meta{justify-content:flex-start}.profile-field{padding:16px 20px}.profile-field-label{min-width:120px;font-size:13px}.profile-field-input{height:38px;font-size:14px}.profile-pw-extras{padding-left:20px;padding-right:20px}.profile-section-desc{max-width:280px}.profile-signout-btn{height:44px}.profile-signout-card{padding:16px 20px}}.profile-danger-zone,.admin-danger-zone{margin-top:24px}.profile-danger-zone .profile-section-icon-wrap,.admin-danger-zone .admin-section-header h3{color:var(--red)}.profile-card-danger,.admin-card-danger{background:#ff453a12;border-color:#ff453a4d}.profile-field-label--danger{color:var(--red);font-weight:600}.admin-card-danger .admin-field-label{color:var(--red);font-size:13px;font-weight:600}.admin-card-danger .admin-field-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-danger-desc{color:var(--text-tertiary);margin:3px 0 0;font-size:12px;line-height:1.4}.admin-limits-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;margin:0 16px;padding-top:20px;display:grid}.admin-limits-grid .admin-field-value{color:var(--text-primary);margin-top:4px;font-size:20px;font-weight:700}@media (width>=600px){.admin-limits-grid{grid-template-columns:repeat(3,1fr);margin:0 20px}.admin-storage-note{margin:14px 20px 20px}}.admin-storage-note,.admin-field-desc{color:var(--text-tertiary);margin-top:2px;font-size:12px;line-height:1.5}.admin-storage-note{word-wrap:break-word;margin:14px 16px 16px}.admin-report-hint{color:var(--text-tertiary);border-top:1px solid var(--border);padding:8px 16px;font-size:12px;line-height:1.5}.admin-report-actions{gap:8px;display:flex}.admin-delete-school-warning{border-radius:var(--radius-sm);color:var(--text-primary);background:#ff453a0f;border:1px solid #ff453a2e;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.admin-delete-school-warning .app-icon{color:var(--red);flex-shrink:0;margin-top:1px}.admin-deletion-pending{align-items:center;gap:14px;padding:16px;display:flex}.admin-deletion-pending-icon{color:var(--orange);flex-shrink:0}.admin-deletion-pending-info{flex:1}.admin-deletion-pending-title{color:var(--orange);margin-bottom:4px;font-size:14px;font-weight:600}.admin-deletion-pending-info p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.student-filter-select{border:1px solid var(--border);background:var(--bg-secondary);height:36px;color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:140px;padding:0 12px;font-size:13px}.student-filter-select:focus{border-color:var(--accent);outline:none}.tag-input-wrap{position:relative}.tag-input-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:text;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:8px 10px;transition:border-color .15s;display:flex}.tag-input-box--focused{border-color:var(--accent)}.tag-input-field{color:var(--text-primary);font-size:14px;font-family:var(--font);background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0}.tag-input-field::placeholder{color:var(--text-tertiary)}.tag-pill{background:var(--accent-dim,#0a84ff1f);color:var(--accent);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px 2px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill-x{color:var(--accent);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.tag-pill-x:hover{opacity:1}.tag-suggestions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:10;max-height:200px;margin-top:4px;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.tag-suggestion-btn{text-align:left;width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:6px 12px}.tag-suggestion-btn:hover{background:var(--bg-tertiary)}.tag-list{flex-wrap:wrap;gap:5px;display:flex}.tag-chip{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font);border:none;border-radius:10px;padding:2px 10px;transition:all .15s;display:inline-block}.tag-chip:hover{background:var(--accent-dim,#0a84ff1f);color:var(--accent)}.tag-chip.active{background:var(--accent);color:#fff}.tag-filter-bar{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px;display:flex}.tag-filter-label{color:var(--text-tertiary);margin-right:4px;font-size:12px}.onboarding-checklist{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px 24px}.onboarding-title{margin-bottom:4px;font-size:16px;font-weight:600}.onboarding-hint{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.onboarding-steps{flex-direction:column;gap:10px;display:flex}.onboarding-step{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:flex-start;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.onboarding-step:hover{border-color:var(--accent)}.onboarding-step--locked{opacity:.45;pointer-events:none}.onboarding-step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.onboarding-step--locked .onboarding-step-num{background:var(--bg-tertiary);color:var(--text-tertiary)}.onboarding-step-title{font-size:14px;font-weight:600}.onboarding-step-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.td{flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:20px 16px;display:flex}.td-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:0 0 20px;display:flex}.td-topbar-left{align-items:center;gap:14px;display:flex}.td-topbar-title h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.td-topbar-title p{color:var(--text-tertiary);margin:2px 0 0;font-size:12px}.td-topbar-right{align-items:center;gap:8px;display:flex}.td-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.td-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-strong)}.td-icon-btn-sm{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.td-icon-btn-sm:hover{color:var(--text-primary)}.td-user-menu-wrap{position:relative}.td-backdrop{z-index:90;position:fixed;inset:0}.td-dropdown{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:100;min-width:220px;box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.td-dropdown-header{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.td-dropdown-name{font-size:13px;font-weight:500}.td-dropdown-email{color:var(--text-tertiary);font-size:11px}.td-dropdown button{width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;transition:background .1s;display:flex}.td-dropdown button:hover{background:var(--bg-secondary)}.td-controls{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.td-filters{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.td-pill{border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;transition:all .15s;display:inline-flex}.td-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.td-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.td-pill-count{background:var(--bg-active);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.td-pill.active .td-pill-count{background:#ffffff40}.td-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.td-search-wrap{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);min-width:160px;color:var(--text-tertiary);flex:1;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s;display:flex}.td-search-wrap:focus-within{border-color:var(--accent)}.td-search{color:var(--text-primary);font-size:13px;font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:8px 0}.td-btn{border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.td-btn-primary{background:var(--accent);color:#fff}.td-btn-primary:hover{filter:brightness(1.1)}.td-btn-primary:disabled{opacity:.5;cursor:not-allowed}.td-btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0;padding:7px 10px}.td-btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-strong)}.td-btn-danger{color:var(--red);background:#ff453a1a}.td-btn-danger:hover{background:#ff453a2e}.td-btn-sm{padding:6px 12px;font-size:12px}.td-btn-xs{border-radius:5px;padding:3px 8px;font-size:11px}.td-table{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex:1;overflow:hidden}.td-thead{display:none}.td-th{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:3px;font-size:11px;font-weight:600;transition:color .15s;display:inline-flex}.td-th:hover{color:var(--text-primary)}.td-th.active{color:var(--accent)}.td-row{cursor:pointer;border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px 16px;font-size:13px;transition:background .12s;display:grid}.td-row.even{background:0 0}.td-row.odd{background:var(--bg-hover)}.td-row:hover{background:var(--bg-secondary)}.td-row-group.expanded .td-row{background:var(--bg-secondary);border-bottom-color:#0000}.td-row-group:last-child .td-row{border-bottom:none}.td-cell{display:none}.td-cell-name{flex-direction:column;gap:2px;min-width:0;font-weight:500;display:flex}.td-school-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.td-school-slug{color:var(--text-tertiary);font-size:11px;font-weight:400}.td-cell-actions{justify-content:flex-end;gap:4px;display:flex}.td-cell-storage{flex-direction:column;gap:3px;font-size:12px;display:none}.td-cell-num{font-variant-numeric:tabular-nums}.td-cell-date{color:var(--text-tertiary);font-size:12px}.td-cell-status{display:none}.td-mini-meter{background:var(--bg-active);border-radius:2px;width:52px;height:3px;overflow:hidden}.td-mini-meter-fill{border-radius:2px;height:100%;transition:width .4s}.td-inline-input{border:1px solid var(--accent);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-family:var(--font);border-radius:6px;outline:none;width:200px;padding:4px 8px}.td-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.td-empty p{margin:0;font-size:14px}.td-loading{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:12px;padding:60px 24px;font-size:14px;display:flex}.td-loading-spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite td-spin}@keyframes td-spin{to{transform:rotate(360deg)}}.td-detail-loading{color:var(--text-tertiary);align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.td-detail-loading .td-loading-spinner{width:16px;height:16px}.td-detail{background:var(--bg-secondary);border-top:1px solid var(--border);padding:16px}.td-detail-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.td-detail-title{align-items:center;gap:8px;display:flex}.td-detail-title h3{margin:0;font-size:15px;font-weight:600}.td-rename-row{align-items:center;gap:6px;display:flex}.td-detail-grid{gap:12px;display:grid}.td-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.td-card h4{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin:0;padding:10px 14px;font-size:11px;font-weight:600}.td-card-body{padding:14px}.td-card-danger{background:#ff453a12;border-color:#ff453a4d}.td-card-danger h4{color:var(--red);background:#ff453a1a}.td-danger-body{justify-content:space-between;align-items:center;gap:16px;display:flex}.td-danger-body strong{font-size:13px}.td-danger-body p{color:var(--text-tertiary);margin:3px 0 0;font-size:12px;line-height:1.4}.td-danger-body .td-btn-danger{background:var(--red);color:#fff;border-radius:var(--radius-sm);padding:8px 20px;font-weight:600;transition:filter .15s,transform .1s}.td-danger-body .td-btn-danger:hover{filter:brightness(1.15);transform:translateY(-1px)}.sub-badge{text-transform:capitalize;white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.sub-active{color:var(--green);background:#30d1581f}.sub-trialing{color:var(--accent);background:#2997ff1f}.sub-past-due,.sub-past_due{color:var(--orange);background:#ff9f0a1f}.sub-cancelled{color:var(--text-tertiary);background:#ff453a14}.sub-expired{color:var(--red);background:#ff453a1f}.td-sub-current{align-items:center;gap:12px;margin-bottom:12px;display:flex}.td-sub-expires{color:var(--text-tertiary);font-size:12px}.td-inline-form{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:10px;padding-top:12px;display:flex}.td-field{flex-direction:column;gap:4px;display:flex}.td-field label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:500}.td-field input,.td-field select{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-family:var(--font);border-radius:6px;outline:none;padding:6px 10px;transition:border-color .15s}.td-field input{width:90px}.td-field input:focus,.td-field select:focus{border-color:var(--accent)}.td-usage-meter{margin-bottom:10px}.td-usage-meter:last-of-type{margin-bottom:0}.td-usage-meter-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.td-meter-track{background:var(--bg-active);border-radius:2px;height:4px;overflow:hidden}.td-meter-fill{border-radius:2px;height:100%;transition:width .4s}.td-usage-warn{color:var(--orange);margin-top:6px;font-size:11px;font-weight:500}.td-usage-meta{color:var(--text-tertiary);border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.td-stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.td-stat{text-align:center;background:var(--bg-secondary);border-radius:6px;padding:8px 6px}.td-stat-val{color:var(--accent);font-size:18px;font-weight:700;line-height:1.2;display:block}.td-stat-lbl{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.td-meta-line{color:var(--text-tertiary);margin-bottom:8px;font-size:12px}.td-billing-status-row{border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.td-billing-status-row.billing-active{color:var(--green);background:color-mix(in srgb, var(--green) 10%, transparent)}.td-billing-status-row.billing-trialing{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.td-billing-status-row.billing-past-due{color:var(--orange);background:color-mix(in srgb, var(--orange) 10%, transparent)}.td-billing-status-row.billing-cancelled{color:var(--text-tertiary);background:var(--bg-tertiary)}.td-billing-interval{text-transform:capitalize;opacity:.8;margin-left:auto;font-size:12px;font-weight:500}.td-billing-alert{border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.td-billing-alert-error{color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent);border:1px solid color-mix(in srgb, var(--red) 20%, transparent)}.td-billing-alert-warn{color:var(--orange);background:color-mix(in srgb, var(--orange) 8%, transparent);border:1px solid color-mix(in srgb, var(--orange) 20%, transparent)}.td-billing-details{flex-direction:column;gap:0;display:flex}.td-billing-row{border-bottom:1px solid var(--border-light,var(--border));justify-content:space-between;align-items:baseline;padding:6px 0;font-size:12px;display:flex}.td-billing-row:last-child{border-bottom:none}.td-billing-row>span:first-child{color:var(--text-tertiary)}.td-billing-row>span:last-child{color:var(--text-primary);text-align:right;font-weight:500}.td-billing-card-exp{color:var(--text-tertiary);font-weight:400}.td-billing-text-warn{color:var(--orange)!important}.td-slug{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:4px;padding:6px 10px;font-family:SF Mono,Fira Code,monospace;font-size:11px;display:block}.td-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:20px;padding:16px 4px 8px;display:flex}.td-footer-count{color:var(--text-tertiary);font-size:12px}.td-footer-link{color:var(--text-tertiary);align-items:center;gap:5px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.td-footer-link:hover{color:var(--accent)}.td-col-menu-wrap{position:relative}.td-col-menu{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:100;min-width:180px;box-shadow:var(--shadow-lg);padding:6px 0;position:absolute;top:calc(100% + 6px);right:0}.td-col-menu-item{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:background .1s;display:flex}.td-col-menu-item:hover{background:var(--bg-secondary)}.td-col-menu-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}.td-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px 8px;display:flex}.td-pagination-left{align-items:center;gap:10px;display:flex}.td-pagination-info{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.td-page-size{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-family:var(--font);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px}.td-page-size:focus{border-color:var(--accent)}.td-pagination-right{align-items:center;gap:4px;display:flex}.td-page-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.td-page-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-strong)}.td-page-btn:disabled{opacity:.3;cursor:not-allowed}.td-page-indicator{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;min-width:50px;padding:0 8px;font-size:12px}.role-badge{text-transform:capitalize;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.role-admin{color:var(--accent);background:#64d2ff1f}.role-instructor{color:var(--orange);background:#ff95001f}.role-student{color:var(--green);background:#30d1581f}.btn-small{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex}.btn-danger{color:var(--red);background:#ff453a1f}.btn-danger:hover{background:#ff453a33}@media (width>=769px){.td{padding:28px 40px}.td-controls{flex-direction:row;justify-content:space-between;align-items:center}.td-thead{border-bottom:1px solid var(--border);padding:10px 16px;display:grid}.td-cell{align-items:center;display:inline-flex}.td-cell-storage{display:flex}.td-cell-status{display:inline-flex}.td-detail-grid{grid-template-columns:1fr 1fr}.td-card-danger{grid-column:1/-1}}.login-signup-link{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:13px}.login-signup-link a{color:var(--accent);font-weight:500;text-decoration:none}.login-signup-link a:hover{text-decoration:underline}.input-error{border-color:var(--red)!important}.signup-wrap{background:var(--bg);justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px 64px;display:flex;position:relative;overflow-x:hidden}.signup-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#2997ff17 0%,#0000 65%);width:600px;height:600px;position:fixed;top:-20%;right:-10%}.signup-shell{width:100%;max-width:860px}.signup-header{text-align:center;margin-bottom:40px}.signup-logo-link{color:var(--text-primary);letter-spacing:4px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:10px;font-size:22px;font-weight:600;text-decoration:none;display:inline-flex}.signup-tagline{color:var(--text-secondary);margin-top:8px;font-size:14px}.signup-steps{justify-content:center;align-items:center;gap:2px;margin-bottom:40px;display:flex}.signup-step{align-items:center;gap:8px;display:flex}.signup-step-dot{border:2px solid var(--border-strong);background:var(--bg-elevated);width:28px;height:28px;color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.signup-step.active .signup-step-dot{border-color:var(--accent);background:var(--accent);color:#fff}.signup-step.done .signup-step-dot{border-color:var(--green);color:var(--green);background:#30d15826}.signup-step-label{display:none}.signup-step.active .signup-step-label{color:var(--accent)}.signup-step.done .signup-step-label{color:var(--green)}.signup-step-line{background:var(--border);flex-shrink:0;width:20px;height:2px;margin:0 6px}.signup-section{animation:.3s ease-out loginSlideUp}.signup-section-narrow{max-width:480px;margin:0 auto}.signup-section-title{color:var(--text-primary);text-align:center;margin-bottom:6px;font-size:24px;font-weight:600}.signup-section-sub{color:var(--text-secondary);text-align:center;margin-bottom:28px;font-size:14px}.signup-change-plan{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.signup-plan-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px;display:grid}.signup-plan-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:var(--text-primary);font-family:var(--font);flex-direction:column;padding:24px 20px 20px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative}.signup-plan-card:hover{border-color:var(--border-strong)}.signup-plan-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#2997ff0f}.signup-plan-card.highlight{border-color:var(--accent-dim)}.signup-plan-card.highlight.selected{border-color:var(--accent)}.signup-plan-badge{background:var(--accent);color:#fff;letter-spacing:.5px;white-space:nowrap;border-radius:99px;padding:3px 12px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.signup-plan-name{margin-bottom:6px;font-size:16px;font-weight:600}.signup-plan-price{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700}.signup-plan-period{color:var(--text-secondary);font-size:14px;font-weight:400}.signup-plan-desc{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:13px;line-height:1.5}.signup-plan-features{flex-direction:column;gap:7px;margin-bottom:20px;list-style:none;display:flex}.signup-plan-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.signup-plan-features li .app-icon{color:var(--green);flex-shrink:0}.signup-plan-select{border-radius:var(--radius);border:1px solid var(--border-strong);height:36px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.signup-plan-select.active{background:var(--accent);border-color:var(--accent);color:#fff}.signup-form{flex-direction:column;gap:0;margin-bottom:20px;display:flex}.signup-trial-notice{border-radius:var(--radius);color:var(--green);background:#30d15817;border:1px solid #30d15833;align-items:center;gap:8px;margin-bottom:24px;padding:12px 14px;font-size:13px;display:flex}.signup-card-element{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration-base), box-shadow var(--duration-base);padding:14px 12px}.signup-card-element:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring-inner)}.signup-card-element.input-error{border-color:var(--red)}.signup-card-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.signup-payment-note{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:4px;margin-bottom:20px;font-size:12px;display:flex}.signup-review-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px 24px}.signup-review-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.signup-review-row span{color:var(--text-secondary);white-space:nowrap}.signup-review-row strong{color:var(--text-primary);text-align:right}.signup-review-row-total{border-bottom:none;margin-top:4px;padding-top:16px}.signup-review-row-total span{color:var(--text-primary);font-size:15px;font-weight:600}.signup-review-row-total strong{color:var(--green);font-size:20px;font-weight:700}.signup-review-note{color:var(--text-tertiary);margin-top:10px;font-size:12px}.signup-nav{align-items:center;gap:12px;display:flex}.signup-back-btn{align-items:center;gap:6px;height:48px;padding:0 20px;font-size:14px;display:flex}.signup-next-btn{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.signup-footer-link{text-align:center;color:var(--text-secondary);margin-top:28px;font-size:13px}.signup-footer-link a{color:var(--accent);font-weight:500;text-decoration:none}.signup-footer-link a:hover{text-decoration:underline}.signup-success{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:420px;margin:60px auto;padding:48px 32px}.signup-success-icon{color:var(--green);margin-bottom:20px}.signup-success h2{margin-bottom:12px;font-size:24px;font-weight:600}.signup-success p{color:var(--text-secondary);margin-bottom:8px;font-size:15px;line-height:1.6}.signup-success-sub{color:var(--green);font-size:13px}.signup-success-email{font-size:13px}.signup-success-btn{margin-top:28px}@media (width>=769px){.signup-wrap{padding:48px 20px 80px}.signup-steps{gap:0}.signup-step-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:500;display:inline}.signup-step-line{width:40px}.signup-plan-grid{grid-template-columns:repeat(3,1fr)}.signup-plan-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.usage-banner{padding:14px 16px}.usage-banner--warning{border-radius:var(--radius-md);background:#ff9f0a0a;border:1px solid #ff9f0a33;padding:14px 16px}.usage-banner--danger{border-radius:var(--radius-md);background:#ff453a0a;border:1px solid #ff453a33;padding:14px 16px}.usage-banner-row{flex-direction:column;gap:16px;display:flex}.usage-meter{flex:1;min-width:0}.usage-meter-label{color:var(--text-secondary);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;display:flex}.usage-meter-label>span:first-child{color:var(--text-primary);font-weight:600}.usage-meter-value{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:500}.usage-bar{background:var(--bg-secondary);border-radius:4px;height:8px;overflow:hidden}.usage-bar-fill{background:var(--accent);border-radius:4px;min-width:2px;height:100%;transition:width .4s}.usage-bar-fill--warn{background:var(--orange)}.usage-bar-fill--full{background:var(--red)}.usage-banner-msg{color:var(--red);margin:10px 0 0;font-size:13px;font-weight:500}.usage-banner-tip{color:var(--text-tertiary);margin:8px 0 0;font-size:12px;line-height:1.5}.usage-banner-retention{color:var(--text-tertiary);margin:8px 0 0;font-size:12px}@media (width>=481px){.usage-banner-row{flex-direction:row;gap:24px}}.export-section{margin-top:12px}.export-btn-row{flex-wrap:wrap;gap:8px;display:flex}.tos-page{max-width:720px;color:var(--text-primary);margin:0 auto;padding:32px 16px 64px}.tos-page h1{margin-bottom:8px;font-size:28px;font-weight:700}.tos-page .tos-updated{color:var(--text-tertiary);margin-bottom:32px;font-size:13px}.tos-page h2{border-bottom:1px solid var(--border);margin-top:32px;margin-bottom:12px;padding-bottom:8px;font-size:18px;font-weight:600}.tos-page h3{margin-top:20px;margin-bottom:8px;font-size:15px;font-weight:600}.tos-page p,.tos-page li{color:var(--text-secondary);font-size:14px;line-height:1.7}.tos-page ul{margin:8px 0;padding-left:20px}.tos-page li{margin-bottom:4px}.tos-page .tos-highlight{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;padding:16px 20px}.tos-page .tos-highlight p{margin:0}.tos-back-link{color:var(--accent);align-items:center;gap:4px;margin-bottom:24px;font-size:13px;text-decoration:none;display:inline-flex}.tos-back-link:hover{text-decoration:underline}@media (width>=769px){.tos-page{padding:48px 24px 80px}}.support-form{flex-direction:column;gap:24px;display:flex}.support-section{flex-direction:column;gap:8px;display:flex}.support-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:600}.support-category-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.support-category-btn{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:12px 8px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.support-category-btn:hover{border-color:var(--accent);color:var(--text-primary)}.support-category-btn.active{border-color:var(--accent);color:var(--accent);background:#0a84ff14;font-weight:600}.support-textarea{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:120px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6}.support-textarea:focus{border-color:var(--accent);outline:none}.support-textarea::placeholder{color:var(--text-tertiary)}.support-char-count{text-align:right;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.support-submit-row{margin-top:4px}.support-footer-note{color:var(--text-tertiary);text-align:center;font-size:13px;line-height:1.5}.support-footer-note a{color:var(--accent);text-decoration:none}.support-footer-note a:hover{text-decoration:underline}.support-success{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 20px}.support-success-icon{color:var(--green);margin-bottom:16px}.support-success h2{margin-bottom:8px;font-size:22px;font-weight:600}.support-success p{color:var(--text-secondary);margin-bottom:4px;font-size:14px;line-height:1.6}.support-ref{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius);margin:16px 0;padding:8px 16px;font-size:13px;display:inline-block}.support-ref code{color:var(--text-primary);letter-spacing:.5px;font-weight:600}.support-success-hint{color:var(--text-tertiary);margin-bottom:20px;font-size:13px}.support-success-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width>=481px){.support-category-grid{grid-template-columns:repeat(3,1fr)}}.api-docs-fullpage{background:var(--bg-primary);flex-direction:column;min-height:100dvh;display:flex}.api-docs-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;align-items:center;gap:20px;padding:14px 24px;display:flex}.api-docs-back{color:var(--accent);font-size:14px;font-weight:500;text-decoration:none}.api-docs-back:hover{text-decoration:underline}.api-docs-title{color:var(--text-primary);font-size:15px;font-weight:600}.api-docs-fullpage .swagger-docs-host{flex:1;overflow:auto}.api-docs-fullpage .swagger-ui .topbar{display:none}.api-docs-fullpage .swagger-ui .info .title,.api-docs-fullpage .swagger-ui .opblock-tag{color:var(--text-primary)}.api-docs-fullpage .swagger-ui .opblock .opblock-summary-description{color:var(--text-secondary)}.api-docs-fullpage .swagger-ui .response-col_status{color:var(--text-primary)}@media (width<=380px){.page-header{padding:14px 12px 10px}.page-body{padding:12px}.dash-stats{gap:6px}.session-card{padding:14px 12px}.mobile-nav-item{min-width:44px;padding:6px 4px;font-size:9px}.mobile-nav-icon svg{width:20px;height:20px}}