:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--surface:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#f28c38;--accent-hover:#e67f2c;--accent-bg:#f28c381f;--accent-border:#f28c3859;--sidebar-bg:#fffaf5;--sidebar-hover:#f28c3814;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--surface:#1b1d24;--border:#2e303a;--code-bg:#1f2028;--accent:#f6a65f;--accent-hover:#ffb36d;--accent-bg:#f6a65f29;--accent-border:#f6a65f66;--sidebar-bg:#1d1a17;--sidebar-hover:#f6a65f1f;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100svh;margin:0}body{background:var(--bg);color:var(--text)}#root{display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{width:100%;min-height:100svh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:72px;transition:width .2s;display:flex}.sidebar.open{width:240px}.main-content{background:var(--bg);flex:1;min-width:0;overflow-y:auto}.content-inner{max-width:1126px;margin:0 auto;padding:32px}@keyframes teachingPulse{0%{transform:scale(1)}50%{transform:scale(1.018)}to{transform:scale(1)}}.hubbaroni:hover{cursor:pointer;background:#0000000d}.abshitters:hover{color:gray!important}:root{--orange:#f28c38;--orange-soft:#fff7ed;--text:#1f1f1f;--muted:#6b7280;--border:#e5e7eb;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--shadow-card:0 10px 35px #0000000b;--shadow-modal:0 30px 90px #00000047}.teacher-page{max-width:1100px;min-height:100vh;color:var(--text);margin:0 auto;padding:clamp(18px,4vw,48px);font-family:system-ui,sans-serif}.teacher-hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.teacher-kicker{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.teacher-hero h1{margin:0;font-size:clamp(34px,7vw,64px);line-height:.95}.teacher-subtitle{max-width:520px;color:var(--muted);line-height:1.5}.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.summary-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 30px #0000000a}.summary-card span{color:var(--muted);font-size:14px}.summary-card strong{margin-top:6px;font-size:28px;display:block}.limit-box{background:var(--orange-soft);color:#9a3412;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-weight:700}.student-list{gap:12px;display:grid}.student-list-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.student-list-header h2{margin:0}@media (width<=720px){.student-list-header{flex-direction:column;align-items:stretch}.student-list-header .teacher-primary{width:100%}}.student-card{border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:pointer;background:#fff;border-radius:22px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:grid}.student-card:hover{transform:translateY(-1px);box-shadow:0 12px 38px #00000012}.student-main{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;min-width:0;display:flex}.student-main h3{margin:0;font-size:17px}.student-main p{color:var(--muted);margin:4px 0 0;font-size:14px}.avatar{background:var(--orange-soft);width:44px;height:44px;color:var(--orange);border-radius:14px;flex:none;place-items:center;font-weight:900;display:grid}.avatar.large{border-radius:18px;width:58px;height:58px;font-size:24px}.teacher-primary,.teacher-secondary,.teacher-danger{cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800}.teacher-primary{background:var(--orange);color:#fff;border:none}.teacher-primary:disabled,.teacher-secondary:disabled,.teacher-danger:disabled{cursor:not-allowed;opacity:.45}.teacher-secondary{color:#333;background:#f3f4f6;border:none}.teacher-danger{color:#b91c1c;background:#fff;border:1px solid #fecaca}.full{width:100%;margin-top:8px}.small{width:auto;padding:8px 10px}.icon-button{background:var(--orange-soft);width:34px;height:34px;color:var(--orange);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex}.icon-button svg{display:block}.icon-button.danger{color:#dc2626;background:#fef2f2}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11182773;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{width:min(560px,100%);max-height:calc(100vh - 36px);box-shadow:var(--shadow-modal);background:#fff;border-radius:26px;padding:clamp(20px,5vw,32px);position:relative;overflow:auto}.modal-card h2{margin:0;font-size:28px}.modal-close{cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute;top:14px;right:18px}.modal-close.static{position:static}.student-detail-modal{width:min(760px,100%)}.student-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.student-modal-header h2{margin:0;font-size:30px}.student-modal-header p{color:var(--muted);margin:4px 0 0}.student-title-row{align-items:center;gap:10px;display:flex}.name-edit-row{align-items:center;gap:8px;display:flex}.name-edit-row input{min-width:220px;margin:0}.modal-card label{margin:18px 0;font-weight:800;display:block}.modal-card input,.modal-card select{box-sizing:border-box;border:1px solid var(--border);border-radius:14px;width:100%;margin-top:8px;padding:13px 14px;font-size:16px}.step-pills{gap:8px;margin:16px 0 22px;display:flex}.step-pills span{color:var(--muted);text-align:center;background:#f3f4f6;border-radius:999px;flex:1;padding:8px;font-size:13px;font-weight:800}.step-pills .active{background:var(--orange-soft);color:var(--orange)}.modal-section{border:1px solid var(--border);background:#fff;border-radius:20px;margin-bottom:16px;padding:14px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section-heading h3{margin:0}.section-heading span{color:var(--muted);font-size:13px;font-weight:800}.practice-chart{grid-template-columns:repeat(7,1fr);place-items:stretch center;gap:2px;height:100px;display:grid}.practice-day{grid-template-rows:auto 1fr auto;justify-items:center;gap:4px;height:100%;display:grid}.practice-day strong{color:var(--muted);font-size:10px;font-weight:800;line-height:1}.practice-day span{color:var(--muted);font-size:11px;font-weight:700}.practice-bar-area{background:#f3f4f6;border-radius:999px;align-items:flex-end;width:8px;height:100%;display:flex;overflow:hidden}.practice-bar{background:var(--orange);border-radius:999px;width:100%;min-height:6px;transition:height .2s}.category-icon-row{gap:10px;margin-bottom:14px;padding-bottom:6px;display:flex;overflow-x:auto}.category-icon{width:48px;height:48px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.category-icon-inner{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.category-icon.active{background:var(--orange-soft);color:var(--orange);box-shadow:inset 0 0 0 1px #f28c3859}.category-icon.active .category-icon-inner{background:var(--orange);color:#fff}.category-icon svg{display:block}.topic-score-list{gap:10px;display:grid}.topic-score-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;grid-template-columns:minmax(150px,1.1fr) minmax(120px,1fr) 48px;align-items:center;gap:12px;width:100%;padding:8px;display:grid}.topic-score-row:hover{background:#f9fafb}.topic-score-row.selected{background:var(--orange-soft)}.topic-score-row strong{font-size:14px;display:block}.topic-score-row span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.topic-score-row b{text-align:right}.topic-score-bar-wrap{background:#f3f4f6;border-radius:999px;height:10px;overflow:hidden}.topic-score-bar{border-radius:999px;height:100%}.topic-score-bar.strong{background:var(--green)}.topic-score-bar.ok{background:var(--yellow)}.topic-score-bar.weak{background:var(--red)}.student-review-modal{width:min(1180px,100%)}.review-simple-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex;position:relative}.review-simple-topbar h2{text-align:center;margin:0;font-size:28px}.review-main-section{border:1px solid var(--border);background:#fff;border-radius:22px;padding:18px}.review-exercise-label{text-align:center;color:var(--text);margin-bottom:14px;font-size:17px;font-weight:900}.attempt-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.attempt-title{text-align:center;color:var(--text);flex:1;font-size:17px;font-weight:900}.attempt-nav button:disabled{opacity:.4;cursor:not-allowed}@media (width<=720px){.attempt-nav{gap:8px}.attempt-title{font-size:15px}}.teacher-review-widget{border:1px solid var(--border);background:#fafafa;border-radius:20px;padding:18px;position:relative;overflow-x:auto}.teacher-review-widget .answer-status{margin:0 0 12px}.empty-review{color:var(--muted);border:1px dashed var(--border);text-align:center;background:#f9fafb;border-radius:16px;padding:18px}.answer-status{border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.answer-status.correct{color:#166534;background:#dcfce7}.answer-status.incorrect{color:#991b1b;background:#fee2e2}.student-link-panel{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.student-link-panel p{color:var(--muted);margin:4px 0 12px}.invite-link{border:1px solid var(--border);word-break:break-all;background:#f9fafb;border-radius:14px;margin:14px 0;padding:14px}@media (width<=720px){.teacher-hero{flex-direction:column}.teacher-primary{width:100%}.teacher-summary{grid-template-columns:1fr}.student-card{grid-template-columns:1fr;align-items:stretch}.teacher-secondary,.teacher-danger{width:100%}.student-modal-header{align-items:flex-start}.topic-score-row{grid-template-columns:1fr;gap:6px}.topic-score-row b{text-align:left}.review-simple-topbar{text-align:center;grid-template-columns:1fr}.student-review-modal{width:100%}.review-main-section{padding:14px}.attempt-nav.better{grid-template-columns:1fr}}@media (width<=640px){.name-edit-row{flex-direction:column;align-items:stretch}.name-edit-row input,.name-edit-row button{width:100%}.practice-chart{gap:5px;height:72px}}.summary-card.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.summary-card.clickable:hover{transform:translateY(-1px);box-shadow:0 12px 38px #00000012}.upgrade-modal{width:min(720px,100%)}.upgrade-hero{text-align:center;margin-bottom:24px}.upgrade-hero h2{margin:0;font-size:34px;line-height:1.05}.upgrade-hero p:last-child{max-width:480px;color:var(--muted);margin:12px auto 0;line-height:1.5}.upgrade-plan-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.upgrade-plan-card{border:1px solid var(--border);background:#f9fafb;border-radius:22px;padding:20px;position:relative}.upgrade-plan-card.featured{background:linear-gradient(#fff7ed 0%,#fff 100%);border-color:#f28c388c;box-shadow:0 16px 45px #f28c3829}.pro-badge{background:var(--orange);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;top:14px;right:14px}.upgrade-plan-card h3{margin:0 0 10px;font-size:21px}.plan-price{letter-spacing:-.03em;font-size:30px;font-weight:900}.plan-students{color:var(--muted);margin-top:4px;font-weight:800}.upgrade-plan-card ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.upgrade-plan-card li{color:var(--text);gap:8px;font-size:14px;display:flex}.upgrade-plan-card li span{color:var(--orange);font-weight:900}.upgrade-button{height:48px;font-size:16px}.upgrade-note{text-align:center;color:var(--muted);margin:12px 0 0;font-size:13px}@media (width<=640px){.upgrade-plan-row{grid-template-columns:1fr}.upgrade-hero h2{font-size:28px}}.manage-students-modal{width:min(620px,100%)}.student-slot-options{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 18px;display:grid}.student-slot-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#f9fafb;border-radius:18px;padding:18px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.student-slot-card:hover{transform:translateY(-1px)}.student-slot-card span{color:var(--muted);font-size:14px;font-weight:800;display:block}.student-slot-card strong{margin-top:8px;font-size:26px;line-height:1;display:block}.student-slot-card.active{background:var(--orange-soft);border-color:#f28c388c;box-shadow:0 0 0 3px #f28c3824}.upgrade-highlight.subtle{background:#f9fafb;margin-top:12px}@media (width<=560px){.student-slot-options{grid-template-columns:1fr}}.pro-plan-card{background:linear-gradient(#fff7ed 0%,#fff 100%);border-color:#f28c3873}.pro-plan-card p{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:700}.pro-tools-section{box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff7ed 0%,#fff 70%);border:1px solid #f28c3859;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin:22px 0;padding:20px;display:flex}.pro-tools-section h2{margin:0;font-size:26px}@media (width<=720px){.pro-tools-section{flex-direction:column;align-items:stretch}}.account-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.account-row span{color:var(--muted);font-weight:700}.account-row strong{color:var(--text)}.invite-page{background:radial-gradient(circle at top,#fff7ed,#fff 46%);place-items:center;width:100%;min-height:100vh;padding:24px;font-family:system-ui,sans-serif;display:grid}.invite-card{border:1px solid var(--border);width:min(480px,100%);box-shadow:var(--shadow-modal);background:#fff;border-radius:28px;padding:30px}.invite-card h1{margin:0;font-size:34px;line-height:1.05}.invite-subtitle{color:var(--muted);line-height:1.5}.invite-detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.invite-detail-grid div{border:1px solid var(--border);background:#f9fafb;border-radius:16px;padding:14px}.invite-detail-grid span{color:var(--muted);font-size:13px;font-weight:800;display:block}.invite-detail-grid strong{margin-top:4px;display:block}.invite-card label{margin:16px 0;font-weight:800;display:block}.invite-card input{box-sizing:border-box;border:1px solid var(--border);border-radius:14px;width:100%;margin-top:8px;padding:13px 14px;font-size:16px}.login-code-box{background:var(--orange-soft);color:var(--orange);text-align:center;border-radius:18px;margin:22px 0;padding:16px;font-size:22px;font-weight:900}.invite-error{color:#b91c1c;margin:12px 0;font-weight:800}@media (width<=520px){.invite-detail-grid{grid-template-columns:1fr}.invite-card h1{font-size:28px}}.login-page{background:radial-gradient(circle at top,#fff7ed,#fff 48%);place-items:center;width:100%;min-height:100vh;padding:24px;font-family:system-ui,sans-serif;display:grid}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;width:min(440px,100%);padding:30px;box-shadow:0 30px 90px #00000029}.login-logo{border-radius:14px;width:52px;height:52px}.login-card h1{margin:0;font-size:34px;line-height:1.05}.login-card p{color:#6b7280;line-height:1.5}.login-tabs{background:#f3f4f6;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;padding:5px;display:grid}.login-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px;font-weight:800}.login-tabs button.active{color:#f28c38;background:#fff;box-shadow:0 4px 16px #0000000f}.login-card label{margin:16px 0;font-weight:800;display:block}.login-card input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:14px;width:100%;margin-top:8px;padding:13px 14px;font-size:16px}.login-primary{color:#fff;cursor:pointer;background:#f28c38;border:none;border-radius:14px;width:100%;margin-top:10px;padding:13px 16px;font-size:16px;font-weight:900}.login-link{color:#f28c38;cursor:pointer;background:0 0;border:none;width:100%;margin-top:12px;font-weight:800}.login-error{color:#991b1b;background:#fee2e2;border-radius:12px;margin:12px 0;padding:10px 12px;font-weight:800}.signup-page{background:radial-gradient(circle at top,#fff7ed,#fff 48%);width:100%;min-height:100vh;padding:40px 24px;font-family:system-ui,sans-serif;display:block;overflow-y:auto}.signup-card{border:1px solid var(--border);background:#fff;border-radius:28px;width:min(520px,100%);margin:0 auto;padding:28px;box-shadow:0 20px 60px #00000014}.signup-logo{border-radius:14px;width:52px;height:52px;margin-bottom:16px}.signup-kicker{color:#f28c38;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.signup-card h1{margin:0;font-size:34px;line-height:1.05}.signup-subtitle{color:#6b7280;line-height:1.5}.signup-tabs{background:#f3f4f6;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;padding:5px;display:grid}.signup-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px;font-weight:900}.signup-tabs button.active{color:#f28c38;background:#fff;box-shadow:0 4px 16px #0000000f}.signup-card label{margin:16px 0;font-weight:800;display:block}.signup-card input,.signup-card select{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:14px;width:100%;margin-top:8px;padding:13px 14px;font-size:16px}.signup-primary{color:#fff;cursor:pointer;background:#f28c38;border:none;border-radius:14px;width:100%;margin-top:10px;padding:13px 16px;font-size:16px;font-weight:900}.signup-link{color:#f28c38;cursor:pointer;background:0 0;border:none;width:100%;margin-top:12px;font-weight:800}.signup-error{color:#991b1b;background:#fee2e2;border-radius:12px;margin:12px 0;padding:10px 12px;font-weight:800}.signup-notice{color:#9a3412;background:#fff7ed;border:1px solid #f28c3859;border-radius:14px;gap:4px;margin:0 0 18px;padding:13px 14px;display:grid}.signup-notice strong{font-size:13px;line-height:1.35}.signup-notice span{font-size:13px;line-height:1.4}.student-header-actions{align-items:flex-start;gap:10px;display:flex;position:relative}.login-code-wrap{position:relative}.login-code-button{white-space:nowrap}.login-code-popover{z-index:20;text-align:left;background:#fff;border:1px solid #eadfd6;border-radius:14px;min-width:170px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 35px #00000024}.login-code-popover span{color:#777;margin-bottom:4px;font-size:12px;display:block}.login-code-popover strong{letter-spacing:.08em;color:#222;font-size:22px;display:block}.topic-score-row{grid-template-columns:1fr auto}.topic-score-row b{white-space:nowrap}.topic-score-row.no-missed{opacity:.62}.topic-score-row.no-missed b{color:#777}.topic-score-row.missed b{color:#c2410c}.missed-topic-group{flex-direction:column;gap:8px;display:flex}.missed-topic-heading{align-items:center;gap:10px;margin:4px 0;display:flex}.missed-topic-heading h4{margin:0;font-size:15px}.missed-topic-list{flex-direction:column;gap:8px;display:flex}.missed-topic-row{cursor:pointer;text-align:left;background:#fff;border:1px solid #eee2d8;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.missed-topic-row:hover{background:#fff8f1;border-color:#f28c38}.missed-topic-icon{color:#f28c38;background:#fff3e8;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.missed-topic-main{flex-direction:column;gap:2px;display:flex}.missed-topic-main strong{color:#24160f;font-size:14px}.missed-topic-main span{color:#8a7a6d;font-size:12px}.missed-topic-row b{white-space:nowrap;color:#c2410c;font-size:13px}.student-detail-modal{flex-direction:column;max-height:88vh;display:flex;position:relative;overflow:hidden}.student-detail-modal .modal-section{flex-shrink:0}.student-detail-modal .modal-section:last-child{flex-direction:column;flex:1;min-height:0;display:flex}.missed-topic-list{min-height:0;padding-right:4px;overflow-y:auto}.student-count-skeleton{background:linear-gradient(90deg,#0f172a14,#f28c3838,#0f172a14) 0 0/220% 100%;border-radius:999px;height:20px;animation:1.1s ease-in-out infinite studentCountShimmer;display:inline-block}.student-count-skeleton.wide{width:24px}.student-count-skeleton.narrow{width:34px}@keyframes studentCountShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.basic-plan-card{background:linear-gradient(135deg,#fff,#f8fafc)}.basic-plan-card strong{color:#1f2937}.pro-tools-section.locked{opacity:.92;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #0f172a14}.plan-placeholder-wrap{align-items:center;display:inline-flex}.plan-skeleton{background:linear-gradient(90deg,#0f172a14,#f28c3838,#0f172a14) 0 0/220% 100%;border-radius:999px;width:58px;height:24px;animation:1.1s ease-in-out infinite studentCountShimmer;display:inline-block}.pro-welcome-page{background:radial-gradient(circle at 0 0,#f28c3847,#0000 34%),radial-gradient(circle at 100% 100%,#6366f12e,#0000 34%),linear-gradient(135deg,#fff7ed 0%,#fff 45%,#f8fafc 100%);place-items:center;width:100%;min-height:100vh;padding:32px;display:grid}.pro-welcome-card{text-align:center;background:#ffffffe0;border:1px solid #fffc;border-radius:34px;width:min(860px,100%);padding:48px;animation:.45s both proWelcomeIn;box-shadow:0 30px 100px #0f172a29,inset 0 1px #ffffffe6}.pro-welcome-orb{background:linear-gradient(135deg,#f28c38,#facc15);border-radius:999px;place-items:center;width:82px;height:82px;margin:0 auto 18px;font-size:36px;animation:2.4s ease-in-out infinite proOrbFloat;display:grid;box-shadow:0 18px 40px #f28c3859}.pro-welcome-card h1{letter-spacing:-.04em;color:#111827;margin:8px 0 12px;font-size:clamp(34px,5vw,56px);line-height:1}.pro-welcome-subtitle{color:#4b5563;max-width:620px;margin:0 auto 28px;font-size:18px;line-height:1.6}.pro-welcome-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.pro-welcome-feature{text-align:left;background:#fff;border:1px solid #0f172a14;border-radius:24px;padding:22px;box-shadow:0 12px 36px #0f172a14}.pro-welcome-feature span{margin-bottom:12px;font-size:28px;display:block}.pro-welcome-feature strong{color:#111827;margin-bottom:8px;font-size:17px;display:block}.pro-welcome-feature p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.pro-welcome-button{border-radius:999px;margin-top:8px;padding:16px 26px;font-size:16px}@keyframes proWelcomeIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes proOrbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=760px){.pro-welcome-card{padding:32px 22px}.pro-welcome-grid{grid-template-columns:1fr}}.teacher-buttons{align-items:center;gap:10px;display:flex}@media (width<=720px){.teacher-buttons{justify-content:space-between;width:100%}}.success-check{color:#059669;background:#ecfdf5;border-radius:999px;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:42px;font-weight:900;display:grid;box-shadow:0 14px 34px #0596692e}.delete-confirm-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;background:#0f172a59;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.delete-confirm-card{background:#fff;border-radius:22px;width:min(420px,100%);padding:24px;animation:.16s ease-out modalPop;box-shadow:0 24px 70px #0f172a40}.delete-confirm-card h3{margin:0 0 8px;font-size:1.35rem}.delete-confirm-card p{color:#64748b;margin:0;line-height:1.5}.delete-confirm-actions{gap:10px;margin-top:22px;display:flex}.delete-confirm-actions button{flex:1}.teacher-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:999px;padding:11px 16px;font-weight:800}.teacher-danger:hover{background:#b91c1c}.teacher-danger:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-error{color:#991b1b;background:#fee2e2;border-radius:12px;margin-top:14px;padding:10px 12px;font-size:.9rem}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.creating-student-step{text-align:center;place-items:center;min-height:220px;padding:28px 12px;display:grid}.creating-student-step h3{margin:14px 0 4px}.creating-spinner{border:5px solid #ffedd5;border-top-color:#f28c38;border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin}.create-error{color:#991b1b;background:#fee2e2;border-radius:12px;margin:10px 0;padding:10px 12px;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}