:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-input: #f1f5f9;--bg-hover: #f1f5f9;--bg-surface: #ffffff;--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--primary-gradient: linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8);--primary-shadow: 0 4px 14px rgba(37, 99, 235, .25);--accent-blue: #1e40af;--accent-teal: #0f766e;--accent-gold: #b45309;--accent-cyan: #0891b2;--accent-green: #10b981;--accent-emerald: #059669;--accent-orange: #d97706;--accent-purple: #7c3aed;--accent-pink: #db2777;--accent-red: #ef4444;--text-main: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-dim: #94a3b8;--text-inverse: #ffffff;--border-light: #e2e8f0;--border-lighter: #f1f5f9;--border-focus: var(--primary);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .04), 0 2px 4px rgba(15, 23, 42, .02);--shadow-lg: 0 8px 30px rgba(15, 23, 42, .06), 0 4px 8px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 60px rgba(15, 23, 42, .08), 0 8px 20px rgba(15, 23, 42, .04);--shadow-card: 0 4px 20px rgba(15, 23, 42, .03), 0 1px 4px rgba(15, 23, 42, .02)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation}@media (display-mode: standalone),(display-mode: window-controls-overlay){html,body,#root{min-height:100dvh}body{overscroll-behavior-y:none}}.install-app-prompt{position:fixed;right:16px;bottom:calc(94px + env(safe-area-inset-bottom));z-index:900;width:min(390px,calc(100vw - 32px));display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(13,148,136,.18);border-radius:18px;color:#17334a;background:#fffffff5;box-shadow:0 16px 42px #0e263d2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.install-app-prompt img{width:46px;height:46px;border-radius:12px}.install-app-prompt strong,.install-app-prompt span{display:block}.install-app-prompt strong{font-size:.82rem}.install-app-prompt span{margin-top:2px;color:#738697;font-size:.65rem;line-height:1.4}.install-app-button{min-height:34px;padding:0 13px;border:0;border-radius:10px;color:#fff;background:var(--primary-gradient);font-size:.72rem;font-weight:750;cursor:pointer}.install-app-close{width:26px;height:26px;border:0;color:#91a0ad;background:transparent;font-size:1.15rem;cursor:pointer}@media (min-width: 960px){.install-app-prompt{bottom:22px}}::-webkit-scrollbar{width:0}.app-wrapper{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background:var(--bg-primary);position:relative;overflow:hidden}.app-wrapper.immersive-mode{display:flex;justify-content:center;align-items:center}.sidebar{display:none}.main-content{flex:1;overflow-y:auto;padding:20px 16px calc(68px + env(safe-area-inset-bottom));position:relative;background:var(--bg-primary);-webkit-overflow-scrolling:touch}.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));background:#ffffffd9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(15,23,42,.04);padding:0 8px env(safe-area-inset-bottom);z-index:100;box-shadow:0 -8px 30px #0f172a08}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;flex:1;color:var(--text-dim);text-decoration:none;font-weight:600;font-size:.72rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-icon,.nav-item>svg{position:relative;top:0;font-size:1.35rem;transition:all .3s ease}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon,.nav-item.active>svg{top:0;transform:scale(1.15);color:var(--primary);filter:drop-shadow(0 4px 6px rgba(37,99,235,.3))}.glass-card{background:var(--bg-card);border:1px solid rgba(15,23,42,.04);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-card);position:relative}.data-management{max-width:1120px;margin:0 auto;animation:fadeIn .45s ease-out}.data-hero{min-height:190px;padding:32px 38px;display:flex;justify-content:space-between;align-items:center;border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(78,201,176,.32),transparent 24%),linear-gradient(120deg,#0b1735,#172c62 55%,#184b5c);color:#fff;overflow:hidden;box-shadow:0 22px 48px #0f204c38}.eyebrow{display:block;font-size:.7rem;letter-spacing:1.6px;font-weight:800;color:#7dd3fc}.data-hero h1{margin:8px 0;font-size:2rem;letter-spacing:-1px}.data-hero p{margin:0;color:#ffffffb3}.data-orb{width:96px;height:96px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:.72rem;line-height:1.5;letter-spacing:1.5px;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;box-shadow:inset 0 0 26px #ffffff29}.data-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.data-tab{border:1px solid var(--border-light);padding:15px;display:flex;gap:12px;text-align:left;align-items:center;border-radius:18px;cursor:pointer;background:var(--bg-card);color:var(--text-main);transition:.2s ease}.data-tab:hover,.data-tab.active{transform:translateY(-2px);border-color:#38bdf8;box-shadow:0 10px 25px #0e74901a}.data-tab b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e0f2fe;color:#0369a1;font-size:1.15rem}.data-tab span{font-size:.9rem;font-weight:800}.data-tab small{display:block;margin-top:3px;color:var(--text-muted);font-size:.68rem;font-weight:500}.data-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;padding:30px;box-shadow:var(--shadow-card)}.data-panel-heading h2{margin:7px 0 8px;font-size:1.45rem}.data-panel-heading p{margin:0 0 25px;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid label{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.form-grid select,.form-grid input{margin-top:7px}.data-submit{margin-top:8px;min-width:150px}.board-filters{display:flex;gap:14px}.board-filters select{margin:0 0 22px}.board-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.segmented{border:1px solid var(--border-light);background:transparent;padding:9px 14px;cursor:pointer;color:var(--text-secondary)}.segmented:first-child{border-radius:10px 0 0 10px}.segmented:nth-child(2){border-radius:0 10px 10px 0}.segmented.active{background:#0f3b68;color:#fff;border-color:#0f3b68}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}.metric-card{padding:18px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #dbeafe}.metric-card span{display:block;color:#64748b;font-size:.8rem;font-weight:700}.metric-card strong{display:block;font-size:1.8rem;color:#0f3b68;margin-top:6px}.empty-board{text-align:center;padding:54px 20px;border:1px dashed #cbd5e1;border-radius:18px;color:var(--text-muted)}.bar-chart{height:250px;display:flex;gap:15px;align-items:end;padding:12px 10px;border-bottom:1px solid var(--border-light);overflow:auto}.bar-item{min-width:60px;display:flex;flex-direction:column;align-items:center;gap:7px}.bar{width:28px;border-radius:10px 10px 2px 2px;background:linear-gradient(#38bdf8,#155e75)}.bar-item span{font-size:.75rem;font-weight:800}.bar-item small,.chart-labels span{font-size:.65rem;color:var(--text-muted);max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-chart{overflow:auto}.line-chart svg{width:100%;min-width:320px;height:245px}.line-chart line{stroke:#cbd5e1}.line-chart polyline{fill:none;stroke:#0ea5e9;stroke-width:3}.line-chart circle{fill:#fff;stroke:#0ea5e9;stroke-width:3}.line-chart text{font-size:12px;fill:#0f3b68;text-anchor:middle;font-weight:700}.chart-labels{display:flex;justify-content:space-around;gap:8px}.homework-summary{padding:35px;border-radius:18px;background:#f0fdfa;text-align:center}.homework-summary strong{font-size:2rem;color:#115e59}.homework-summary small{font-size:.9rem;font-weight:600;color:#64748b}.progress-track{height:11px;background:#ccfbf1;border-radius:99px;overflow:hidden;margin:20px auto;max-width:500px}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#0f766e)}@media (max-width: 767px){.data-hero{padding:26px 22px;min-height:170px}.data-hero h1{font-size:1.6rem}.data-orb{width:72px;height:72px;font-size:.58rem}.data-tabs{grid-template-columns:1fr 1fr}.data-tab{padding:12px}.data-tab small{display:none}.data-panel{padding:22px 16px}.form-grid{grid-template-columns:1fr}.board-filters{flex-direction:column;gap:0}.board-controls{align-items:flex-start;gap:12px;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}}.data-studio{max-width:1180px;margin:0 auto;animation:fadeIn .45s ease-out}.studio-hero{min-height:236px;padding:40px 46px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:30px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(67,221,189,.3),transparent 22%),radial-gradient(circle at 56% 100%,rgba(118,99,255,.25),transparent 42%),linear-gradient(125deg,#061426,#0c2850 58%,#123b58);box-shadow:0 25px 55px #06142647}.data-kicker{color:#4de1c6;font-size:.68rem;font-weight:800;letter-spacing:1.8px}.studio-hero h1{max-width:650px;margin:12px 0 10px;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-1.6px}.studio-hero p{margin:0;color:#f1f8ffb3}.hero-stat{min-width:140px;display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-stat strong{font-size:2.4rem;line-height:1}.hero-stat span{font-size:.64rem;letter-spacing:1px;color:#b8d5e8}.studio-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0 26px}.studio-nav button{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(15,41,72,.1);border-radius:16px;color:var(--text-main);background:var(--bg-card);cursor:pointer;text-align:left;transition:.2s ease}.studio-nav button:hover,.studio-nav button.active{border-color:#55d7ca;box-shadow:0 10px 24px #1069791f;transform:translateY(-2px)}.studio-nav b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e5faf6;color:#0f766e;font-size:.68rem}.studio-nav span{font-weight:750;font-size:.84rem}.studio-nav small{display:block;margin-top:3px;color:var(--text-muted);font-size:.62rem;font-weight:500}.studio-exit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:128px;padding:13px;border:1px solid rgba(185,28,28,.16);border-radius:16px;background:#fff8f8;color:#b91c1c;font-weight:750;font-size:.84rem;cursor:pointer;transition:.2s ease}.studio-exit:hover{border-color:#dc2626;box-shadow:0 10px 24px #b91c1c1f;transform:translateY(-2px)}.score-editor,.records-space{padding:34px;border:1px solid rgba(15,41,72,.08);border-radius:28px;background:var(--bg-card);box-shadow:0 18px 42px #0f29480f}.editor-copy h2,.section-title h2{margin:8px 0;font-size:1.45rem;letter-spacing:-.5px}.editor-copy p{margin:0 0 26px;color:var(--text-muted);font-size:.86rem}.score-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 20px}.score-form-grid label{font-size:.78rem;font-weight:750;color:var(--text-secondary)}.score-form-grid select,.score-form-grid input{margin:7px 0 0}.editor-actions{display:flex;gap:10px;margin-top:26px;justify-content:flex-end}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:14px}.score-record{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e5edf4;border-radius:18px;background:linear-gradient(145deg,#fff,#f6fbff);cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s ease}.score-record:hover{border-color:#9ee8d9;transform:translateY(-2px)}.record-score{min-width:52px;height:52px;display:grid;place-content:center;text-align:center;border-radius:15px;color:#0e5b71;background:linear-gradient(145deg,#dcfaf4,#e0f2fe);font-size:1.2rem;font-weight:850}.record-score small{font-size:.62rem}.record-main{min-width:0;flex:1}.record-main span{font-size:.66rem;font-weight:800;color:#0f766e}.record-main h3{margin:4px 0;font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-main p{margin:0;color:var(--text-muted);font-size:.72rem}.record-source{font-size:.62rem;color:#64748b}.data-empty{padding:48px 18px;text-align:center;color:var(--text-muted);border:1px dashed #cbd5e1;border-radius:18px}.action-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:grid;place-items:center;padding:22px;background:#020c1b85;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.action-sheet-card{width:min(360px,100%);padding:28px;border-radius:24px;background:#fff;box-shadow:0 24px 70px #020c1b47}.action-sheet-card h3{margin:8px 0}.action-sheet-card p{color:#64748b;font-size:.85rem;margin:0 0 22px}.action-sheet-card button{width:100%;margin-top:9px}.danger-action{padding:11px;border:1px solid #fecaca;border-radius:10px;background:#fff5f5;color:#dc2626;font-weight:750;cursor:pointer}@media (max-width:767px){.studio-hero{padding:28px 22px;min-height:190px}.studio-hero h1{font-size:1.7rem}.hero-stat{display:none}.studio-nav{grid-template-columns:1fr 1fr}.studio-nav small{display:none}.score-editor,.records-space{padding:22px 16px}.score-form-grid,.insight-metrics{grid-template-columns:1fr 1fr}.insight-filters{flex-direction:column;gap:0}.section-title{align-items:flex-start}.section-title>span{max-width:115px;text-align:right}.record-source{display:none}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:0}.page-header h1{font-size:1.35rem;color:var(--text-main);margin:0;font-weight:800;letter-spacing:-.5px}.btn{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:.85rem;min-height:42px;letter-spacing:-.1px}.btn:active{transform:scale(.97);background:var(--bg-hover)}.btn-primary{background:var(--primary-gradient);border:none;color:#fff;box-shadow:var(--primary-shadow)}.btn-primary:active{box-shadow:0 2px 8px #2563eb33}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;padding:12px 16px;margin:6px 0 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-main);font-size:1rem;transition:all .2s ease;outline:none;font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,textarea:focus,select:focus{border-color:var(--primary-light);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.login-wrapper{position:relative;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#020617,#0f172a 40%,#1e293b)}.login-wrapper:before{content:"";position:absolute;top:-150px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(14,116,144,.15) 0%,transparent 60%);border-radius:50%;z-index:0;pointer-events:none}.login-wrapper:after{content:"";position:absolute;bottom:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(15,118,110,.12) 0%,transparent 60%);border-radius:50%;z-index:0;pointer-events:none}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}\feff  .insight-space{padding:22px 22px 26px;border:1px solid rgba(15,41,72,.08);border-radius:28px;background:var(--bg-card);box-shadow:0 18px 42px #0f29480f}.insight-hero{margin-bottom:16px}.insight-hero .data-kicker{color:#4de1c6;font-size:.68rem;font-weight:800;letter-spacing:1.8px;display:block;margin-bottom:6px}.insight-hero h2{font-size:1.65rem;letter-spacing:-.8px;margin:0 0 6px;background:linear-gradient(135deg,#0f172a,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.insight-hero p{margin:0;color:var(--text-muted);font-size:.88rem}.insight-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.insight-selectors{display:flex;flex-direction:row;gap:12px;flex:1;min-width:240px}.insight-selectors select{margin:0;flex:1;min-width:140px}.chart-toggles{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid #dce8ef}.chart-toggles button{padding:9px 18px;border:none;background:#fff;color:#64748b;font-weight:600;font-size:.8rem;cursor:pointer;transition:.2s}.chart-toggles button.active{background:#0f3b68;color:#fff}.chart-toggles button:first-child{border-right:1px solid #dce8ef}.metric-grid-premium{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metric-card-premium{padding:12px 14px;border-radius:14px;display:flex;align-items:center;gap:10px;transition:.25s ease;cursor:default}.metric-card-premium:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.mc-average{background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.mc-best{background:linear-gradient(145deg,#fefce8,#fef9c3);border:1px solid #fde68a}.mc-rate{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.mc-homework{background:linear-gradient(145deg,#fdf2f8,#fce7f3);border:1px solid #fbcfe8}.mc-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff}.metric-card-premium .mc-icon svg{width:16px;height:16px}.mc-average .mc-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mc-best .mc-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.mc-rate .mc-icon{background:linear-gradient(135deg,#10b981,#059669)}.mc-homework .mc-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.mc-body{flex:1;min-width:0}.mc-body span{display:block;color:#64748b;font-size:.62rem;font-weight:700;margin-bottom:2px}.mc-body strong{font-size:1.15rem;line-height:1.2;color:#0f172a}.mc-progress{height:5px;background:#ffffffb3;border-radius:99px;margin-top:8px;overflow:hidden}.mc-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#059669);transition:width .6s ease}.chart-premium{border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#071d36,#0d3655);margin-bottom:24px}.chart-premium-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.chart-premium-title{color:#b8d5e8;font-weight:600;font-size:.88rem}.chart-premium-badge{color:#4de1c6;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:99px;background:#4de1c61f}.chart-premium-body{padding:18px 14px 22px;min-height:262px;display:flex;align-items:center;justify-content:center}.chart-svg{width:100%;height:252px}.bars-premium{display:flex;align-items:flex-end;gap:14px;width:100%;height:200px;padding:0 8px;overflow-x:auto}.bars-premium-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:48px}.bars-premium-bar{position:relative;width:32px;border-radius:8px 8px 2px 2px;background:linear-gradient(#63e6cf,#2585ac);display:flex;align-items:flex-start;justify-content:center;padding-top:4px;transition:.3s ease;min-height:16px}.bars-premium-bar b{position:absolute;top:-20px;color:#d9fff8;font-size:.68rem;font-weight:800}.bars-premium-item span{font-size:.62rem;color:#8aaec5;white-space:nowrap;overflow:hidden;max-width:52px;text-overflow:ellipsis}.chart-empty{padding:32px;text-align:center;color:#ffffff59}.chart-empty svg{display:block;margin:0 auto 12px}.chart-empty p{margin:0;font-size:.85rem}.insight-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.summary-item{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2edf4;text-align:center}.summary-item span{display:block;font-size:.66rem;font-weight:700;color:#64748b;margin-bottom:4px}.summary-item strong{font-size:1.2rem;color:#0f3b68}.insight-placeholder{padding:48px 18px;text-align:center;border:1px dashed rgba(15,41,72,.15);border-radius:18px;background:linear-gradient(145deg,#f8fafc,#f1f5f9)}.insight-placeholder h3{margin:12px 0 6px;color:#334155;font-size:1.1rem}.insight-placeholder p{margin:0;color:#94a3b8;font-size:.85rem}@media (max-width:767px){.insight-space{padding:16px 12px 20px}.metric-grid-premium{grid-template-columns:1fr 1fr}.insight-toolbar{flex-direction:column;align-items:stretch}.chart-toggles{align-self:flex-start}.insight-summary{grid-template-columns:repeat(3,1fr)}}.chart-toggle-icon{background:#4de1c61f;border:none;border-radius:99px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4de1c6;transition:.2s}.chart-toggle-icon:hover{background:#4de1c633;transform:scale(1.05)}.insight-date-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.date-filter-label{font-size:.72rem;font-weight:700;color:#64748b;margin:0 2px}.insight-date-filters select{width:auto;min-width:64px;padding:7px 12px;margin:0;font-size:.81rem}.chart-tooltip{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#020c1beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(77,225,198,.25);border-radius:10px;padding:8px 14px;white-space:nowrap;z-index:10;animation:fadeIn .15s ease-out;text-align:center}.chart-tooltip strong{display:block;color:#fff;font-size:.82rem;margin-bottom:2px}.chart-tooltip span{color:#4de1c6;font-size:.72rem;font-weight:700}.chart-premium-body{position:relative}.chart-premium.chart-light{background:linear-gradient(145deg,#f7fafd,#e9f2f9);border:1px solid #dcebf5}.chart-light .chart-premium-header{border-bottom-color:#0f294814}.chart-light .chart-premium-title{color:#334155}.chart-light .chart-toggle-icon{background:#0d94881a;color:#0d9488}.chart-light .chart-toggle-icon:hover{background:#0d94882e}.chart-light .chart-empty{color:#94a3b8}.studio-nav b.nav-icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e5faf6;color:#0f766e}.studio-nav button.active b.nav-icon-btn{background:linear-gradient(135deg,#4de1c6,#0f766e);color:#fff;box-shadow:0 4px 12px #4de1c64d}.studio-nav b.nav-icon-btn svg{width:18px;height:18px}:root{color-scheme:light;--bg-primary: #eef3f7;--bg-secondary: #ffffff;--bg-card: rgba(255,255,255,.92);--bg-input: #f6f8fa;--bg-hover: #edf7f5;--primary: #0b7f78;--primary-light: #18a59b;--primary-dark: #075e59;--primary-gradient: linear-gradient(135deg,#19aa9f 0%,#087871 52%,#07545e 100%);--primary-shadow: 0 14px 30px rgba(8,120,113,.22);--text-main: #0a1b2e;--text-secondary: #385067;--text-muted: #6f8294;--text-dim: #9aabba;--border-light: #dce5eb;--border-lighter: #eaf0f4;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--shadow-card: 0 14px 36px rgba(22,49,73,.07),0 2px 8px rgba(22,49,73,.035)}body{font-family:Inter Variable,SF Pro Display,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 0%,rgba(38,181,168,.1),transparent 28%),radial-gradient(circle at 90% 10%,rgba(60,101,173,.08),transparent 26%),var(--bg-primary)}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(24,165,155,.2);outline-offset:2px}.app-wrapper{background:transparent}.main-content{padding:24px 18px calc(84px + env(safe-area-inset-bottom));background:transparent}.glass-card{border:1px solid rgba(210,224,232,.78);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.glass-card:hover{border-color:#18a59b47}.bottom-nav{left:12px;right:12px;bottom:10px;height:calc(64px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border:1px solid rgba(210,224,232,.85);border-radius:22px;background:#ffffffe6;box-shadow:0 18px 44px #0e263d26}.bottom-nav .nav-item{color:#8798a8!important}.bottom-nav .nav-item.active{color:var(--primary)!important}.bottom-nav .nav-item svg{stroke:currentColor!important}.page-header{margin-bottom:26px}.page-header h1{font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.7px}.btn{border-color:#d8e3e9;border-radius:13px;min-height:42px}.btn-primary{background:var(--primary-gradient);box-shadow:var(--primary-shadow)}input:not([type=checkbox]):not([type=radio]),textarea,select{padding:13px 15px;border:1px solid #d9e3e9;border-radius:14px;background:#f7f9fb;color:var(--text-main);box-shadow:inset 0 1px 1px #142d4405}input:focus,textarea:focus,select:focus{border-color:#47b8ae;background:#fff;box-shadow:0 0 0 4px #18a59b1c}@media (min-width: 960px){.app-wrapper{display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:relative;z-index:110;overflow:hidden;background:radial-gradient(circle at 30% 8%,rgba(57,210,193,.16),transparent 25%),linear-gradient(165deg,#061727,#0a2438 54%,#0b3540);border-right:1px solid rgba(255,255,255,.06);box-shadow:16px 0 50px #0719291f!important}.sidebar:after{content:"";position:absolute;inset:auto -100px -110px auto;width:260px;height:260px;border:1px solid rgba(94,230,210,.12);border-radius:50%;pointer-events:none}.brand-title{padding:30px 24px 26px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-title>div>div{background:linear-gradient(135deg,#59dcca,#158d84)!important;box-shadow:0 12px 28px #1ab4a647!important}.brand-title span{background:none!important;-webkit-text-fill-color:#f7ffff!important;color:#f7ffff!important;letter-spacing:-.4px}.nav-menu{display:flex;flex-direction:column;gap:7px;padding:22px 14px;flex:1}.sidebar .nav-item{flex:none;height:50px;flex-direction:row;justify-content:flex-start;gap:13px;padding:0 16px;border-radius:14px;color:#8ea8b8;font-size:.88rem;position:relative}.sidebar .nav-item svg{width:21px;height:21px;stroke:currentColor!important}.sidebar .nav-item:hover{color:#eafffb;background:#ffffff0e}.sidebar .nav-item.active{color:#eafffb;background:linear-gradient(90deg,#3dcfbe2e,#3dcfbe0f);box-shadow:inset 0 0 0 1px #5be0cf1f}.sidebar .nav-item.active>span:last-child{background:#48d0bf!important}.sidebar>div:last-child{padding:16px 14px 22px!important}.sidebar>div:last-child>div{background:#ffffff0e!important;border-color:#ffffff14!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar>div:last-child div{color:#fff!important}.sidebar>div:last-child button{background:#ffffff0a!important;border-color:#ffffff17!important;color:#f2b7b7!important}.main-content{grid-column:2;padding:34px 38px 46px}.bottom-nav{display:none}}.teacher-dashboard{max-width:1200px;margin:0 auto;animation:fadeIn .4s ease-out}.teacher-hero{min-height:282px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 48px;border-radius:32px;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 20%,rgba(75,218,199,.28),transparent 26%),radial-gradient(circle at 55% 120%,rgba(75,112,196,.28),transparent 40%),linear-gradient(128deg,#06182a,#0b2b48 55%,#0d4d53);box-shadow:0 28px 60px #09263d3d;position:relative}.teacher-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%)}.teacher-hero-content{position:relative;z-index:2;max-width:680px}.teacher-kicker,.publish-kicker{display:block;color:#62e2d0;font-size:.7rem;font-weight:800;letter-spacing:2.1px}.teacher-hero h1{margin:13px 0 11px;font-size:clamp(2rem,4vw,3.05rem);letter-spacing:-2px;line-height:1.08}.teacher-hero p{max-width:600px;color:#e6f4f9b3;font-size:.94rem}.teacher-hero-actions{display:flex;gap:12px;margin-top:28px}.hero-primary-action,.hero-secondary-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:14px;text-decoration:none;font-size:.86rem;font-weight:750}.hero-primary-action{color:#062c2b;background:linear-gradient(135deg,#78ecdc,#43cfbd);box-shadow:0 14px 30px #2dd2be38}.hero-secondary-action{color:#d7eeef;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.teacher-hero-visual{width:230px;height:210px;position:relative;display:grid;place-items:center;flex-shrink:0}.hero-orbit{position:absolute;border:1px solid rgba(124,239,223,.22);border-radius:50%}.orbit-one{width:190px;height:190px;animation:spin 24s linear infinite}.orbit-two{width:140px;height:140px;border-style:dashed;animation:spin 18s linear reverse infinite}.hero-core{width:100px;height:100px;display:grid;place-content:center;text-align:center;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#ffffff29,#ffffff0d);box-shadow:inset 0 0 35px #5fe4d221,0 22px 50px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-core span{font-size:2rem;font-weight:850;color:#7debdc;letter-spacing:-2px;line-height:1}.hero-core small{margin-top:7px;font-size:.58rem;letter-spacing:1.3px;color:#a9c8d2}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 34px}.dashboard-metric{min-height:108px;display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #dce7ec;border-radius:22px;background:#ffffffe0;color:inherit;text-decoration:none;box-shadow:0 12px 30px #1231480e;transition:.25s ease}.dashboard-metric:hover{transform:translateY(-4px);box-shadow:0 20px 42px #1231481a}.metric-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px}.tone-blue .metric-icon{color:#315fa8;background:#edf4ff}.tone-teal .metric-icon{color:#087d74;background:#e9faf7}.tone-amber .metric-icon{color:#b47420;background:#fff7e9}.metric-copy{flex:1;min-width:0}.metric-copy small{display:block;margin-bottom:3px;color:#92a0ad;font-size:.66rem;font-weight:800;letter-spacing:.8px}.metric-copy strong{color:#20384e;font-size:.9rem}.metric-value{color:#0a2034;font-size:2rem;font-weight:850;letter-spacing:-1.5px}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 3px 18px}.dashboard-section-heading span,.work-column-header span{color:#0d9488;font-size:.64rem;font-weight:850;letter-spacing:1.6px}.dashboard-section-heading h2{margin:5px 0 0;font-size:1.55rem;letter-spacing:-.7px}.dashboard-section-heading p{margin:0;color:var(--text-muted);font-size:.8rem}.dashboard-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.work-column{min-width:0;padding:22px;border:1px solid #dce7ec;border-radius:24px;background:#ffffffe0;box-shadow:0 14px 34px #1231480e}.work-column-header{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.work-column-header h3{margin:3px 0 0;font-size:1.05rem}.work-column-header a{color:#8192a0;font-size:.7rem;font-weight:700;text-decoration:none}.work-list{display:flex;flex-direction:column;gap:9px}.work-item{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:15px;color:inherit;text-decoration:none;background:#f7f9fb;border:1px solid transparent;transition:.2s ease}.work-item:hover{background:#fff;border-color:#cfe4e3;transform:translate(3px)}.work-item-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tone-blue .work-item-dot{background:#4f7fc2;box-shadow:0 0 0 5px #edf4ff}.tone-teal .work-item-dot{background:#18a59b;box-shadow:0 0 0 5px #e6f8f5}.tone-amber .work-item-dot{background:#d1933c;box-shadow:0 0 0 5px #fff5e6}.work-item-copy{flex:1;min-width:0}.work-item-copy strong,.work-item-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-item-copy strong{color:#21374b;font-size:.8rem}.work-item-copy small{margin-top:2px;color:#8a99a6;font-size:.68rem}.work-item-action{color:#567083;font-size:.66rem;font-weight:800}.work-empty{min-height:128px;display:grid;place-content:center;text-align:center;color:#9aabb7;border:1px dashed #d8e3e9;border-radius:16px}.work-empty span{width:32px;height:32px;display:grid;place-items:center;margin:0 auto 8px;border-radius:50%;color:#0d9488;background:#e9f8f6}.work-empty p{margin:0;font-size:.75rem}.publish-page{max-width:1180px;margin:0 auto;animation:fadeIn .4s ease-out}.publish-hero{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px;padding:34px 40px;border-radius:30px;overflow:hidden;position:relative;color:#fff;background:radial-gradient(circle at 84% 15%,rgba(89,222,203,.28),transparent 25%),linear-gradient(125deg,#07192b,#0b2d49 60%,#0e5357);box-shadow:0 24px 52px #08243a38}.publish-exam .publish-hero{background:radial-gradient(circle at 84% 15%,rgba(188,151,251,.22),transparent 26%),linear-gradient(125deg,#0a172d,#1d2d58 58%,#245f66)}.publish-hero-copy{position:relative;z-index:2;max-width:720px}.publish-hero h1{margin:9px 0;font-size:clamp(1.8rem,4vw,2.65rem);letter-spacing:-1.6px;line-height:1.08}.publish-hero p{max-width:660px;margin:0;color:#e7f4f8ad;font-size:.87rem}.publish-hero-mark{width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:32px;color:#76e5d7;background:#ffffff12;box-shadow:inset 0 0 30px #ffffff14;transform:rotate(5deg)}.publish-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:18px;align-items:start}.publish-panel{padding:28px;border:1px solid #dce6eb;border-radius:26px;background:#ffffffeb;box-shadow:0 15px 38px #12304611}.publish-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:0}.panel-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.panel-heading.compact{margin-bottom:20px}.panel-index{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#087c73;background:#e7f8f5;font-size:.7rem;font-weight:850}.panel-heading h2{margin:0;color:#122b41;font-size:1.12rem}.panel-heading p{margin:2px 0 0;color:#8b9aa7;font-size:.72rem}.publish-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:block;margin-bottom:19px}.field-label{display:block;margin-bottom:8px;color:#3b5267;font-size:.76rem;font-weight:780;letter-spacing:.2px}.form-field input,.form-field textarea,.form-field select{margin:0}.form-field textarea{resize:vertical;min-height:150px;line-height:1.65}.field-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.field-heading .field-label{margin-bottom:2px}.field-help{display:block;color:#94a3af;font-size:.66rem;line-height:1.45}.selection-count{flex-shrink:0;padding:4px 9px;border-radius:99px;color:#0b7d75;background:#e8f8f5;font-size:.64rem;font-weight:800}.publish-summary-card{padding:23px;border-radius:24px;color:#dceff1;background:linear-gradient(145deg,#0a2135,#0c3945);box-shadow:0 18px 40px #08263a29}.publish-summary-label{display:block;margin-bottom:14px;color:#65d9ca;font-size:.64rem;font-weight:850;letter-spacing:1.5px}.summary-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.75rem}.summary-row:last-child{border-bottom:0}.summary-row span{color:#88a8b5}.summary-row strong{color:#efffff;text-align:right}.publish-submit,.publish-cancel{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:15px;cursor:pointer;font-weight:780;transition:.2s ease}.publish-submit{border:0;color:#fff;background:var(--primary-gradient);box-shadow:var(--primary-shadow)}.publish-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px #08787147}.publish-submit:disabled{opacity:.65;cursor:wait}.publish-cancel{min-height:42px;border:1px solid #dce5ea;color:#718392;background:#ffffffa6}.modern-select{position:relative;margin-bottom:19px}.modern-select-trigger{width:100%;min-height:48px;display:flex;align-items:center;gap:11px;padding:8px 13px;border:1px solid #d9e3e9;border-radius:14px;color:#284157;background:#f7f9fb;cursor:pointer;text-align:left}.modern-select-trigger.is-open{border-color:#47b8ae;background:#fff;box-shadow:0 0 0 4px #18a59b1a}.modern-select-leading{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#0b7f78;background:#e7f7f5}.modern-select-trigger>span:nth-child(2){flex:1;font-size:.84rem;font-weight:650}.is-placeholder{color:#9aa8b4!important;font-weight:500!important}.modern-select-chevron,.picker-chevron{color:#8395a3;transition:.2s ease}.is-open .modern-select-chevron,.picker-trigger.is-open .picker-chevron{transform:rotate(180deg)}.modern-select-menu{position:absolute;z-index:180;top:calc(100% - 12px);left:0;right:0;padding:7px;border:1px solid #dce6eb;border-radius:16px;background:#fffffffa;box-shadow:0 20px 48px #112e4429;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modern-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:0;border-radius:10px;color:#405669;background:transparent;cursor:pointer;text-align:left;font-size:.8rem}.modern-select-option:hover{background:#f0f7f6}.modern-select-option.is-selected{color:#087b73;background:#e9f8f6;font-weight:750}.student-picker{position:relative}.picker-trigger{width:100%;min-height:52px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #d9e3e9;border-radius:15px;color:#2e465a;background:#f7f9fb;cursor:pointer;text-align:left}.picker-trigger.is-open{border-color:#47b8ae;background:#fff;box-shadow:0 0 0 4px #18a59b1a}.picker-trigger-icon{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;color:#0b7f78;background:#e5f6f3}.picker-trigger-copy{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:650}.picker-menu{position:absolute;z-index:190;top:calc(100% + 8px);left:0;right:0;padding:8px;border:1px solid #dbe5ea;border-radius:18px;background:#fffffffa;box-shadow:0 22px 50px #102d432b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.picker-select-all{width:100%;display:flex;justify-content:space-between;padding:10px 12px;border:0;border-radius:11px;color:#087b73;background:#e9f8f6;cursor:pointer;font-size:.72rem;font-weight:780}.picker-options{max-height:280px;overflow:auto;margin-top:5px}.picker-option{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:11px;background:transparent;cursor:pointer;text-align:left}.picker-option:hover,.picker-option.is-selected{background:#f1f7f7}.picker-avatar{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;color:#4e6a7e;background:#edf2f5;font-size:.75rem;font-weight:800}.picker-option.is-selected .picker-avatar{color:#08776f;background:#dff5f1}.picker-person{flex:1;min-width:0}.picker-person strong,.picker-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-person strong{color:#30485b;font-size:.76rem}.picker-person small{color:#9aa7b2;font-size:.62rem}.picker-check{width:20px;height:20px;display:grid;place-items:center;border:1.5px solid #ccd8df;border-radius:7px;color:#fff}.picker-option.is-selected .picker-check{border-color:#11978e;background:#11978e}.picker-empty{padding:24px 10px;text-align:center;color:#9aa8b3;font-size:.72rem}.attachment-uploader{margin-top:3px;padding-top:22px;border-top:1px solid #ebf0f3}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px;margin-bottom:11px}.attachment-item{min-width:0;min-height:58px;display:grid;grid-template-columns:36px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:8px;border:1px solid #e0e8ed;border-radius:13px;background:#f8fafb}.attachment-item.is-image{grid-template-columns:44px minmax(0,1fr) 22px}.attachment-preview{width:44px;height:44px;padding:0;border:0;border-radius:9px;overflow:hidden;cursor:zoom-in;background:#eaf0f3}.attachment-preview img{width:100%;height:100%;object-fit:cover;display:block}.attachment-file-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:#39716f;background:#e5f4f2;font-size:.55rem;font-weight:850}.attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#526779;font-size:.68rem}.attachment-remove{width:22px;height:22px;border:0;border-radius:50%;color:#a36464;background:#fff0f0;cursor:pointer;font-size:1rem;line-height:1}.upload-dropzone{width:100%;min-height:76px;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;border:1.5px dashed #a9d4cf;border-radius:16px;color:#2f5e5c;background:linear-gradient(145deg,#f4fbfa,#edf7f5);cursor:pointer}.upload-dropzone:hover{border-color:#42b5aa;background:#eaf8f5}.upload-dropzone:disabled{opacity:.65;cursor:wait}.upload-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#087d75;background:#dbf2ee}.upload-dropzone strong,.upload-dropzone small{display:block;text-align:left}.upload-dropzone strong{color:#285251;font-size:.76rem}.upload-dropzone small{margin-top:2px;color:#88a09f;font-size:.62rem}.mini-spinner{width:18px;height:18px;border:2px solid rgba(8,125,117,.2);border-top-color:#087d75;border-radius:50%;animation:spin .75s linear infinite}@media (max-width: 959px){.teacher-hero{padding:32px 28px}.teacher-hero-visual{width:160px}.dashboard-work-grid,.publish-layout{grid-template-columns:1fr}.publish-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}.publish-sidebar .publish-audience-panel,.publish-submit,.publish-cancel{grid-column:1/-1}}@media (max-width: 640px){.main-content{padding:14px 12px calc(86px + env(safe-area-inset-bottom))}.teacher-hero,.publish-hero{min-height:auto;padding:27px 22px;border-radius:24px}.teacher-hero h1,.publish-hero h1{font-size:1.75rem;letter-spacing:-1px}.teacher-hero p,.publish-hero p{font-size:.78rem}.teacher-hero-visual,.publish-hero-mark{display:none}.teacher-hero-actions{flex-direction:column}.hero-primary-action,.hero-secondary-action{width:100%}.dashboard-metrics{grid-template-columns:1fr;gap:10px;margin:14px 0 28px}.dashboard-metric{min-height:84px;padding:15px}.metric-icon{width:42px;height:42px}.metric-value{font-size:1.65rem}.dashboard-section-heading{align-items:flex-start}.dashboard-section-heading p{display:none}.work-column{padding:17px;border-radius:20px}.publish-page{padding-bottom:8px}.publish-hero{margin-bottom:12px}.publish-panel{padding:20px 16px;border-radius:22px}.publish-layout{gap:12px}.publish-sidebar{display:flex}.publish-form-grid{grid-template-columns:1fr;gap:0}.panel-heading{margin-bottom:20px}.attachment-grid{grid-template-columns:1fr}.publish-summary-card{border-radius:21px}.upload-dropzone{justify-content:flex-start}.bottom-nav{left:8px;right:8px;bottom:7px;border-radius:20px}}.student-modal-backdrop{position:fixed;inset:0 0 calc(86px + env(safe-area-inset-bottom)) 0;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.student-modal-card{max-height:100%;overflow-y:auto}.student-modal-actions{position:sticky;bottom:-1px;z-index:2;padding-top:14px;padding-bottom:2px;background:linear-gradient(to bottom,#fff0,#fffffffa 18px)}@media (min-width: 960px){.student-modal-backdrop{bottom:0;padding:20px}}.management-hub{max-width:980px}.management-hero{position:relative;isolation:isolate}.management-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.55;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 88%);mask-image:linear-gradient(90deg,#000,transparent 88%)}.student-management-hub .management-hero{background:radial-gradient(circle at 82% 22%,rgba(98,226,208,.34),transparent 24%),radial-gradient(circle at 55% 120%,rgba(84,105,197,.25),transparent 42%),linear-gradient(128deg,#06182b,#0b2e49 58%,#0b5555)}.management-hero .quote-mark{position:absolute;right:44px;bottom:-28px;color:#73ebda33;font-family:Georgia,serif;font-size:12rem;line-height:1;font-weight:700}.management-grid{margin-top:20px}.management-grid button{min-height:88px;padding:17px 18px;position:relative;overflow:hidden}.management-grid button:after{content:"";position:absolute;width:90px;height:90px;right:-46px;bottom:-48px;border-radius:50%;background:radial-gradient(circle,rgba(21,165,155,.1),transparent 70%);transition:.25s ease}.management-grid button:hover:after{transform:scale(1.35)}.management-grid .nav-icon-btn{width:44px!important;height:44px!important;border-radius:14px!important}.management-grid .nav-icon-btn svg{width:21px!important;height:21px!important}.management-grid span{font-size:.92rem}.management-grid small{font-size:.66rem;letter-spacing:.25px}.management-grid i{margin-left:auto;color:#9aabb7;font-size:1.05rem;font-style:normal;transition:.2s ease}.management-grid button:hover i{color:#0b7f78;transform:translate(3px)}.management-exit{margin-top:96px;min-height:50px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.account-page{max-width:880px;margin:0 auto;animation:fadeIn .4s ease-out}.account-hero{min-height:220px;display:flex;align-items:center;gap:22px;padding:34px 38px;position:relative;overflow:hidden;border-radius:30px;color:#fff;background:radial-gradient(circle at 82% 16%,rgba(91,226,207,.32),transparent 24%),linear-gradient(126deg,#07192b,#0b304d 60%,#0e5459);box-shadow:0 24px 54px #09263d38}.account-hero:after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-150px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 32px #ffffff06,0 0 0 64px #ffffff05}.account-avatar-shell{width:96px;height:96px;flex-shrink:0;position:relative;border:3px solid rgba(255,255,255,.58);border-radius:30px;overflow:visible;cursor:pointer;box-shadow:0 16px 34px #00000038}.account-avatar-shell img,.account-avatar-shell>span{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:27px;object-fit:cover;color:#073f3c;background:linear-gradient(145deg,#8ef0e1,#3fc9b7);font-size:2.1rem;font-weight:850}.account-avatar-shell button{width:32px;height:32px;display:grid;place-items:center;position:absolute;right:-8px;bottom:-8px;border:3px solid #0b334a;border-radius:50%;color:#075e59;background:#e8fffb;cursor:pointer}.account-avatar-shell button svg{width:14px;height:14px}.account-identity{flex:1;min-width:0;position:relative;z-index:1}.account-identity>span,.security-hero>div>span{color:#68dfd0;font-size:.66rem;font-weight:850;letter-spacing:1.9px}.account-identity h1{margin:6px 0 4px;font-size:2rem;letter-spacing:-1px}.account-identity p{margin:0;color:#e4f4f8a8;font-size:.8rem}.account-badge{position:relative;z-index:1;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:99px;color:#c8f8f1;background:#ffffff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.7rem;font-weight:750}.account-form-card{margin-top:18px;padding:30px;border:1px solid #dce7ec;border-radius:28px;background:#ffffffeb;box-shadow:0 16px 38px #12314811}.account-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.account-section-title span{color:#0d9488;font-size:.63rem;font-weight:850;letter-spacing:1.6px}.account-section-title h2{margin:4px 0 0;font-size:1.35rem;letter-spacing:-.5px}.account-section-title p{margin:0;color:#93a2ae;font-size:.7rem}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.account-fields label,.security-fields label{display:block}.account-fields label>span,.security-fields label>span{display:block;margin-bottom:7px;color:#40566a;font-size:.75rem;font-weight:750}.account-fields input,.security-fields input{margin:0}.account-fields input:disabled{color:#7d8e9b;background:#eef2f4;cursor:not-allowed}.account-save{min-width:190px;min-height:48px;margin-top:24px}.account-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#020f1c94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-picker{width:min(420px,100%);padding:24px;border:1px solid rgba(255,255,255,.55);border-radius:26px;background:#fffffff7;box-shadow:0 26px 70px #020f1c4d;animation:slideUp .25s ease-out}.account-picker>div{margin-bottom:15px}.account-picker>div span{color:#0d9488;font-size:.61rem;font-weight:850;letter-spacing:1.5px}.account-picker h3{margin:4px 0 0}.account-picker label,.account-picker>button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:9px;border:1px solid #dce6eb;border-radius:14px;color:#30495d;background:#f8fafb;cursor:pointer;font-size:.82rem;font-weight:750}.account-picker label:hover{border-color:#57c4ba;color:#08776f;background:#edf9f7}.account-picker>button{border:0;color:#8b99a5;background:transparent}.security-hero{min-height:220px;display:flex;align-items:center;gap:22px;padding:36px 40px;border-radius:30px;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(123,108,233,.25),transparent 26%),radial-gradient(circle at 28% 120%,rgba(60,214,190,.25),transparent 38%),linear-gradient(126deg,#07192b,#102a50 62%,#164f5c);box-shadow:0 24px 54px #09263d38}.security-icon{width:82px;height:82px;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(255,255,255,.18);border-radius:25px;color:#75e6d7;background:#ffffff12;box-shadow:inset 0 0 28px #ffffff14}.security-icon svg{width:42px;height:42px}.security-hero h1{margin:6px 0 5px;font-size:2rem;letter-spacing:-1px}.security-hero p{margin:0;color:#e4f4f8a8;font-size:.82rem}.password-visibility{padding:7px 11px;border:1px solid #d6e5e4;border-radius:99px;color:#087a72;background:#edf9f7;cursor:pointer;font-size:.67rem;font-weight:750}.security-fields{display:grid;gap:15px}.security-note{display:flex;align-items:center;gap:9px;margin-top:17px;padding:12px 14px;border:1px solid #dbe9ef;border-radius:14px;color:#6f8292;background:#f6f9fb;font-size:.7rem}.security-note i{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:#fff;background:#0d9488;font-style:normal;font-weight:800}.student-lock-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;margin-bottom:19px;padding:15px 16px;border:1px solid #cfe7e4;border-radius:15px;background:linear-gradient(145deg,#f0faf8,#f7fbfc)}.student-lock-card span{color:#718694;font-size:.68rem;font-weight:750}.student-lock-card strong{grid-row:1/3;grid-column:2;color:#087a72;font-size:.92rem}.student-lock-card small{color:#9aabb7;font-size:.63rem}.score-entry-actions{align-items:center}.score-entry-actions .btn-outline{min-width:100px}.score-entry-actions .btn-primary{flex:1}@media (max-width:640px){.management-hero .quote-mark{right:14px;bottom:-20px;font-size:8rem}.management-grid button{min-height:78px;padding:13px}.management-grid .nav-icon-btn{width:38px!important;height:38px!important}.management-grid i{display:none}.management-exit{margin-top:76px}.account-hero,.security-hero{min-height:190px;padding:25px 20px;border-radius:24px}.account-avatar-shell{width:76px;height:76px;border-radius:24px}.account-avatar-shell img,.account-avatar-shell>span{border-radius:21px}.account-identity h1,.security-hero h1{font-size:1.55rem}.account-badge{display:none}.security-icon{width:64px;height:64px;border-radius:20px}.security-icon svg{width:34px;height:34px}.account-form-card{padding:22px 16px;border-radius:23px}.account-section-title{align-items:flex-start}.account-section-title p{display:none}.account-fields{grid-template-columns:1fr;gap:14px}.account-save{width:100%}.account-picker-backdrop{padding:8px}.account-picker{border-radius:24px;padding:20px}}.interactive-list-card{touch-action:pan-y;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;contain:layout style}.interactive-list-card button,.interactive-list-card select,.interactive-list-card input,.interactive-list-card a{touch-action:manipulation}.teacher-welcome-title{position:relative;padding:8px 4px 2px;margin-bottom:18px}.teacher-welcome-title>span{display:block;color:#0d9488;font-size:.67rem;font-weight:850;letter-spacing:1.9px}.teacher-welcome-title h1{margin:7px 0 3px;color:#0b2135;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.12;letter-spacing:-1.2px}.teacher-welcome-title p{margin:0;color:#7b8d9c;font-size:.8rem}.teacher-quick-stats{width:min(460px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto 26px}.teacher-quick-stats a{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 16px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-lg);color:inherit;text-decoration:none;box-shadow:0 2px 10px #00000006;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.teacher-quick-stats a:hover{transform:translateY(-3px);border-color:#18a59b33;box-shadow:0 14px 28px #1c415a17}.teacher-quick-stats strong{font-size:1.9rem;line-height:1;letter-spacing:-1px}.teacher-quick-stats span{margin-top:6px;color:var(--text-secondary);font-size:.8rem;font-weight:650}.activity-center{margin-bottom:31px;overflow:hidden;border:1px solid rgba(20,57,78,.1);border-radius:26px;background:#ffffffeb;box-shadow:0 17px 40px #102f4513}.activity-center-heading{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;color:#fff;background:radial-gradient(circle at 84% 10%,rgba(77,225,198,.22),transparent 27%),linear-gradient(125deg,#071b2e,#0b3448 62%,#0d5555)}.activity-center-heading>div>span{display:block;color:#62dfcf;font-size:.62rem;font-weight:850;letter-spacing:1.7px}.activity-center-heading h2{margin:4px 0 0;font-size:1.22rem;letter-spacing:-.35px}.activity-center-heading b{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#bff7ef;background:#ffffff0f;font-size:.6rem;letter-spacing:1px}.activity-center-heading b i{width:7px;height:7px;border-radius:50%;background:#54e1ce;box-shadow:0 0 0 5px #54e1ce1f;animation:activityPulse 1.8s ease-in-out infinite}.activity-list{padding:7px 13px 11px}.activity-item{min-height:58px;display:grid;grid-template-columns:132px 36px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid #eaf0f3;color:inherit;text-decoration:none;transition:.2s ease}.activity-item:last-child{border-bottom:0}.activity-item:hover{padding-left:14px;border-radius:13px;background:#f2f8f7}.activity-item time{color:#8192a0;font-size:.69rem;font-weight:650;font-variant-numeric:tabular-nums}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.activity-icon svg{width:16px;height:16px}.activity-blue{color:#315fa8;background:#edf4ff}.activity-teal{color:#087d74;background:#e7f8f5}.activity-violet{color:#6953b9;background:#f2efff}.activity-amber{color:#b47420;background:#fff6e8}.activity-green{color:#07815f;background:#e9f9f2}.activity-rose{color:#b95070;background:#fff0f4}.activity-item p{min-width:0;margin:0;color:#52697b;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item p strong{color:#173047;margin-right:2px}.activity-item p em{color:#087d75;margin:0 2px;font-style:normal;font-weight:750}.activity-arrow{color:#9aacb8;transition:.2s ease}.activity-item:hover .activity-arrow{color:#0b7f78;transform:translate(3px)}.activity-empty{min-height:120px;display:grid;place-content:center;text-align:center;color:#8fa0ac}.activity-empty span{width:34px;height:34px;display:grid;place-items:center;margin:0 auto 8px;border-radius:50%;color:#087d74;background:#e7f8f5;font-weight:800}.activity-empty p{margin:0;font-size:.75rem}@keyframes activityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@media (max-width:640px){.teacher-welcome-title{padding:4px 3px 1px;margin-bottom:18px}.teacher-welcome-title h1{font-size:1.65rem}.teacher-welcome-title p{font-size:.72rem}.teacher-quick-stats{max-width:330px;gap:18px;margin-bottom:20px}.teacher-quick-stats a{min-height:72px;padding:12px 10px}.teacher-quick-stats strong{font-size:1.5rem}.teacher-quick-stats span{margin-top:5px;font-size:.7rem}.activity-center{margin-bottom:26px;border-radius:22px}.activity-center-heading{min-height:76px;padding:17px 18px}.activity-list{padding:5px 9px 8px}.activity-item{min-height:64px;grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;padding:8px 7px}.activity-item time{grid-column:2;grid-row:2;align-self:start;margin-top:-12px;font-size:.6rem}.activity-icon{grid-column:1;grid-row:1/3}.activity-item p{grid-column:2;grid-row:1;font-size:.72rem}.activity-arrow{grid-column:3;grid-row:1/3}}