:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#f9fbff;--ink:#162033;--ink-2:#34425b;--muted:#72809a;--line:#e6eaf1;--line-strong:#d8deea;--primary:#3157d8;--primary-dark:#2546ba;--primary-soft:#edf2ff;--green:#07966f;--green-soft:#eaf9f4;--orange:#e07800;--orange-soft:#fff5e8;--red:#d53650;--red-soft:#fff0f3;--purple:#7353e7;--shadow:0 8px 24px #2132580f;--shadow-lg:0 20px 60px #1f30541f;--radius:14px;--sidebar:244px;--topbar:66px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif}body{font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12.5px}.container{max-width:1220px;margin:0 auto;padding:26px 30px 48px}.app-shell{min-height:100vh}.app-main{margin-left:var(--sidebar);min-height:100vh}.app-sidebar{width:var(--sidebar);color:#fff;z-index:40;background:linear-gradient(#3152bd 0%,#2e4eb5 54%,#2947a8 100%);padding:16px 12px 18px;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.side-brand{align-items:center;gap:10px;padding:4px 8px 14px;display:flex}.brand-mark{width:38px;height:38px;color:var(--primary);background:#fff;border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:0 6px 16px #0a1b572e}.side-brand b{letter-spacing:-.01em;font-size:16px;font-weight:800;display:block}.side-brand small{color:#c9d4ff;letter-spacing:.05em;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:600;display:block}.side-account{background:#ffffff17;border:1px solid #ffffff29;border-radius:12px;margin:8px 4px;padding:13px 14px}.side-account-label{color:#bfccff;letter-spacing:.13em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.side-account b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.side-account>span:last-child{color:#d4ddff;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;display:block;overflow:hidden}.side-nav-wrap{padding-top:2px}.side-nav-section+.side-nav-section{margin-top:9px}.side-caption{letter-spacing:.14em;color:#aebeff;padding:9px 10px 5px;font-size:9px;font-weight:800}.side-nav{gap:2px;display:grid}.side-nav a{color:#e7ecff;border-radius:9px;align-items:center;gap:10px;min-height:40px;padding:9px 11px;font-size:13px;font-weight:600;transition:background .14s,color .14s,transform .14s;display:flex;position:relative}.side-nav a:hover{color:#fff;background:#ffffff17}.nav-icon{flex:none;place-items:center;width:20px;height:20px;display:grid}.nav-active-dot{background:#3157d8;border-radius:50%;width:5px;height:5px;position:absolute;right:10px}.side-help{color:#f4f6ff;background:#ffffff17;border:1px solid #ffffff21;border-radius:11px;align-items:flex-start;gap:9px;margin:18px 4px 4px;padding:12px;display:flex}.side-help>span{min-width:0}.side-help b{font-size:12px;display:block}.side-help small{color:#cad5ff;margin-top:2px;font-size:10.5px;line-height:1.45;display:block}.app-topbar{height:var(--topbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30;background:#fffffff5;align-items:center;gap:10px;padding:0 24px;display:flex;position:sticky;top:0}.top-context{color:#58667f;white-space:nowrap;font-size:12px;font-weight:600}.status-dot{background:#19b78b;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #e6f8f2}.top-pill{border:1px solid var(--line);color:#5c6880;background:#f5f7fb;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.user-chip{align-items:center;gap:8px;padding:0 4px;display:flex}.user-chip b,.user-chip small{display:block}.user-chip b{white-space:nowrap;font-size:12.5px}.user-chip small{color:var(--muted);margin-top:0;font-size:10.5px}.avatar{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border:1px solid #dce4ff;border-radius:10px;place-items:center;font-weight:800;display:grid}.icon-btn{border:1px solid var(--line);color:#526079;background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;transition:all .14s;display:grid}.mobile-brand,.mobile-nav{display:none}.page-head,.page-title{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.page-head h1,.page-title h1{color:#172033;margin:0 0 5px;font-size:27px;font-weight:800;line-height:1.2}.page-head p,.page-title p{margin-bottom:0}.eyebrow{letter-spacing:.12em;color:#5470d6;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800}.page-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-title{margin:0 0 4px;font-size:17px;font-weight:800}.section-subtitle{color:var(--muted);margin:0;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card.soft{box-shadow:none;background:var(--surface-soft)}.card+.card{margin-top:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.panel-title{margin:0;font-size:16px;font-weight:800}.panel-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px 17px;position:relative;overflow:hidden;box-shadow:0 5px 16px #1f30540b}.stat-icon{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.stat strong{letter-spacing:-.03em;margin-top:4px;font-size:25px;font-weight:800;line-height:1.1;display:block}.kpi{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.stat-note{color:var(--muted);margin-top:5px;font-size:11px}.dashboard-hero{color:#fff;background:linear-gradient(118deg,#3157d8 0%,#5144d8 58%,#7656e6 100%);border-radius:16px;align-items:center;gap:24px;margin-bottom:16px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #3157d82e}.dashboard-hero:after{content:"";border:42px solid #ffffff0f;border-radius:50%;width:290px;height:290px;position:absolute;top:-170px;right:-100px}.dashboard-hero>div{z-index:1;position:relative}.dashboard-hero h1{margin:3px 0 6px;font-size:26px}.dashboard-hero p{color:#e1e7ff;max-width:660px;margin:0}.dashboard-hero .btn{color:#3157d8;box-shadow:none;background:#fff}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quick-action{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:11px;padding:14px;transition:border .14s,box-shadow .14s,transform .14s;display:flex}.quick-action:hover{border-color:#cbd5f6;transform:translateY(-1px);box-shadow:0 8px 20px #1f305412}.quick-icon{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.quick-action b{margin:0 0 2px;font-size:13px;display:block}.quick-action small{color:var(--muted);font-size:11px;line-height:1.4;display:block}.btn{background:var(--primary);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12.5px;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 5px 12px #3157d829}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn.secondary{color:#34425b;border-color:var(--line);box-shadow:none;background:#fff}.btn.soft{background:var(--primary-soft);color:#3157d8;box-shadow:none}.btn.success{background:#0a9b70}.btn.danger{color:var(--red);box-shadow:none;background:#fff1f3;border-color:#ffd9df}.btn.small{padding:6px 9px;font-size:11.5px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.label{color:#34425b;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.input,.select,.textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:9px 10px;font-size:13px;transition:border .14s,box-shadow .14s}.input,.select{min-height:39px}.input::placeholder,.textarea::placeholder{color:#a0aabd}.textarea{resize:vertical;min-height:104px;line-height:1.5}.field{margin-bottom:12px}.field-hint{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45}.badge{background:var(--primary-soft);color:#3d59bb;border-radius:999px;align-items:center;padding:4px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.badge.green{background:var(--green-soft);color:var(--green)}.badge.orange{background:var(--orange-soft);color:var(--orange)}.badge.red{background:var(--red-soft);color:var(--red)}.notice{color:#245b9b;background:#eef6ff;border:1px solid #d9eaff;border-radius:10px;margin:10px 0;padding:11px 13px;font-size:12.5px}.notice.success{background:var(--green-soft);color:#087b5d;border-color:#ccefe3}.notice.error{background:var(--red-soft);color:#b82942;border-color:#ffd7de}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f5;padding:11px 12px}th{color:#71809b;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#fafbfc;font-size:9.5px;font-weight:800}td{font-size:12.5px}tbody tr:last-child td{border-bottom:0}.question{border:1px solid var(--line);background:#fff;border-radius:12px;margin:10px 0;padding:14px}.question summary{cursor:pointer}.option{border:1px solid #edf0f5;border-radius:9px;gap:8px;margin:6px 0;padding:9px;display:flex}.option:hover{background:#f9faff}.score{font-size:38px;font-weight:900}.two-col{grid-template-columns:270px 1fr;gap:16px;display:grid}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}.preset-card b{font-size:12px;display:block}.preset-card small{color:var(--muted);margin-top:3px;font-size:10.5px;line-height:1.4;display:block}.segmented{flex-wrap:wrap;gap:7px;display:flex}.segmented label{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;font-size:11.5px;font-weight:700}.segmented input{margin-right:5px}.task-card{content-visibility:auto;contain-intrinsic-size:88px;grid-template-columns:42px 1fr auto;align-items:start;gap:12px;display:grid}.task-icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:10px;place-items:center;font-weight:800;display:grid}.empty-state{text-align:center;color:var(--muted);padding:36px 20px;font-size:12.5px}.toolbar{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 13px;display:flex}.toolbar .input,.toolbar .select{width:auto;min-width:150px}.list-row{border-bottom:1px solid #edf0f5;align-items:center;gap:12px;padding:13px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row-main{flex:1;min-width:0}.list-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;overflow:hidden}.list-row-meta{color:var(--muted);margin-top:2px;font-size:11px}.surface-note{color:#526079;background:#f8faff;border:1px solid #e7ebf5;border-radius:11px;padding:12px 14px;font-size:11.5px}.public-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;position:sticky;top:0}.public-header-inner{align-items:center;gap:10px;max-width:1180px;margin:auto;padding:12px 24px;display:flex}.brand{color:#294dc6;font-size:18px;font-weight:850}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 12%,#4868e01f,#0000 28%),linear-gradient(#fff,#f6f8fc);padding:72px 24px}.hero-inner{text-align:center;max-width:900px;margin:auto}.hero h1{letter-spacing:-.045em;margin:13px 0;font-size:clamp(36px,5vw,58px);line-height:1.05}.hero p{max-width:760px;color:var(--muted);margin:0 auto 24px;font-size:17px;line-height:1.6}.header{border-bottom:1px solid var(--line);z-index:20;background:#fff;position:sticky;top:0}.header-inner{align-items:center;gap:12px;max-width:1180px;margin:0 auto;padding:12px 24px;display:flex}.header .brand{font-size:18px}.login-wrap{background:#f5f7fb;place-items:center;min-height:100vh;padding:34px;display:grid}.login-panel{border:1px solid var(--line);width:min(980px,96vw);box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.login-info{color:#fff;background:linear-gradient(145deg,#294fd1,#345de4 55%,#3b65eb);padding:46px;position:relative;overflow:hidden}.login-info:before,.login-info:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.login-info:before{width:420px;height:420px;top:-170px;left:-230px}.login-info:after{width:320px;height:320px;bottom:-130px;right:-180px}.login-info>*{z-index:1;position:relative}.login-form{padding:42px 44px}.login-info h1{margin-top:25px;font-size:35px;line-height:1.12}.login-info p{color:#dce5ff!important}.feature-list{gap:9px;margin-top:26px;display:grid}.feature-list div{background:#ffffff17;border:1px solid #ffffff17;border-radius:9px;padding:10px 11px;font-size:12px}.login-form .grid-2{grid-template-columns:1fr}.login-form form+form{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.loading-page{overflow:hidden}.skeleton{background:#e9edf4;border-radius:10px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.25s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-title{width:260px;height:32px}.skeleton-subtitle{width:420px;max-width:75%;height:14px;margin:9px 0 22px}.loading-stats{margin-bottom:16px}.skeleton-stat{height:112px}.skeleton-panel{height:180px;margin-bottom:14px}.skeleton-card{height:150px}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width:1100px){.quick-grid,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.top-pill{display:none}}@media (max-width:850px){:root{--sidebar:0px}.app-sidebar{display:none}.app-main{margin-left:0}.app-topbar{padding:0 14px}.top-context,.user-chip small{display:none}.mobile-brand{display:block}.mobile-nav{background:#3152bd;padding:5px 8px;display:block;overflow:auto}.mobile-nav .side-nav-wrap{gap:6px;min-width:max-content;display:flex}.mobile-nav .side-nav-section{margin:0}.mobile-nav .side-caption{display:none}.mobile-nav .side-nav{gap:4px;display:flex}.mobile-nav .side-nav a{min-height:34px;padding:7px 9px}.mobile-nav .nav-active-dot{display:none}.container{padding:20px 14px 38px}.grid-2,.grid-3,.grid-4,.quick-grid,.preset-grid,.two-col,.login-panel{grid-template-columns:1fr}.dashboard-hero{flex-direction:column;align-items:flex-start}.login-info{display:none}.login-form{padding:30px 24px}.task-card{grid-template-columns:40px 1fr}.task-card>.actions{grid-column:1/-1}.page-head h1,.page-title h1{font-size:24px}.toolbar .input,.toolbar .select{width:100%}}@media (max-width:520px){.container{padding-left:11px;padding-right:11px}.app-topbar{height:60px}.user-chip>span:last-child{display:none}.grid-4,.quick-grid{grid-template-columns:1fr}.hero{padding:54px 18px}.hero h1{font-size:38px}}.role-tabs{border:1px solid var(--line);background:#f3f5f9;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0;padding:5px;display:grid}.role-tabs a{text-align:center;color:#69758a;border-radius:8px;padding:8px 5px;font-size:11px;font-weight:750}.role-tabs a.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #1f305414}.google-btn{color:#26344b;width:100%;box-shadow:none;background:#fff;border-color:#d8deea}.google-btn:hover{color:#1f2b40;background:#f8fafc}.or-sep{color:#98a2b3;align-items:center;gap:10px;margin:14px 0;font-size:11px;display:flex}.or-sep span{background:var(--line);flex:1;height:1px}.signup-box{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.signup-box summary{cursor:pointer;color:#3b57b9;font-weight:750}.signup-box form{margin-top:12px}.role-box{border:1px solid var(--line);text-align:center;background:#fbfcff;border-radius:12px;padding:22px}.role-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;margin:0 auto 10px;display:grid}@media (max-width:850px){.role-tabs{grid-template-columns:repeat(2,1fr)}}.mode-cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;grid-template-columns:28px 1fr;align-items:center;gap:2px 9px;padding:13px;display:grid}.mode-card b{font-size:13px}.mode-card span{color:var(--muted);grid-column:2;font-size:11px}@media (max-width:650px){.mode-cards{grid-template-columns:1fr}}:focus-visible{outline-offset:2px;outline:3px solid #5368ed40}.green-icon{color:#07966f!important;background:#e8faf4!important}.orange-icon{color:#e07800!important;background:#fff2e7!important}.purple-icon{color:#7353e7!important;background:#f1edff!important}.empty-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:15px;place-items:center;margin:0 auto 10px;display:grid}.side-nav a:hover .nav-icon{transform:translate(2px)scale(1.06)}.side-nav .nav-icon{transition:transform .2s}.card,.panel,.stat{transition:border-color .2s,box-shadow .2s,transform .2s}.stat:hover{border-color:#d6ddf4;transform:translateY(-3px);box-shadow:0 14px 30px #1f305414}.landing-page{min-height:100vh;color:var(--landing-ink);background:#fff;overflow:hidden}.landing-header{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #dee3f1b8;height:76px;position:fixed;inset:0 0 auto}.landing-nav{align-items:center;gap:28px;max-width:1240px;height:100%;margin:auto;padding:0 28px;display:flex}.landing-brand{letter-spacing:-.025em;color:#1b2750;align-items:center;gap:10px;font-size:19px;display:inline-flex}.landing-brand>span{color:#fff;background:linear-gradient(145deg,#5c6ff0,#7860e7);border-radius:11px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 8px 20px #5866e73d}.landing-links{align-items:center;gap:28px;margin-left:28px;display:flex}.landing-links a,.landing-login{color:#52607d;font-size:13px;font-weight:650;transition:color .18s}.landing-cta{background:linear-gradient(135deg,#566bed,#705ae6);border-radius:11px;padding:10px 16px;box-shadow:0 8px 20px #5368ed3b}.landing-hero{isolation:isolate;background:linear-gradient(#fbfcff 0%,#f4f6ff 100%);min-height:760px;padding:150px 28px 94px;position:relative}.hero-glow{filter:blur(4px);pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.hero-glow-one{background:radial-gradient(circle,#775ee829,#775ee800 70%);width:620px;height:620px;top:60px;right:-140px}.hero-glow-two{background:radial-gradient(circle,#4191e021,#4191e000 70%);width:480px;height:480px;top:210px;left:-210px}.landing-hero-inner{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:68px;max-width:1240px;margin:auto;display:grid}.landing-hero-copy{z-index:2;position:relative}.hero-pill{color:#4e5d7c;background:#fff;border:1px solid #e2e7f7;border-radius:999px;align-items:center;gap:8px;padding:7px 11px 7px 7px;font-size:11.5px;font-weight:750;display:inline-flex;box-shadow:0 8px 24px #2737640f}.hero-pill>span{color:#576aea;background:#eef1ff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.landing-hero h1{letter-spacing:-.065em;color:#101a38;margin:24px 0;font-size:clamp(54px,5.7vw,82px);font-weight:850;line-height:.98}.landing-hero-copy>p{color:#61708e;max-width:590px;margin-bottom:28px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.hero-primary{background:linear-gradient(135deg,#5368ed,#715be6);border-radius:13px;min-height:50px;padding:0 20px;font-size:13.5px;box-shadow:0 12px 28px #5368ed40}.hero-secondary{color:#394761;background:#fff;border-color:#dfe4f1;border-radius:13px;min-height:50px;padding:0 18px;box-shadow:0 7px 20px #22325b0f}.hero-secondary:hover{color:#5368ed;background:#fff;border-color:#cfd7f8}.hero-trust{align-items:center;gap:12px;margin-top:30px;display:flex}.avatar-stack{padding-left:8px;display:flex}.avatar-stack i{color:#fff;background:#6678e9;border:3px solid #f7f8ff;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:-8px;font-size:10px;font-style:normal;font-weight:850;display:grid}.avatar-stack i:nth-child(2){background:#14a47d}.avatar-stack i:nth-child(3){background:#e28843}.hero-trust>span:last-child b,.hero-trust>span:last-child small{display:block}.hero-trust b{color:#35435f;font-size:11.5px}.hero-trust small{color:#8490a7;margin-top:1px;font-size:10px}.hero-product{perspective:1400px;position:relative}.product-window{transform-origin:50%;background:#fff;border:1px solid #dfe4f1;border-radius:22px;animation:7s ease-in-out infinite productFloat;position:relative;overflow:hidden;transform:rotateY(-2deg)rotateX(1deg);box-shadow:0 32px 80px #2a346e29}.product-top{background:#fbfcff;border-bottom:1px solid #edf0f6;align-items:center;height:44px;padding:0 14px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#ff7a78;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#f5bf4e}.window-dots i:nth-child(3){background:#51bf7b}.product-address{color:#74809a;background:#f2f4f9;border:1px solid #e7eaf1;border-radius:999px;align-items:center;margin:auto;padding:4px 20px;font-size:8px;display:flex}.product-address .status-dot{width:5px;height:5px;box-shadow:none;margin-right:5px}.product-avatar{color:#5568e8;background:#edf0ff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:8px;font-weight:800;display:grid}.product-body{background:#f7f8fc;grid-template-columns:56px 1fr;height:382px;display:grid}.product-body>aside{color:#fff;background:#263f9f;padding:13px 9px}.mini-logo{color:#4f64dd;background:#fff;border-radius:8px;place-items:center;width:29px;height:29px;margin:auto;display:grid}.mini-nav{gap:10px;margin-top:30px;display:grid}.mini-nav i{color:#acb9ee;border-radius:8px;place-items:center;width:30px;height:30px;margin:auto;display:grid}.mini-nav i.active{color:#4359ca;background:#fff}.product-content{min-width:0;padding:21px 20px}.product-greeting{align-items:flex-start;gap:12px;display:flex}.product-greeting>span{min-width:0}.product-greeting small,.product-greeting b,.product-greeting em{display:block}.product-greeting small{color:#7d89a1;letter-spacing:.09em;font-size:6px;font-weight:800}.product-greeting b{letter-spacing:-.03em;margin-top:3px;font-size:17px}.product-greeting em{color:#7c889e;margin-top:3px;font-size:8px;font-style:normal}.product-greeting button{color:#fff;white-space:nowrap;background:#5368df;border:0;border-radius:8px;align-items:center;gap:4px;margin-left:auto;padding:7px 9px;font-size:7px;font-weight:750;display:flex}.product-metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px;display:grid}.product-metrics>div{background:#fff;border:1px solid #eaedf4;border-radius:11px;padding:11px}.mini-icon{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.mini-icon.blue{color:#5368e8;background:#edf1ff}.mini-icon.green{color:#07966f;background:#e8f8f2}.mini-icon.purple{color:#7353e7;background:#f1edff}.product-metrics small,.product-metrics b,.product-metrics em{display:block}.product-metrics small{color:#8893a7;margin-top:8px;font-size:6px;font-weight:800}.product-metrics b{margin-top:2px;font-size:19px}.product-metrics em{color:#24a67d;font-size:6px;font-style:normal}.product-lower{grid-template-columns:1.55fr .85fr;gap:9px;margin-top:9px;display:grid}.mini-chart-card,.mini-insight{background:#fff;border:1px solid #eaedf4;border-radius:11px;height:143px;padding:12px}.mini-chart-card>span b,.mini-chart-card>span small{display:block}.mini-chart-card b,.mini-insight>b{font-size:8px}.mini-chart-card small{color:#8a95a9;margin-top:2px;font-size:6px}.mini-bars{background:repeating-linear-gradient(0deg,#0000 0 20px,#f4f5f9 21px);border-bottom:1px solid #edf0f6;align-items:end;gap:7px;height:86px;padding:11px 5px 0;display:flex}.mini-bars i{background:linear-gradient(#6f65e9,#536bdf);border-radius:4px 4px 1px 1px;flex:1}.mini-insight .mini-icon{margin-bottom:9px}.mini-insight p{color:#78849b;margin:6px 0 12px;font-size:7px;line-height:1.5}.mini-link{color:#5368df;font-size:6px;font-weight:750}.floating-note{background:#fffffff5;border:1px solid #e2e6f2;border-radius:13px;align-items:center;gap:9px;padding:11px 12px;animation:5.5s ease-in-out infinite noteFloat;display:flex;position:absolute;box-shadow:0 16px 34px #28336724}.floating-note>span:first-child{color:#07966f;background:#ebfaf4;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:9px}.floating-note small{color:#8490a5;margin-top:2px;font-size:7px}.floating-note>i{color:#07966f;background:#e9f9f3;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:6px;display:grid}.note-parent{bottom:26px;left:-38px}.note-ai{animation-delay:-2s;top:65px;right:-28px}.note-ai>span:first-child{color:#7353e7;background:#f0edff}.landing-proof{background:#fff;border-top:1px solid #e9edf7;border-bottom:1px solid #e9edf7}.landing-proof>div{grid-template-columns:repeat(4,1fr);max-width:1120px;margin:auto;padding:24px 28px;display:grid}.landing-proof span{text-align:center;border-right:1px solid #e8ebf3}.landing-proof span:last-child{border:0}.landing-proof b,.landing-proof small{display:block}.landing-proof b{color:#24325b;font-size:21px}.landing-proof small{color:#8490a5;margin-top:2px;font-size:10px}.landing-section{max-width:1240px;margin:auto;padding:108px 28px}.landing-section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-kicker{color:#586ce9;letter-spacing:.13em;align-items:center;gap:6px;font-size:10px;font-weight:850;display:inline-flex}.landing-section-head h2,.workflow-copy h2{letter-spacing:-.05em;margin:14px 0 16px;font-size:clamp(36px,4vw,52px);line-height:1.08}.landing-section-head>p,.workflow-copy>p{color:#74819a;max-width:660px;margin:0 auto;font-size:15px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.landing-feature{background:#fff;border:1px solid #e5e9f3;border-radius:18px;min-height:230px;padding:25px 24px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden}.landing-feature:before{content:"";background:var(--feature-soft);opacity:.75;border-radius:50%;width:140px;height:140px;transition:transform .35s;position:absolute;top:-78px;right:-78px}.landing-feature:hover{border-color:#d7def5;transform:translateY(-7px);box-shadow:0 22px 48px #25325d1a}.landing-feature:hover:before{transform:scale(1.3)}.landing-feature:hover .feature-arrow{transform:translate(4px)}.feature-icon{width:44px;height:44px;color:var(--feature);background:var(--feature-soft);border-radius:13px;place-items:center;display:grid}.landing-feature h3{margin:26px 0 8px;font-size:17px}.landing-feature p{color:#74819a;max-width:310px;margin:0;font-size:12.5px;line-height:1.65}.feature-arrow{color:var(--feature);transition:transform .25s;position:absolute;bottom:20px;right:20px}.feature-blue{--feature:#5368ed;--feature-soft:#eef1ff}.feature-purple{--feature:#7353e7;--feature-soft:#f1edff}.feature-orange{--feature:#e07800;--feature-soft:#fff2e7}.feature-green{--feature:#07966f;--feature-soft:#e8faf4}.feature-cyan{--feature:#1686bd;--feature-soft:#e8f7fd}.feature-violet{--feature:#8b5cf6;--feature-soft:#f5efff}.role-section{color:#fff;background:radial-gradient(circle at 50% -30%,#3549a4 0%,#0000 48%),linear-gradient(145deg,#101939,#18244c);padding:105px 28px;position:relative}.role-section:before{content:"";background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0006,#0000);mask-image:linear-gradient(#0006,#0000)}.role-section-inner{max-width:1240px;margin:auto;position:relative}.landing-section-head.light h2{color:#fff}.landing-section-head.light p{color:#aeb9d3}.landing-section-head.light .section-kicker{color:#9fb0ff}.role-card-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.landing-role-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:17px;min-height:190px;padding:21px 19px;transition:transform .25s,background .25s,border-color .25s;position:relative}.landing-role-card:hover{background:#ffffff1f;border-color:#ffffff47;transform:translateY(-8px)}.role-card-icon{background:var(--role-soft);width:43px;height:43px;color:var(--role-color);border-radius:13px;place-items:center;display:grid}.landing-role-card>span:nth-child(2){position:absolute;bottom:19px;left:19px;right:19px}.landing-role-card b,.landing-role-card small{display:block}.landing-role-card b{color:#fff;font-size:15px}.landing-role-card small{color:#b7c1d9;margin-top:5px;font-size:10.5px;line-height:1.5}.landing-role-card>i{color:#a7b3d0;transition:transform .25s;position:absolute;top:24px;right:18px}.landing-role-card:hover>i{transform:translate(4px)}.role-teacher{--role-color:#6d7ef3;--role-soft:#eef0ff}.role-student{--role-color:#0c9c75;--role-soft:#e8f9f3}.role-parent{--role-color:#e17c30;--role-soft:#fff0e5}.role-school{--role-color:#1b8fc4;--role-soft:#e8f7fd}.role-founder{--role-color:#8a5be8;--role-soft:#f3edff}.workflow-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;display:grid}.workflow-copy{text-align:left}.workflow-copy>p{margin:0 0 26px}.workflow-steps{gap:15px;display:grid;position:relative}.workflow-steps:before{content:"";background:linear-gradient(#6072ed,#a0aaef);width:2px;position:absolute;top:64px;bottom:64px;left:38px}.workflow-steps article{background:#fff;border:1px solid #e5e9f3;border-radius:16px;grid-template-columns:28px 48px 1fr;align-items:center;gap:14px;padding:22px;transition:transform .25s,border-color .25s;display:grid;position:relative;box-shadow:0 10px 28px #1f30540d}.workflow-steps article:hover{border-color:#ced6f8;transform:translate(7px)}.workflow-steps article>span{color:#9aa5b8;font-size:10px;font-weight:850}.workflow-steps article>i{z-index:1;color:#576be9;box-sizing:content-box;background:#eef1ff;border:6px solid #fff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;position:relative}.workflow-steps b{font-size:14px}.workflow-steps p{color:#7b879d;margin:4px 0 0;font-size:11.5px}.landing-final{text-align:center;color:#fff;background:linear-gradient(130deg,#5269ec,#785be2);border-radius:26px;max-width:1184px;margin:0 auto 95px;padding:70px 30px;position:relative;overflow:hidden;box-shadow:0 28px 60px #5060dd3b}.landing-final:before,.landing-final:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.landing-final:before{width:380px;height:380px;bottom:-250px;left:-210px}.landing-final:after{width:460px;height:460px;top:-320px;right:-250px}.landing-final>div:last-child{z-index:1;position:relative}.landing-final .section-kicker{color:#d9deff}.landing-final h2{letter-spacing:-.05em;margin:14px 0;font-size:clamp(34px,4vw,49px);line-height:1.1}.landing-final p{color:#e0e4ff;margin-bottom:24px}.landing-final .hero-actions{justify-content:center}.final-btn{color:#4d62dd;min-height:49px;box-shadow:none;background:#fff;padding:0 19px}.final-btn:hover{color:#4054cf;background:#f7f8ff}.final-ghost{min-height:49px;box-shadow:none;background:#ffffff17;border-color:#ffffff40;padding:0 19px}.final-ghost:hover{background:#ffffff2b}.landing-footer{border-top:1px solid #e7ebf3;grid-template-columns:1fr auto;align-items:center;gap:18px;max-width:1240px;margin:auto;padding:30px 28px 45px;display:grid}.landing-footer p{color:#8490a5;margin:9px 0 0;font-size:11px}.landing-footer nav{color:#61708a;gap:22px;font-size:11px;font-weight:650;display:flex}.landing-footer small{color:#9ba5b6;grid-column:1/-1;font-size:9px}@keyframes productFloat{0%,to{transform:rotateY(-2deg)rotateX(1deg)translateY(0)}50%{transform:rotateY(-2deg)rotateX(1deg)translateY(-9px)}}@keyframes noteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.login-stage{--role-accent:#5b6cff;background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--role-accent) 12%,transparent),transparent 30%),linear-gradient(135deg,#f6f8ff,#f1f4fb);place-items:center;min-height:100vh;padding:38px;transition:background .45s;display:grid;position:relative;overflow:hidden}.login-ambient{pointer-events:none;filter:blur(4px);border-radius:50%;transition:background .45s;position:absolute}.ambient-one{background:color-mix(in srgb,var(--role-accent) 12%,transparent);width:380px;height:380px;bottom:-120px;left:-150px}.ambient-two{background:#507eda1a;width:300px;height:300px;top:-80px;right:-100px}.role-login-v2{z-index:2;border:1px solid #dce1f0e6;border-radius:25px;grid-template-columns:.9fr 1.1fr;width:min(1160px,96vw);min-height:690px;position:relative;box-shadow:0 32px 90px #23315b26}.login-story{color:#fff;background:radial-gradient(circle at 10% 5%,color-mix(in srgb,var(--role-accent) 55%,transparent),transparent 48%),linear-gradient(150deg,#14204a 0%,#233a8e 100%);padding:43px 46px 37px;transition:background .45s;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid #ffffff17;border-radius:50%;width:500px;height:500px;position:absolute;top:-250px;left:-300px}.login-story:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-230px;right:-230px}.login-logo{z-index:2;color:#fff;align-items:center;gap:11px;display:flex;position:relative}.login-logo .brand-mark{box-shadow:0 8px 20px #08134133}.login-logo b,.login-logo small{display:block}.login-logo b{letter-spacing:-.02em;font-size:16px}.login-logo small{color:#cdd6f6;margin-top:1px;font-size:9px}.login-story-copy{z-index:2;margin-top:96px;animation:.38s both roleEnter;position:relative}.story-eyebrow{color:#d7dfff;letter-spacing:.14em;align-items:center;gap:8px;font-size:9px;font-weight:850;display:flex}.story-eyebrow>span:first-child{background:var(--role-accent);border-radius:4px;width:24px;height:2px}.login-story h1{letter-spacing:-.045em;max-width:450px;margin:18px 0 17px;font-size:38px;line-height:1.08}.login-story-copy>p{color:#d1daf3;max-width:430px;font-size:13px;line-height:1.7}.story-features{gap:10px;margin-top:28px;display:grid}.story-features>div{color:#e4e9fa;align-items:center;gap:10px;font-size:11.5px;display:flex}.story-check{color:#fff;background:#ffffff1c;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.login-orbit{pointer-events:none;position:absolute;inset:0}.orbit-card{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:15px;place-items:center;width:49px;height:49px;animation:5s ease-in-out infinite noteFloat;display:grid;position:absolute}.orbit-a{color:var(--role-accent);background:#fff;top:117px;right:44px}.orbit-b{animation-delay:-2s;top:74px;right:112px;transform:scale(.75)}.orbit-c{animation-delay:-3.5s;top:190px;right:32px;transform:scale(.68)}.story-footer{z-index:2;color:#c3cdef;font-size:9.5px;position:absolute;bottom:34px;left:46px}.story-footer .status-dot{box-shadow:0 0 0 3px #19b78b29}.login-form-v2{flex-direction:column;padding:38px 48px 30px;display:flex}.login-mobile-logo{align-items:center;display:flex}.login-mobile-logo>.brand{display:none}.login-back{color:#7c879d;margin-left:auto;font-size:10.5px;font-weight:650}.login-back:hover{color:var(--primary)}.login-heading{margin-top:28px}.login-heading h2{margin:5px 0 6px;font-size:29px;line-height:1.15}.login-heading p{color:#7b879c;margin:0;font-size:12px}.role-switcher{background:#f4f6fa;border:1px solid #e4e8f1;border-radius:13px;grid-template-columns:repeat(5,1fr);margin:19px 0 16px;padding:5px;display:grid;position:relative;overflow:hidden}.role-slider{z-index:0;width:calc(20% - 2px);transform:translateX(calc(var(--role-index)*100%));background:#fff;border-radius:9px;transition:transform .34s cubic-bezier(.22,.8,.24,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 3px 10px #2030551a}.role-switcher button{z-index:1;color:#7a8599;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 3px;font-size:8.5px;font-weight:750;transition:color .25s;display:flex;position:relative}.role-switcher button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.role-switcher button.active{color:var(--role-accent)}.role-form-scene{animation:.35s cubic-bezier(.22,.8,.24,1) both roleEnter}.role-form-intro{align-items:center;gap:10px;margin-bottom:13px;display:flex}.role-form-icon{background:color-mix(in srgb,var(--role-accent) 11%,white);width:38px;height:38px;color:var(--role-accent);border-radius:11px;place-items:center;display:grid}.role-form-intro b,.role-form-intro small{display:block}.role-form-intro b{font-size:12.5px}.role-form-intro small{color:#8490a4;margin-top:2px;font-size:9.5px}.role-auth-form .field{margin-bottom:11px}.role-auth-form .input{border-radius:11px;min-height:44px;padding-left:11px}.input-with-icon{position:relative}.input-with-icon>svg{z-index:1;color:#8b96aa;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon .input{padding-left:38px}.role-submit{background:linear-gradient(135deg,var(--role-accent),color-mix(in srgb,var(--role-accent) 72%,#172255));width:100%;min-height:44px;box-shadow:0 8px 18px color-mix(in srgb,var(--role-accent) 24%,transparent);border-radius:11px;margin-top:3px}.login-form-v2 .google-btn{border-radius:11px;min-height:43px}.login-form-v2 .or-sep{margin:11px 0}.login-form-v2 .signup-box{margin-top:11px}.login-form-v2 .signup-box summary{font-size:11px}.login-form-v2 .signup-box form{margin-top:11px}.login-help-note{color:#64718a;background:#f7f9fd;border:1px solid #e7ebf3;border-radius:10px;align-items:flex-start;gap:9px;margin-top:13px;padding:10px 11px;font-size:10px;line-height:1.5;display:flex}.login-help-note svg{color:var(--role-accent);flex:none;margin-top:1px}.admin-note{background:#faf7ff;border-color:#ebe2ff}.login-terms{color:#a0a9ba;text-align:center;margin:auto 0 0;padding-top:15px;font-size:8.5px}.login-form-v2 .notice{margin:0 0 12px}.role-form-scene .field-hint{font-size:9px}.login-story-student{background:radial-gradient(circle at 10% 5%,#0ca6787a,#0000 48%),linear-gradient(150deg,#0e3841,#116270)}.login-story-parent{background:radial-gradient(circle at 10% 5%,#f1904885,#0000 48%),linear-gradient(150deg,#43303b,#8d4d42)}.login-story-school{background:radial-gradient(circle at 10% 5%,#1f91cb7a,#0000 48%),linear-gradient(150deg,#14344c,#175c82)}.login-story-admin{background:radial-gradient(circle at 10% 5%,#8b5cf68a,#0000 48%),linear-gradient(150deg,#271c50,#4d2b83)}@keyframes roleEnter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.credential-reveal{background:linear-gradient(120deg,#f1fbf7,#f8faff);border:1px solid #ccecdf;border-radius:14px;grid-template-columns:minmax(240px,.7fr) 1.3fr;align-items:center;gap:18px;margin-bottom:14px;padding:16px 18px;display:grid}.credential-reveal.compact{display:block}.credential-title{align-items:center;gap:11px;display:flex}.credential-title b,.credential-title small{display:block}.credential-title small{color:#6d7b91;margin-top:3px;font-size:10.5px}.credential-success{color:#07966f;background:#dff7ee;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.credential-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.credential-grid>div{background:#fff;border:1px solid #e0e7ef;border-radius:10px;padding:10px 13px}.credential-grid span,.credential-grid b,.credential-grid small{display:block}.credential-grid span{letter-spacing:.11em;color:#8894a8;font-size:8px;font-weight:850}.credential-grid b{color:#24375b;letter-spacing:.04em;font-size:17px}.credential-grid small{color:#748198;font-size:9.5px}.student-management-layout{grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);align-items:start;gap:14px;margin-top:14px;display:grid}.student-create-stack{gap:14px;display:grid;position:sticky;top:82px}.student-table table{min-width:780px}.parent-code{letter-spacing:.03em;color:#5545b5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.import-panel{margin:0!important}.import-panel>summary{cursor:pointer;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;padding:15px 17px;list-style:none;display:grid}.import-panel>summary::-webkit-details-marker{display:none}.import-panel>summary>svg:first-child{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;padding:8px}.import-panel>summary b,.import-panel>summary small{display:block}.import-panel>summary small{color:var(--muted);margin-top:2px;font-size:10px}.import-panel[open]>summary>svg:last-child{transform:rotate(90deg)}.import-panel>summary>svg:last-child{transition:transform .2s}.student-profile-grid{grid-template-columns:1fr .8fr 1.15fr;align-items:start;gap:14px;display:grid}.code-display{background:#f7f9ff;border:1px dashed #cfd8f5;border-radius:12px;margin-bottom:12px;padding:14px}.code-display span,.code-display b,.code-display small{display:block}.code-display span{letter-spacing:.12em;color:#7a87a0;font-size:8.5px;font-weight:850}.code-display b{letter-spacing:.08em;color:#3157d8;margin:3px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.code-display small{color:#7b879b;font-size:10px}.code-display.parent{background:#fff8f3;border-color:#f0cfb7}.code-display.parent b{color:#bb6427}.parent-access-card+.parent-access-card{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.parent-account-line{align-items:center;gap:10px;margin-bottom:12px;display:flex}.parent-account-line>span:first-child{flex:1;min-width:0}.parent-account-line b,.parent-account-line small{display:block}.parent-account-line small{color:var(--muted);font-size:10px}.parent-empty{padding:20px 8px}.parent-empty b{color:var(--ink);font-size:13px;display:block}.parent-empty p{max-width:260px;margin:5px auto 13px;font-size:11px}.reports-hero{color:#fff;background:linear-gradient(120deg,#415dda,#6853df 62%,#8b5ee6);border-radius:18px;align-items:center;gap:22px;min-height:168px;margin-bottom:14px;padding:28px 31px;display:flex;position:relative;overflow:hidden}.reports-hero:before{content:"";border:38px solid #ffffff0f;border-radius:50%;width:280px;height:280px;position:absolute;top:-150px;right:-70px}.reports-hero>div:first-child{z-index:1;max-width:720px;position:relative}.reports-hero h1{margin:3px 0 7px;font-size:29px}.reports-hero p{color:#e5e8ff;max-width:680px;margin:0}.reports-hero .eyebrow{color:#ced6ff}.reports-hero-art{width:140px;height:90px;margin-left:auto;position:relative}.reports-hero-art span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #ffffff2e;border-radius:16px;place-items:center;display:grid;position:absolute}.reports-hero-art span:first-child{width:58px;height:58px;bottom:0;left:0}.reports-hero-art span:last-child{color:#7056df;background:#fff;width:68px;height:68px;top:0;right:2px}.report-stats{margin-bottom:14px}.report-compose-layout{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:start;gap:14px;display:grid}.report-composer{position:sticky;top:82px}.compact-textarea{min-height:80px}.report-send-bar{border-top:1px solid var(--line);align-items:center;gap:14px;padding-top:12px;display:flex}.report-send-bar>span{color:#78849a;flex:1;align-items:center;gap:7px;font-size:10px;display:flex}.report-send-bar>span svg{color:#07966f}.section-heading{align-items:end;gap:12px;margin-bottom:12px;display:flex}.section-heading h2{margin:0;font-size:19px}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.report-history-list{gap:10px;display:grid}.teacher-report-card,.parent-report-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 5px 17px #1f30540b}.teacher-report-card:hover,.parent-report-card:hover{border-color:#d5dcf5;transform:translateY(-2px);box-shadow:0 13px 28px #1f305413}.report-card-head{align-items:center;gap:8px;display:flex}.report-card-head>span:last-child{margin-left:auto}.teacher-report-card h3,.parent-report-card h3{margin:12px 0 3px;font-size:15px}.teacher-report-card>p:not(.report-meta){color:#66738b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0 12px;font-size:11.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.report-meta{color:#8994a8;margin:0;font-size:9.5px}.report-history-list .empty-state b{color:var(--ink);display:block}.parent-portal{background:linear-gradient(#f7f9fe,#f3f6fb);min-height:100vh}.parent-topbar,.school-admin-topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:30;background:#ffffffe8;height:68px;position:sticky;top:0}.parent-topbar-inner,.school-admin-topbar-inner{align-items:center;gap:12px;max-width:1220px;height:100%;margin:auto;padding:0 30px;display:flex}.parent-brand{align-items:center;gap:10px;display:flex}.parent-brand b,.parent-brand small{display:block}.parent-brand b{font-size:15px}.parent-brand small{color:var(--muted);font-size:9px}.parent-user{align-items:center;gap:8px;display:flex}.parent-user b,.parent-user small{display:block}.parent-user b{font-size:11.5px}.parent-user small{color:var(--muted);font-size:9.5px}.parent-container{max-width:1220px}.parent-welcome{color:#fff;background:linear-gradient(120deg,#3159d7,#5364dc 55%,#7357df);border-radius:19px;align-items:center;min-height:180px;margin-bottom:14px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.parent-welcome:before{content:"";border:45px solid #ffffff0f;border-radius:50%;width:350px;height:350px;position:absolute;top:-210px;right:-90px}.parent-welcome>div:first-child{z-index:1;position:relative}.parent-welcome h1{margin:3px 0 6px;font-size:30px}.parent-welcome p{color:#e3e8ff;max-width:650px;margin:0}.parent-welcome .eyebrow{color:#cbd5ff}.parent-welcome-art{width:170px;height:110px;margin-left:auto;position:relative}.parent-welcome-art span{background:#ffffff24;border:1px solid #ffffff2e;border-radius:18px;place-items:center;animation:5s ease-in-out infinite noteFloat;display:grid;position:absolute}.parent-welcome-art span:first-child{color:#654ed6;background:#fff;width:72px;height:72px;top:17px;right:46px}.parent-welcome-art span:nth-child(2){width:48px;height:48px;animation-delay:-2s;bottom:4px;left:4px}.parent-welcome-art span:nth-child(3){width:42px;height:42px;animation-delay:-3s;top:0;right:0}.parent-stats{margin-bottom:14px}.parent-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:14px;display:grid}.report-feed{gap:12px;display:grid}.parent-report-card h3{font-size:17px}.report-summary{color:#5f6c85;margin:13px 0;font-size:12.5px;line-height:1.65}.report-details{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.report-details>div{background:#f7f9fd;border:1px solid #edf0f5;border-radius:10px;padding:11px}.report-details b{color:#36455f;align-items:center;gap:6px;font-size:10px;display:flex}.report-details p{color:#6f7b91;white-space:pre-line;margin:5px 0 0;font-size:10.5px;line-height:1.55}.parent-report-card blockquote{color:#5c527d;background:#f5f2ff;border:0;border-left:3px solid #7353e7;border-radius:0 10px 10px 0;gap:9px;margin:12px 0 0;padding:11px 12px;font-size:10.5px;line-height:1.55;display:flex}.parent-report-card blockquote svg{flex:none}.parent-children{position:sticky;top:84px}.child-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:10px;padding:16px}.child-card-head{align-items:center;gap:10px;display:flex}.child-avatar{color:#5a58ce;background:linear-gradient(145deg,#e9edff,#f1edff);border-radius:13px;place-items:center;width:42px;height:42px;font-size:16px;font-weight:850;display:grid}.child-card-head h3{margin:0;font-size:14px}.child-card-head p{color:var(--muted);margin:2px 0 0;font-size:9.5px}.child-classes{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.child-activity{border-top:1px solid #edf0f5;padding-top:8px}.child-activity>div{border-bottom:1px solid #f0f2f6;align-items:center;gap:8px;padding:7px 0;display:flex}.child-activity>div:last-child{border:0}.child-activity>div>span{color:#58667e;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;min-width:0;font-size:10.5px;display:flex;overflow:hidden}.child-activity>div>span svg{color:#6b7ce5;flex:none}.child-activity>div>b{font-size:10.5px}.admin-container{max-width:1320px}.admin-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#ab7aff61,#0000 29%),linear-gradient(120deg,#171b3f,#29366f 58%,#523b84);border-radius:21px;align-items:center;gap:30px;min-height:240px;margin-bottom:14px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.admin-hero:before{content:"";background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.admin-hero>div:first-child{z-index:1;max-width:760px;position:relative}.admin-hero h1{margin:5px 0 8px;font-size:34px}.admin-hero p{color:#d9dff3;max-width:720px}.admin-hero .eyebrow{color:#c5cfff}.admin-hero-btn{color:#3f4fba;box-shadow:none;background:#fff}.admin-hero-btn:hover{color:#3445ad;background:#f6f7ff}.admin-hero-ghost{box-shadow:none;background:#ffffff17;border-color:#fff3}.admin-hero-ghost:hover{background:#ffffff26}.founder-badge{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff24;border-radius:18px;min-width:190px;margin-left:auto;padding:22px;position:relative}.founder-badge>span{color:#7653d7;background:#fff;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 12px;display:grid;box-shadow:0 13px 28px #00000026}.founder-badge b,.founder-badge small{display:block}.founder-badge b{font-size:14px}.founder-badge small{color:#cdd5ec;margin-top:3px;font-size:9px}.admin-stats{margin-bottom:28px}.control-map{margin:28px 0 36px}.control-card{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:145px;padding:18px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative}.control-card:hover{border-color:#cfd7f6;transform:translateY(-5px);box-shadow:0 16px 32px #1f305414}.control-card>span{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.control-card b,.control-card small{display:block}.control-card b{margin-top:17px;font-size:13px}.control-card small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.5}.admin-section{margin-top:34px;scroll-margin-top:20px}.admin-section>.section-heading{align-items:center}.admin-section>.section-heading>div:first-child{flex:1}.admin-split{grid-template-columns:360px 1fr;align-items:start;gap:14px;display:grid}.workspace-list{gap:8px;display:grid}.workspace-row{border:1px solid #edf0f5;border-radius:11px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.workspace-icon{color:#5368df;background:#edf1ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.workspace-row b,.workspace-row small{display:block}.workspace-row small{color:var(--muted);margin-top:2px;font-size:9.5px}.workspace-row .select{min-width:170px}.admin-table{border:0;border-radius:0}.admin-table table{min-width:900px}.plan-edit-row{grid-template-columns:130px 80px 100px 80px 100px auto;align-items:center;gap:7px;display:grid}.months-input{width:76px!important}.webhook-note{align-items:center;gap:8px;display:flex;overflow:auto}.webhook-note code{font-size:10px}.school-admin-portal{background:#f5f7fb;min-height:100vh}.school-admin-container{max-width:1220px}.school-admin-hero{color:#fff;background:radial-gradient(circle at 80% 10%,#2db8d84d,#0000 31%),linear-gradient(125deg,#16365d,#175f87 55%,#1686a4);border-radius:20px;align-items:center;gap:25px;min-height:210px;margin-bottom:14px;padding:32px 35px;display:flex;position:relative;overflow:hidden}.school-admin-hero:after{content:"";border:40px solid #ffffff12;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-230px;right:-130px}.school-admin-hero>div:first-child{z-index:1;position:relative}.school-admin-hero h1{margin:4px 0 7px;font-size:31px}.school-admin-hero p{color:#d8eff8;max-width:650px}.school-admin-hero .eyebrow{color:#bde6f2}.school-shield{z-index:1;text-align:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:17px;min-width:190px;margin-left:auto;padding:20px;position:relative}.school-shield svg{color:#aee8dc}.school-shield b,.school-shield small{display:block}.school-shield b{margin-top:8px;font-size:12px}.school-shield small{color:#c6e5ed;font-size:9px}.school-admin-grid{margin-top:14px}.school-class-list>a{border-bottom:1px solid #edf0f5;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;padding:9px;transition:background .18s,transform .18s;display:grid}.school-class-list>a:hover{background:#f8faff;transform:translate(3px)}.school-class-list>a:last-child{border:0}.school-class-list b,.school-class-list small{display:block}.school-class-list b{font-size:11.5px}.school-class-list small{color:var(--muted);font-size:9.5px}.staff-list>div{border-bottom:1px solid #edf0f5;align-items:center;gap:9px;padding:9px 0;display:flex}.staff-list>div:last-child{border:0}.staff-list>div>span:nth-child(2){flex:1;min-width:0}.staff-list b,.staff-list small{display:block}.staff-list b{font-size:11.5px}.staff-list small{color:var(--muted);font-size:9.5px}.list-row-meta{display:block}.btn[aria-busy=true]{pointer-events:none;transform:none}.pending-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.65s linear infinite pendingSpin}@keyframes pendingSpin{to{transform:rotate(360deg)}}@media (max-width:1120px){.landing-hero-inner{text-align:center;grid-template-columns:1fr;max-width:820px}.landing-hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{width:min(680px,95%);margin:30px auto 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.role-card-grid{grid-template-columns:repeat(3,1fr)}.workflow-section{gap:45px}.student-profile-grid{grid-template-columns:repeat(2,1fr)}.parent-access-panel{grid-column:1/-1}.admin-split{grid-template-columns:1fr}.workspace-row{grid-template-columns:38px 1fr}.workspace-row form{grid-column:2}.quick-grid-five{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.landing-links{display:none}.landing-hero{padding-top:125px}.role-login-v2{grid-template-columns:1fr;min-height:0}.login-story{display:none}.login-form-v2{padding:32px 34px}.login-mobile-logo>.brand{display:block}.role-form-scene{min-height:0}.student-management-layout,.report-compose-layout,.parent-layout{grid-template-columns:1fr}.student-create-stack,.report-composer,.parent-children{position:static}.parent-children{order:-1}.admin-hero,.school-admin-hero{align-items:flex-start}.founder-badge,.school-shield{display:none}.workflow-section{grid-template-columns:1fr}.workflow-copy{text-align:center}.workflow-copy>p{margin-left:auto;margin-right:auto}.workflow-copy .btn{display:inline-flex}.product-window{animation:none;transform:none}.student-profile-grid{grid-template-columns:1fr}.parent-access-panel{grid-column:auto}.quick-grid-five{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.landing-header{height:66px}.landing-nav{padding:0 15px}.landing-brand{font-size:16px}.landing-brand>span{width:32px;height:32px}.landing-login{display:none}.landing-cta{padding:9px 12px;font-size:11px}.landing-hero{min-height:auto;padding:112px 16px 65px}.landing-hero-inner{display:block}.landing-hero h1{font-size:49px}.landing-hero-copy>p{font-size:14px}.hero-product{width:100%;margin-top:50px}.product-window{border-radius:15px}.product-content{padding:15px 12px}.product-body{grid-template-columns:45px 1fr;height:326px}.product-body>aside{padding:10px 5px}.product-lower{grid-template-columns:1fr}.mini-insight,.product-greeting em{display:none}.floating-note{transform-origin:50%;transform:scale(.85)}.note-parent{bottom:-25px;left:-12px}.note-ai{top:44px;right:-16px}.landing-proof>div{grid-template-columns:repeat(2,1fr);gap:18px}.landing-proof span:nth-child(2){border:0}.landing-section{padding:72px 16px}.landing-section-head{margin-bottom:32px}.landing-section-head h2,.workflow-copy h2{font-size:36px}.feature-grid,.role-card-grid{grid-template-columns:1fr}.landing-feature{min-height:205px}.role-section{padding:72px 16px}.landing-role-card{min-height:130px}.role-card-grid{gap:8px}.landing-role-card>span:nth-child(2){top:29px;bottom:auto;left:82px}.landing-role-card>i{top:auto;bottom:20px}.workflow-section{padding-top:75px;padding-bottom:75px}.workflow-steps article{grid-template-columns:23px 43px 1fr;gap:8px;padding:15px}.workflow-steps article>i{width:38px;height:38px}.workflow-steps:before{left:57px}.landing-final{border-radius:20px;margin:0 12px 65px;padding:52px 18px}.landing-final h2{font-size:34px}.landing-footer{grid-template-columns:1fr;padding:25px 16px}.landing-footer nav{flex-wrap:wrap}.login-stage{background:#fff;padding:0}.role-login-v2{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0}.login-form-v2{padding:24px 18px}.login-heading{margin-top:24px}.login-heading h2{font-size:26px}.role-switcher{margin-left:-4px;margin-right:-4px}.role-switcher button{font-size:7.5px}.role-switcher button svg{width:15px;height:15px}.parent-topbar-inner,.school-admin-topbar-inner{padding:0 13px}.parent-user>span:last-child{display:none}.parent-welcome,.reports-hero,.admin-hero,.school-admin-hero{min-height:170px;padding:24px 20px}.parent-welcome-art,.reports-hero-art{display:none}.parent-welcome h1,.reports-hero h1,.admin-hero h1,.school-admin-hero h1{font-size:26px}.credential-reveal,.credential-grid{grid-template-columns:1fr}.student-management-layout{display:block}.student-create-stack{margin-top:14px}.report-send-bar{flex-direction:column;align-items:flex-start}.report-details{grid-template-columns:1fr}.admin-container{padding-left:11px;padding-right:11px}.control-map .grid-4{grid-template-columns:1fr}.workspace-row form{grid-column:1/-1}.workspace-row .select{width:100%;min-width:0}.workspace-row .actions{grid-template-columns:1fr auto;display:grid}.quick-grid-five{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.product-window{transform:none!important}}:root{--bg:#eef3ff;--surface:#fff;--surface-soft:#f7f9ff;--ink:#14213d;--ink-2:#30405e;--muted:#6f7d98;--line:#dbe3f4;--line-strong:#cad5ee;--primary:#4966f5;--primary-dark:#3150e6;--primary-soft:#edf1ff;--green:#0f9f74;--green-soft:#eaf9f3;--orange:#ef8a16;--orange-soft:#fff4e8;--red:#dd4863;--red-soft:#fff1f4;--shadow:0 14px 40px #23396e14;--shadow-lg:0 28px 70px #29418429}html,body{font-family:var(--font-app),-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at top left,#728bff1c,transparent 28%),radial-gradient(circle at bottom right,#ff884817,transparent 25%),var(--bg)}.side-brand,.side-account,.side-help,.side-nav a,.side-caption{z-index:1;position:relative}.app-sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 10%,#ff975c42,#0000 25%),radial-gradient(circle at 14% 96%,#ffffff24,#0000 18%);position:absolute;inset:0}.side-account,.side-help{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1c;border-color:#ffffff29}.side-nav a{border:1px solid #0000}.side-nav a:hover{border-color:#ffffff1f;transform:translate(2px)}.app-topbar,.public-header,.header,.parent-topbar,.school-admin-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #d7dff3e6;background:#ffffffe6!important}.user-chip,.parent-user{background:#f3f6ffe6;border:1px solid #e2e8f8;border-radius:14px;padding:4px 6px}.card,.panel,.stat,.toolbar,.table-wrap,.quick-action{box-shadow:var(--shadow);border-color:#ced9f1f2}.panel,.card,.stat,.toolbar,.quick-action,.table-wrap{border-radius:18px}.panel-head{padding:18px 20px}.panel-body{padding:20px}.btn{background:linear-gradient(135deg,#4a67f7,#6c55f1 58%,#ff8a44 130%);border:0;box-shadow:0 12px 26px #505ce838}.btn.secondary{color:#32435f;border:1px solid var(--line);background:#fff;box-shadow:0 10px 20px #2941840f}.icon-btn{box-shadow:0 8px 18px #2941840f}.stat{background:linear-gradient(#fff,#fbfcff)}.stat:after{content:"";background:radial-gradient(circle,#5972f71f,#0000 60%);border-radius:50%;width:140px;height:140px;position:absolute;inset:auto -40px -60px auto}.quick-action{background:linear-gradient(#fff,#fbfcff)}.input,.select,.textarea{background:#fff;border-radius:12px}.table-wrap table thead th{background:#f7f9ff}tbody tr:hover{background:#f8fbff}.notice{border-radius:14px}.dashboard-hero,.reports-hero,.parent-welcome,.admin-hero,.school-admin-hero{box-shadow:var(--shadow-lg)}.public-header-inner .brand,.header-inner .brand,.parent-brand{align-items:center;gap:10px;display:flex}.public-header .brand:before,.header .brand:before,.parent-brand .brand-mark{box-shadow:0 8px 18px #2c40952e}.competition-page{max-width:1260px}.competition-hero{color:#fff;background:radial-gradient(circle at 78% 16%,#ffa3676b,#0000 26%),radial-gradient(circle at 10% 10%,#a4b6ff38,#0000 22%),linear-gradient(125deg,#3152d6 0%,#5548d4 56%,#ef8a16 130%);border-radius:28px;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:16px;padding:26px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #394da633}.competition-hero:after{content:"";border:42px solid #ffffff14;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-100px}.competition-hero-copy,.competition-hero-side{z-index:1;position:relative}.competition-hero h1{margin:5px 0 10px;font-size:34px}.competition-hero p{color:#e6ebff;max-width:690px;margin:0 0 16px}.competition-hero .eyebrow{color:#dbe2ff}.competition-toolbar{background:#ffffff1f;border-color:#ffffff2e}.competition-toolbar .select{background:#fff}.competition-highlight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff2e;border-radius:22px;padding:18px}.competition-highlight b,.competition-highlight small{display:block}.competition-highlight b{margin-top:10px;font-size:22px}.competition-highlight small{color:#eef2ff;margin-top:6px}.competition-mini-stats{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}.competition-mini-stats>div{background:#ffffff24;border:1px solid #ffffff29;border-radius:18px;padding:14px 16px}.competition-mini-stats span,.competition-mini-stats b{display:block}.competition-mini-stats span{letter-spacing:.08em;text-transform:uppercase;color:#dfe6ff;font-size:10px}.competition-mini-stats b{margin-top:5px;font-size:18px}.competition-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;margin-bottom:16px;display:grid}.podium-card{box-shadow:var(--shadow);text-align:center;background:linear-gradient(#fff,#fbfcff);border:1px solid #d6dff4f2;border-radius:24px;padding:18px;position:relative;overflow:hidden}.podium-card.rank-1{border:2px solid #f1bc3d;padding-top:22px;transform:translateY(-6px);box-shadow:0 20px 38px #ef8a162e}.podium-card.rank-2{background:linear-gradient(#f8fbff,#fff)}.podium-card.rank-3{background:linear-gradient(#fff8f2,#fff)}.podium-rank{color:#3654d8;background:#eff3ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid;position:absolute;top:16px;left:16px}.rank-1 .podium-rank{color:#b36b00;background:#fef1c8}.rank-2 .podium-rank{color:#61708b;background:#eef2f7}.rank-3 .podium-rank{color:#c07112;background:#fff0db}.podium-avatar{color:#324dd0;background:linear-gradient(135deg,#eef2ff,#ffeede);border:4px solid #fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:20px auto 12px;font-size:26px;font-weight:800;display:grid;box-shadow:0 10px 24px #2d42951a}.podium-card h3{margin:0;font-size:24px}.podium-card p{color:var(--muted);margin:4px 0 12px}.podium-score{color:#fff;background:linear-gradient(135deg,#ffb11d,#ff8d11);border-radius:14px;justify-content:center;align-items:center;padding:10px 18px;font-size:24px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #ef8a1638}.rank-2 .podium-score{background:linear-gradient(135deg,#6c8df7,#5464e8)}.rank-3 .podium-score{background:linear-gradient(135deg,#ffb37f,#ff8a44)}.podium-breakdown{color:#52627e;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;font-size:12px;display:flex}.podium-breakdown b{color:#122341}.competition-ranking-panel .panel-head{padding-bottom:14px}.student-rank-cell{align-items:center;gap:10px;display:flex}.student-rank-avatar{color:#3c58dc;background:linear-gradient(135deg,#edf2ff,#fff0f8);border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.student-rank-cell b,.student-rank-cell small{display:block}.student-rank-cell small{color:var(--muted);margin-top:2px;font-size:10px}.rank-badge{color:#5d6d89;background:#f1f4fb;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-weight:800;display:inline-flex}.rank-badge.rank-1{color:#b36b00;background:#fef1c8}.rank-badge.rank-2{color:#61708b;background:#edf2f8}.rank-badge.rank-3{color:#c07112;background:#fff0db}.competition-side-stack{gap:14px;display:grid}.competition-note-panel .panel-body{padding-top:8px}.fun-tools-grid{gap:14px;display:grid}.fun-wheel-panel{overflow:hidden}.fun-wheel-layout{grid-template-columns:1fr 320px;align-items:center;gap:18px;display:grid}.wheel-column{flex-direction:column;justify-content:center;align-items:center;display:flex}.wheel-board{width:min(420px,100%);margin-inline:auto;position:relative}.wheel-pointer{z-index:4;filter:drop-shadow(0 10px 18px #ff5c7838);border:18px solid #0000;border-top:0;border-bottom:28px solid #ff5c78;width:0;height:0;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.wheel-shell{background:radial-gradient(circle at 30% 25%,#ffffffeb,#eef3fffa);border-radius:50%;padding:18px;box-shadow:inset 0 0 0 1px #dbe3f4cc,0 20px 45px #2840891f}.wheel-surface{aspect-ratio:1;border:10px solid #fff;border-radius:50%;transition:transform 4.2s cubic-bezier(.16,.87,.21,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #d7dff3e6,0 18px 34px #273d831f}.wheel-surface:after{content:"";border:1px dashed #fff6;border-radius:50%;position:absolute;inset:8%}.wheel-label{transform-origin:0 0;width:42%;height:22px;position:absolute;top:50%;left:50%}.wheel-label>span{transform-origin:0;color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px #0000002e;white-space:nowrap;text-overflow:ellipsis;max-width:118px;font-size:11px;font-weight:800;position:absolute;top:-50%;left:0;overflow:hidden;transform:translateY(-50%)rotate(90deg)}.wheel-core{aspect-ratio:1;text-align:center;color:#203253;z-index:3;background:#fffffff5;border-radius:50%;place-items:center;width:34%;padding:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #24367424}.wheel-core b,.wheel-core small{display:block}.wheel-core b{font-size:14px;line-height:1.2}.wheel-core small{color:#7b8aa7;margin-top:4px;font-size:10px}.wheel-actions{justify-content:center;margin-top:16px}.wheel-side{gap:12px;display:grid}.fun-highlight{background:linear-gradient(150deg,#f4f7ff,#fff2ea);border:1px solid #d6dff4f2;border-radius:22px;padding:18px}.fun-highlight h3{margin:10px 0 8px;font-size:24px}.fun-highlight p{color:#60708d;margin:0}.mini-stat-row{gap:10px;display:grid}.mini-stat{box-shadow:var(--shadow);background:#fff;border:1px solid #d6dff4f2;border-radius:18px;padding:15px 16px}.mini-stat b,.mini-stat span{display:block}.mini-stat b{font-size:22px}.mini-stat span{color:#7a88a3;margin-top:4px;font-size:11px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.team-card{box-shadow:var(--shadow);background:linear-gradient(#fff,#fbfcff);border:1px solid #d6dff4f2;border-radius:18px;padding:14px}.team-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.team-card-head b{font-size:14px}.team-card-head span{color:var(--muted);font-size:11px}.team-card ol{margin:0;padding-left:18px}.team-card li+li{margin-top:6px}.idea-list{gap:10px;display:grid}.idea-list>div{background:linear-gradient(#fff,#fbfcff);border:1px solid #d6dff4f2;border-radius:16px;padding:12px 14px}.idea-list b,.idea-list span{display:block}.idea-list b{margin-bottom:4px;font-size:13px}.idea-list span{color:#6c7c98;font-size:11.5px;line-height:1.5}.login-story{background:radial-gradient(circle at 10% 5%,color-mix(in srgb,var(--role-accent) 42%,transparent),transparent 48%),linear-gradient(148deg,#16224d 0%,#2741a0 74%,#5f4ce8 100%)}.role-slider{box-shadow:0 10px 20px #21315b14}.parent-portal,.school-admin-portal{background:radial-gradient(circle at 0 0,#637bff1f,#0000 22%),#f3f6ff}.parent-topbar,.school-admin-topbar{box-shadow:0 8px 18px #2941840d}.child-card{box-shadow:var(--shadow);border-radius:18px}.parent-welcome{background:radial-gradient(circle at 80% 20%,#ffa3674d,#0000 26%),linear-gradient(135deg,#4966f5,#7b57f5 58%,#ff8d4f 130%)}.parent-welcome p{color:#edf2ff}@media (max-width:1024px){.competition-hero,.fun-wheel-layout,.competition-podium,.team-grid{grid-template-columns:1fr}}@media (max-width:700px){.competition-hero{border-radius:22px;padding:22px 20px}.competition-hero h1{font-size:28px}.podium-card h3{font-size:20px}.wheel-board{width:100%}.wheel-label>span{max-width:88px;font-size:10px}.fun-highlight h3{font-size:20px}}.subject-capability-box{background:linear-gradient(135deg,#f8faff,#fff8f1);border:1px solid #dbe4ff;border-radius:17px;margin:10px 0 14px;padding:14px 15px}.subject-capability-box.family-language{background:radial-gradient(circle at 94% 0,#ff8e4724,#0000 28%),linear-gradient(135deg,#f1f5ff,#fff)}.subject-capability-head{align-items:center;gap:10px;display:flex}.subject-capability-head b,.subject-capability-head small{display:block}.subject-capability-head b{font-size:13px}.subject-capability-head small{color:var(--muted);margin-top:2px;font-size:10.5px}.capability-chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.capability-chip{color:#3d527f;background:#fff;border:1px solid #dce4f7;border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:800;box-shadow:0 5px 14px #2b417e0d}.language-builder{background:radial-gradient(circle at 100% 0,#ff8d491f,#0000 26%),linear-gradient(145deg,#f5f8ff,#fff);border:1px solid #d6e0fa;border-radius:20px;margin:14px 0;padding:18px}.language-builder-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.language-builder-title>span{background:linear-gradient(135deg,#536ff7,#7d5cf1);border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 10px 22px #536ff733}.language-builder-title b,.language-builder-title small{display:block}.language-builder-title b{font-size:15px}.language-builder-title small{color:var(--muted);margin-top:2px;font-size:10.5px}.language-audio-maker{background:#fff;border:1px solid #e0e7f8;border-radius:17px;margin-bottom:13px;padding:14px}.language-audio-player{width:100%;min-height:42px;margin:10px 0;display:block}.language-audio-player.small-player{width:min(360px,100%);margin:4px 0}.audio-recorder{background:linear-gradient(#fff,#f8faff);border:1px solid #dbe4f7;border-radius:18px;margin:12px 0;padding:16px}.audio-recorder-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.audio-recorder-head b,.audio-recorder-head small{display:block}.audio-recorder-head small{color:var(--muted);margin-top:2px;font-size:10.5px}.record-dot{background:#c7cfdf;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #f0f3f9}.record-dot.live{background:#ed4865;animation:1.1s ease-in-out infinite recordPulse;box-shadow:0 0 0 5px #ffe5ea}@keyframes recordPulse{50%{transform:scale(.8);box-shadow:0 0 0 8px #ed48651f}}.language-submit-banner{background:linear-gradient(135deg,#edf2ff,#fff1e8);border-radius:15px;flex-direction:column;gap:3px;margin-bottom:12px;padding:12px 14px;display:flex}.language-submit-banner b{font-size:13px}.language-submit-banner span{color:#61718d;font-size:11px}.language-listening-card{background:linear-gradient(135deg,#edf3ff,#f9fbff);border:1px solid #dbe4fa;border-radius:18px;margin:12px 0;padding:14px}.language-listening-card small{color:var(--muted);margin-top:5px;display:block}.language-feedback-panel{margin-top:14px}.language-score-big{color:#4d61e8;font-size:28px;font-weight:900}.language-score-grid>div{background:#f8faff;border:1px solid #e3e8f6;border-radius:15px;padding:13px}.language-score-grid span,.language-score-grid b{display:block}.language-score-grid span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.language-score-grid b{margin-top:3px;font-size:22px}.ai-transcript{background:#f8faff;border:1px solid #e0e7f7;border-radius:16px;margin:10px 0;padding:14px}.ai-transcript b,.ai-transcript small{display:block}.ai-transcript p{white-space:pre-wrap;margin:6px 0}.ai-transcript small{color:var(--muted)}.teacher-language-analysis{background:linear-gradient(135deg,#f7f9ff,#fffaf5);border:1px solid #dfe6f6;border-radius:18px;margin:12px 0;padding:15px}.language-score-line{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:12px;display:flex}.language-score-line>span{background:#fff;border:1px solid #e1e7f4;border-radius:13px;min-width:95px;padding:10px 12px;font-size:11px}.language-score-line>span:first-child{color:#fff;background:linear-gradient(135deg,#536ff7,#7357ec)}.language-score-line>span:first-child b{font-size:23px}.language-score-line b,.language-score-line small{display:block}.language-score-line small{opacity:.8}@media (max-width:700px){.language-builder{padding:13px}.language-score-grid{grid-template-columns:repeat(2,1fr)!important}.language-score-line>span{min-width:calc(50% - 4px)}}.language-special-panel{background:radial-gradient(circle at 92% 0,#ffa05024,#0000 24%),linear-gradient(145deg,#f7f9ff,#fff);overflow:hidden}.language-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.language-skill-card{appearance:none;text-align:left;cursor:pointer;min-height:118px;color:var(--text);background:#fff;border:1px solid #dce5f8;border-radius:17px;padding:14px;transition:all .18s;box-shadow:0 8px 20px #344b8a0f}.language-skill-card:hover{border-color:#aab9f7;transform:translateY(-2px);box-shadow:0 12px 28px #344b8a1c}.language-skill-card.active{background:linear-gradient(145deg,#eef2ff,#fff5ef);border-color:#526df7;box-shadow:0 0 0 2px #526df71a,0 14px 28px #526df71f}.language-skill-card>span{margin-bottom:8px;font-size:24px;display:block}.language-skill-card>b{font-size:13px;display:block}.language-skill-card>small{color:var(--muted);margin-top:5px;font-size:10.5px;line-height:1.45;display:block}.language-model-pill{color:#465ec5;background:linear-gradient(135deg,#eef2ff,#fff);border:1px solid #dce5f8;border-radius:12px;align-items:center;min-height:42px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.language-section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.language-section-title>b{font-size:14px}.language-section-title>span{color:var(--muted);text-align:right;font-size:10.5px}.language-recording-route{background:linear-gradient(145deg,#eef3ff,#fff8f1);border:1px solid #d9e3ff;border-radius:20px;gap:14px;margin-top:16px;padding:18px;display:flex}.language-recording-route h3{margin:0 0 6px;font-size:16px}.language-recording-route p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.55}.language-recording-icon{background:linear-gradient(135deg,#526df7,#875cf3);border-radius:18px;place-items:center;width:54px;min-width:54px;height:54px;font-size:25px;display:grid;box-shadow:0 12px 24px #526df738}.language-student-quiz-banner{background:radial-gradient(circle at 90% 10%,#ff914224,#0000 28%),linear-gradient(145deg,#f2f6ff,#fff);border:1px solid #dbe4fb;border-radius:20px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:16px 18px;display:flex}.language-student-quiz-banner b{font-size:14px}.language-student-quiz-banner p{color:var(--muted);margin:4px 0 9px;font-size:12px}.language-student-icon{background:#fff;border-radius:15px;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:0 8px 18px #3246821a}.limited-audio-player{background:#f9fbff;border:1px solid #e1e7f7;border-radius:16px;padding:14px}@media (max-width:1000px){.language-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.language-skill-grid{grid-template-columns:1fr}.language-recording-route{flex-direction:column}.language-section-title{display:block}.language-section-title>span{text-align:left;margin-top:4px;display:block}}.graduation-hero{color:#fff;background:radial-gradient(circle at 82% 12%,#ffa64f3d,#0000 28%),linear-gradient(135deg,#1c2b62,#485bd8 72%,#7b57f5);border-radius:26px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:20px;padding:26px;display:grid;box-shadow:0 18px 45px #1f30702e}.graduation-hero h1{margin:5px 0 8px;font-size:30px;line-height:1.18}.graduation-hero p{color:#edf1ff;max-width:850px;margin:0;line-height:1.6}.graduation-hero .eyebrow{color:#dbe3ff}.graduation-hero-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff2e;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.graduation-hero-score span,.graduation-hero-score small{color:#e8edff;font-size:11px}.graduation-hero-score strong{margin:8px 0;font-size:46px;font-weight:950;line-height:1}.graduation-home-banner{box-shadow:var(--shadow);background:radial-gradient(circle at 92% 0,#ff954826,#0000 28%),linear-gradient(135deg,#eef3ff,#fff);border:1px solid #d8e1ff;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:20px 22px;display:flex}.graduation-home-banner h2{margin:2px 0 5px}.graduation-home-banner p{color:var(--muted);max-width:780px;margin:0;font-size:12px;line-height:1.55}.graduation-campaign-card{position:relative;overflow:hidden}.graduation-campaign-card:before{content:"";background:linear-gradient(#536ff7,#ff9555);width:4px;position:absolute;inset:0 auto 0 0}.graduation-last-score{background:#f7f9ff;border:1px solid #e0e7fa;border-radius:14px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;display:flex}.graduation-last-score span{color:var(--muted);font-size:11px}.graduation-last-score b{font-size:18px}.graduation-study-plan{background:linear-gradient(#fbfcff,#f5f8ff);border:1px solid #dce5fa;border-radius:18px;margin-top:14px;padding:15px}.graduation-study-plan>p{font-size:12px;line-height:1.55}.graduation-plan-phase{border-top:1px dashed #dce4f5;padding:10px 0}.graduation-plan-phase>b{margin-bottom:5px;font-size:12px;display:block}.graduation-plan-phase span{color:#5f6f8d;margin:2px 0;font-size:11px;line-height:1.5;display:block}.graduation-history-bars{background:linear-gradient(#f8faff,#fff);border:1px solid #e2e7f5;border-radius:18px;align-items:flex-end;gap:7px;height:130px;margin-bottom:12px;padding:12px 8px 22px;display:flex}.graduation-history-bars a{flex:1;justify-content:center;align-items:flex-end;min-width:14px;max-width:36px;height:100%;text-decoration:none;display:flex;position:relative}.graduation-history-bars a>span{background:linear-gradient(#6d7df6,#4d61e8);border-radius:8px 8px 3px 3px;width:100%;min-height:4px;transition:all .2s}.graduation-history-bars a:hover>span{transform:translateY(-2px)}.graduation-history-bars small{color:#8590a7;font-size:9px;position:absolute;bottom:-18px}.graduation-history-bars.large{justify-content:center;height:180px}.graduation-exam-page{max-width:1120px}.graduation-exam-shell{padding-bottom:88px}.graduation-exam-toolbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #dce4f5;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:12px 16px;display:grid;position:sticky;top:8px;box-shadow:0 12px 30px #1f2d5b1f}.graduation-exam-toolbar>div:first-child b,.graduation-exam-toolbar>div:first-child span{display:block}.graduation-exam-toolbar>div:first-child span{color:var(--muted);margin-top:2px;font-size:10.5px}.graduation-exam-toolbar>.actions{justify-content:flex-end}.graduation-timer{text-align:center;background:#eef2ff;border:1px solid #d8e1ff;border-radius:15px;min-width:150px;padding:8px 14px}.graduation-timer small,.graduation-timer strong{display:block}.graduation-timer small{letter-spacing:.08em;color:#66749a;font-size:8px;font-weight:900}.graduation-timer strong{font-variant-numeric:tabular-nums;color:#344dc4;margin-top:2px;font-size:24px}.graduation-timer.danger{background:#fff0f1;border-color:#ffcbd0;animation:1.2s ease-in-out infinite timerPulse}.graduation-timer.danger strong{color:#d6324d}@keyframes timerPulse{50%{box-shadow:0 0 0 4px #df3a5214}}.graduation-progress{background:#e9edf8;border-radius:999px;height:6px;margin:10px 4px 0;overflow:hidden}.graduation-progress>span{border-radius:inherit;background:linear-gradient(90deg,#526df7,#7b57f5);height:100%;transition:width .2s;display:block}.graduation-question-nav{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.graduation-question-nav a{color:#52617d;background:#fff;border:1px solid #dce3f2;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;text-decoration:none;display:grid}.graduation-question-nav a.done{color:#3f55c9;background:#edf2ff;border-color:#9faef6}.graduation-paper{gap:12px;display:grid}.graduation-section-title{color:#fff;background:linear-gradient(135deg,#202f66,#5267dc);border-radius:15px;align-items:center;gap:10px;margin:18px 0 2px;padding:12px 15px;display:flex}.graduation-section-title span{letter-spacing:.08em;font-size:10px;font-weight:900}.graduation-section-title b{font-size:13px}.graduation-question-card{background:#fff;border:1px solid #e0e6f3;border-radius:20px;padding:20px;scroll-margin-top:100px;box-shadow:0 8px 22px #2b3c6f0e}.graduation-question-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.graduation-question-head b{font-size:13px}.graduation-question-head span{color:var(--muted);font-size:10.5px}.graduation-prompt{white-space:pre-wrap;font-size:14px;font-weight:650;line-height:1.65}.graduation-options{gap:8px;margin-top:14px;display:grid}.graduation-option{cursor:pointer;background:#fbfcff;border:1px solid #dfe5f3;border-radius:14px;grid-template-columns:18px 28px 1fr;align-items:flex-start;gap:7px;padding:11px 12px;transition:all .16s;display:grid}.graduation-option:hover{background:#f7f9ff;border-color:#aebbf2}.graduation-option.selected{background:#eef2ff;border-color:#526df7;box-shadow:0 0 0 2px #526df714}.graduation-option input{margin-top:2px}.graduation-option b{color:#3f54c9}.graduation-option span{font-size:12px;line-height:1.5}.graduation-tf-list{gap:10px;margin-top:14px;display:grid}.graduation-tf-row{background:#fbfcff;border:1px solid #e0e6f3;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.graduation-tf-row>div:first-child{font-size:12px;line-height:1.55}.graduation-tf-buttons{flex:none;gap:6px;display:flex}.graduation-tf-buttons button{cursor:pointer;background:#fff;border:1px solid #d8e0f0;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:850}.graduation-tf-buttons button.active{color:#fff;background:#526df7;border-color:#526df7}.graduation-submit-bar{z-index:30;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c2a58f5;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:min(1060px,100% - 28px);padding:12px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #141f474d}.graduation-submit-bar b,.graduation-submit-bar span{display:block}.graduation-submit-bar b{font-size:12px}.graduation-submit-bar span{color:#dbe1f7;margin-top:2px;font-size:9.5px}.graduation-submit-bar .btn{color:#263b9d;background:#fff;border-color:#fff;min-width:120px}.graduation-result-hero{color:#fff;background:radial-gradient(circle at 90% 5%,#ffa35138,#0000 30%),linear-gradient(135deg,#1f2f69,#5166de);border-radius:24px;grid-template-columns:1fr 160px;align-items:center;gap:20px;padding:24px;display:grid}.graduation-result-hero h1{margin:4px 0 6px}.graduation-result-hero p{color:#e6ebff;margin:0;font-size:12px}.graduation-result-hero .eyebrow{color:#dce4ff}.graduation-score-circle{background:#ffffff21;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:baseline;width:140px;height:140px;padding-top:46px;display:flex}.graduation-score-circle strong{font-size:42px;line-height:1}.graduation-score-circle span{margin-left:3px;font-size:13px}.graduation-result-question{border-bottom:1px solid #edf0f6;padding:15px 0}.graduation-result-question:last-child{border-bottom:0}.graduation-result-question>p{white-space:pre-wrap;font-size:12px;line-height:1.55}.graduation-answer-box{background:#f4f7ff;border:1px solid #dfe6fa;border-radius:14px;margin-top:10px;padding:11px 12px;font-size:11.5px;line-height:1.55}.graduation-answer-box p{margin:6px 0 0}.code-textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.45}@media (max-width:800px){.graduation-hero,.graduation-result-hero{grid-template-columns:1fr}.graduation-hero-score{min-height:110px}.graduation-result-hero .graduation-score-circle{width:120px;height:120px;padding-top:38px}.graduation-exam-toolbar{grid-template-columns:1fr auto}.graduation-exam-toolbar>.actions{grid-column:1/-1;justify-content:space-between}.graduation-home-banner,.graduation-submit-bar{flex-direction:column;align-items:flex-start}.graduation-submit-bar .btn{width:100%}.graduation-tf-row{flex-direction:column;align-items:flex-start}.graduation-history-bars a{min-width:8px}.graduation-hero h1{font-size:25px}}.graduation-structure{background:#f8faff;border:1px solid #dfe6f7;border-radius:17px;margin:12px 0;padding:14px}.graduation-structure>b{margin-bottom:8px;font-size:12px;display:block}.graduation-class-picker{background:#fbfcff;border:1px solid #dfe5f3;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:230px;padding:8px;display:grid;overflow:auto}.graduation-class-picker .option{cursor:pointer;background:#fff;border:1px solid #e3e8f4;border-radius:10px;align-items:center;gap:8px;padding:8px 9px;font-size:11px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.form-grid .field>span{color:#5c6a86;margin-bottom:5px;font-size:10.5px;font-weight:800;display:block}.form-grid select{width:100%;min-height:40px;color:var(--text);background:#fff;border:1px solid #dce3f2;border-radius:12px;padding:0 10px}@media (max-width:650px){.graduation-class-picker,.form-grid{grid-template-columns:1fr}}.graduation-mode-card{text-align:left;cursor:pointer;border:1px solid var(--line,#dbe4f0);background:var(--card,#fff);font:inherit;color:inherit;flex-direction:column;gap:6px;display:flex}.graduation-mode-card.selected{border-color:#0000;outline:2px solid #5b5cf0;box-shadow:0 8px 24px #5b5cf01f}.graduation-mode-card:hover{transform:translateY(-1px)}details.question>summary{cursor:pointer;padding:4px 0;list-style:none}details.question>summary::-webkit-details-marker{display:none}.language-speaking-builder{background:linear-gradient(135deg,#f7f9ff,#fff9f6);border:1px solid #dbe5ff;border-radius:18px;margin:14px 0;padding:16px}.speaking-question-editor{gap:8px;margin-bottom:10px;display:grid}.speaking-question-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.speaking-parts-stack{gap:14px;margin:14px 0;display:grid}.speaking-part-card{background:#fff;border:1px solid #dfe7fb;border-radius:18px;padding:15px}.speaking-part-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.speaking-part-head p{color:var(--muted,#667085);margin:4px 0 0;line-height:1.55}.speaking-assignment-outline{background:#f8faff;border:1px solid #e1e8fb;border-radius:14px;gap:8px;margin:12px 0;padding:12px;display:grid}.speaking-assignment-outline>div{align-items:flex-start;gap:9px;display:flex}.speaking-assignment-outline .badge{flex:none}.speaking-teacher-audio-list{gap:10px;margin:12px 0;display:grid}.speaking-teacher-audio{background:#fbfcff;border:1px solid #e4e8f2;border-radius:14px;padding:10px}.speaking-teacher-audio>div{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.speaking-teacher-audio small{color:var(--muted,#667085)}.language-feedback-v12{gap:14px;display:grid}.language-score-summary{grid-template-columns:120px 1fr;align-items:stretch;gap:16px;display:grid}.language-score-big{color:#2742a5;background:linear-gradient(135deg,#edf2ff,#fff1f4);border-radius:20px;place-items:center;font-size:32px;font-weight:800;display:grid}.language-score-grid-v12{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.language-score-grid-v12>div{background:#fff;border:1px solid #e3e8f2;border-radius:14px;padding:10px}.language-score-grid-v12 span{color:#667085;font-size:12px;display:block}.language-score-grid-v12 b{margin-top:3px;font-size:17px;display:block}.language-section-feedback{border-top:1px solid #e7eaf0;padding-top:14px}.language-section-feedback:first-of-type{border-top:0;padding-top:0}.language-section-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.language-section-head p{color:#667085;margin:3px 0 0}.language-correction-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.language-correction-box{border:1px solid #e3e8ef;border-radius:16px;min-height:120px;padding:14px}.language-correction-box.original{background:#fff8f7}.language-correction-box.corrected{background:#f6fbf8}.language-correction-title{margin-bottom:8px;font-weight:800}.language-correction-box p{white-space:pre-wrap;margin:0 0 8px;line-height:1.75}.language-correction-box small{color:#667085;display:block}.language-error-mark{text-underline-offset:3px;font-weight:800;-webkit-text-decoration:underline #e85d75;text-decoration:underline #e85d75;text-decoration-thickness:2px}.language-fix-mark{text-underline-offset:3px;font-weight:800;-webkit-text-decoration:underline #21a366;text-decoration:underline #21a366;text-decoration-thickness:2px}.language-error-list{gap:8px;margin-top:10px;display:grid}.language-error-row{background:#fff;border:1px solid #e6e9f0;border-radius:12px;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:10px;display:grid}.language-error-row small{color:#667085;margin-top:3px;display:block}.language-section-summary{margin:10px 0 0}.language-feedback-lists{margin-top:4px}.language-feedback-v12.compact .language-score-summary{grid-template-columns:90px 1fr}.language-feedback-v12.compact .language-score-big{font-size:26px}.teacher-language-analysis{background:#f8faff;border:1px solid #e0e7fb;border-radius:16px;margin-top:12px;padding:14px}@media (max-width:800px){.language-score-summary{grid-template-columns:1fr}.language-score-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))}.language-correction-grid{grid-template-columns:1fr}.speaking-question-row{grid-template-columns:auto 1fr}.speaking-question-row .btn{grid-column:2}.language-error-row{grid-template-columns:1fr}}.language-test-section{border:1px solid var(--border,#dbe3f0);background:linear-gradient(135deg,#536cff14,#ffae6e17);border-radius:16px;align-items:center;gap:12px;margin:20px 0 10px;padding:14px 16px;display:flex}.language-test-section>span{font-size:24px}.language-test-section b{font-size:16px;display:block}.language-test-section small{color:var(--muted,#667085);margin-top:2px;display:block}.language-pronunciation-target{text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.language-original-audio{background:#f8faff;border:1px solid #dfe6f5;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:14px;margin:0 0 12px;padding:12px 14px;display:grid}.language-original-audio>div{flex-direction:column;gap:3px;display:flex}.language-original-audio small{color:#667085}.language-section-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 12px;display:grid}.language-section-metrics>div{background:#fcfdff;border:1px solid #e5e9f2;border-radius:12px;padding:8px 9px}.language-section-metrics span{color:#667085;font-size:10px;font-weight:700;line-height:1.25;display:block}.language-section-metrics b{margin-top:2px;font-size:14px;display:block}.language-error-heading{margin-top:12px;font-weight:800}.language-feedback-v12.compact .language-section-metrics span{font-size:9px}.language-feedback-v12.compact .language-section-metrics b{font-size:13px}@media (max-width:800px){.language-original-audio{grid-template-columns:1fr}.language-section-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.math-rich-text{white-space:pre-wrap;overflow-wrap:anywhere}.math-rich-text mjx-container[jax=CHTML]{max-width:100%;padding:.08em 0;font-size:1.04em;overflow:auto hidden}.math-rich-text mjx-container[display=true]{margin:.55rem 0;text-align:left!important}.question .math-rich-text,.graduation-prompt .math-rich-text{line-height:1.8}.math-format-hint{color:#52627f;background:#f7f9ff;border:1px solid #dce5ff;border-radius:11px;padding:10px 12px;font-size:11.5px}.question-resources{gap:12px;margin:12px 0 16px;display:grid}.question-resource{border:1px solid var(--line,#e2e8f0);background:#fff;border-radius:14px;margin:0;padding:12px;overflow:hidden}.question-resource img{object-fit:contain;border-radius:10px;max-width:100%;max-height:560px;margin:0 auto;display:block}.question-resource figcaption{text-align:center;color:var(--muted,#64748b);margin-top:8px;font-size:13px}.resource-table{border-collapse:collapse;width:100%;font-size:14px}.resource-table td{vertical-align:top;background:#fff;border:1px solid #cbd5e1;padding:7px 9px}.resource-chart{width:100%;max-height:420px;display:block}.resource-manager{background:#f8faff;border:1px dashed #b9c5ee;border-radius:14px;margin:12px 0 16px;padding:12px}.resource-manager-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.resource-actions{margin-top:10px}.resource-table-editor{gap:8px;margin-top:10px;display:grid}.resource-delete-list{gap:6px;margin-top:10px;display:grid}.resource-delete-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.btn.disabled{opacity:.55;pointer-events:none}@media (max-width:720px){.resource-manager-head{flex-direction:column;align-items:flex-start}.question-resource{padding:8px}.resource-table{font-size:12px}.resource-table td{padding:5px}}:root{--bg:#f4f5f0;--surface:#fffefa;--surface-soft:#f8f8f2;--ink:#17252d;--ink-2:#354a52;--muted:#718087;--line:#e1e6df;--line-strong:#d1dad3;--primary:#1e6864;--primary-dark:#16534f;--primary-soft:#e9f4f1;--green:#277a5b;--green-soft:#eaf5ee;--orange:#b96d3b;--orange-soft:#fff2e8;--red:#bb4c55;--red-soft:#fff0f1;--purple:#665a8f;--shadow:0 8px 24px #1f413f0f;--shadow-lg:0 20px 60px #18383a1f}body{background:radial-gradient(circle at 88% 8%, #b96d3b0e, transparent 24%), radial-gradient(circle at 72% 76%, #1e68640b, transparent 28%), var(--bg)}.app-sidebar{background:radial-gradient(circle at 18% 8%,#e2ba7329,#0000 18%),radial-gradient(circle at 105% 34%,#ffffff12,#0000 28%),linear-gradient(#183f50 0%,#1b5657 52%,#244e45 100%);box-shadow:8px 0 28px #183f501a}.app-sidebar:before{content:"";pointer-events:none;opacity:.28;background-image:repeating-radial-gradient(circle at 118% 24%,#0000 0 26px,#ffffff14 27px 28px,#0000 29px 42px),linear-gradient(128deg,#0000 0 72%,#e2ba7314 72% 73%,#0000 73%);position:absolute;inset:0}.app-sidebar>*{z-index:1;position:relative}.brand-mark{color:#1e6864;background:#fffdf7;border:1px solid #ffffff8c}.side-brand small{color:#c9e0da}.side-account{background:#fffdf714;border-color:#ffffff2b}.side-account-label,.side-caption{color:#c0d8d4}.side-account>span:last-child,.side-help small{color:#d4e4df}.side-nav a{color:#eef6f3}.side-nav a:hover{background:#ffffff1a}.side-nav a.active{color:#185c58;background:#fffdf8;box-shadow:0 7px 20px #07272b2e}.nav-active-dot{background:#b96d3b}.side-help{background:#fffdf714;border-color:#ffffff24}.app-topbar{background:#fffefaf0;border-bottom-color:#dde4dd}.status-dot{background:#2c9270;box-shadow:0 0 0 3px #e3f3eb}.top-pill{color:#4d6365;background:#f6f5ef;border-color:#dfe4dc}.avatar{color:#1e6864;background:#e7f2ef;border-color:#cce1dc}.icon-btn:hover{color:#1e6864;background:#f7f5ef;border-color:#cfdad2}.eyebrow{color:#a65f34}.page-head h1,.page-title h1{color:#17282f}.card,.panel,.stat,.quick-action{background:#fffefa;border-color:#e0e6df}.card.soft{background:#f8f8f2}.panel-head{border-bottom-color:#e3e8e1}.stat-icon,.quick-icon{color:#1f6b66;background:#eaf4f1}.grid-4>.stat:nth-child(2) .stat-icon{color:#557742;background:#edf3e8}.grid-4>.stat:nth-child(3) .stat-icon{color:#b86638;background:#fff0e5}.grid-4>.stat:nth-child(4) .stat-icon{color:#665a8f;background:#efedf7}.dashboard-hero{background:linear-gradient(120deg,#183f50fa 0%,#195b57f7 55%,#9a5b34f0 135%);box-shadow:0 14px 34px #154b482e}.dashboard-hero:before{content:"";pointer-events:none;opacity:.22;background-image:repeating-radial-gradient(circle at 90% 45%,#0000 0 22px,#ffffff1f 23px 24px,#0000 25px 37px);position:absolute;inset:0}.dashboard-hero:after{border-color:#fff7e414}.dashboard-hero p{color:#e7f1ed}.dashboard-hero .eyebrow{color:#f0d5b5}.dashboard-hero .btn{color:#1c625e;background:#fffdf7}.quick-action:hover{border-color:#b9d4cc;box-shadow:0 8px 20px #1f4f4714}.btn{background:#1e6864;box-shadow:0 5px 12px #1e68642b}.btn:hover{background:#16534f}.btn.soft{color:#1c625e;background:#e9f4f1}.btn.secondary{color:#354a52;background:#fffefa;border-color:#dce3dc}.btn.secondary:hover{background:#f7f6f0;border-color:#cdd8cf}.input,.select,.textarea{color:#1d2e34;background:#fffefa;border-color:#d3ddd5}.input:focus,.select:focus,.textarea:focus{border-color:#71a9a2;box-shadow:0 0 0 3px #1e686417}.badge{color:#246a65;background:#e8f3f0}.badge.orange{color:#ad6437;background:#fff0e4}.badge.gray{color:#677679;background:#f0f1ed}.notice{background:#edf6f2;border-color:#d3e9e2}.surface-note{background:#f7f7f1;border-color:#e0e5dc}.mode-card{background:#fffefa;border-color:#dfe6df}.mode-card:hover{background:#fbfdf8;border-color:#a9ccc2}.mode-card.active{background:linear-gradient(135deg,#eff8f5,#fffaf2);border-color:#5a9b92;box-shadow:0 0 0 3px #1e686412}.subject-capability-box{background:linear-gradient(135deg,#f1f8f5,#fff9f0)!important;border-color:#d7e6df!important}.capability-chip{color:#405c59!important;background:#fffdfa!important;border-color:#d9e3db!important}.graduation-template-card,.graduation-editor-question,.question-card{border-color:#dfe5dd!important}.public-header,.header{background:#fffefaf5!important;border-bottom-color:#dde4dd!important}.landing-hero,.login-shell{--primary:#1e6864}.panel-title:before{content:"";vertical-align:-1px;opacity:.8;background:linear-gradient(#1e6864,#b96d3b);border-radius:4px;width:4px;height:14px;margin-right:8px;display:inline-block}.page-head .eyebrow,.dashboard-hero .eyebrow{letter-spacing:.14em}.stat,.panel{box-shadow:0 7px 22px #23433d0e}@media (max-width:900px){.app-sidebar:before{opacity:.16}}:root{--landing-ink:#17282f;--landing-blue:#1e6864;--landing-purple:#a5653d;--landing-soft:#f5f6f0}.brand{color:#1d655f}.mobile-nav{background:linear-gradient(90deg,#183f50,#1b5657)!important}.landing-page{color:#17282f;background:#fffefa}.landing-header{background:#fffefae0;border-bottom-color:#e1e6df}.landing-brand{color:#203b40}.landing-brand>span{background:linear-gradient(145deg,#1d6662,#b36b3f);box-shadow:0 8px 20px #1e68642e}.landing-links a,.landing-login{color:#617477}.landing-links a:hover,.landing-login:hover{color:#1e6864}.landing-cta,.hero-primary{background:linear-gradient(135deg,#1e6864,#2c7b70 64%,#a66740 130%);box-shadow:0 10px 24px #1e686433}.landing-hero{background:linear-gradient(#fffefa 0%,#f2f5ef 100%)}.hero-glow-one{background:radial-gradient(circle,#1e686426,#1e686400 70%)}.hero-glow-two{background:radial-gradient(circle,#b96d3b1f,#b96d3b00 70%)}.hero-pill{color:#526a69;background:#fffefa;border-color:#dfe7df}.hero-pill>span{color:#1e6864;background:#e9f4f1}.landing-hero h1{color:#17282f}.landing-hero h1 span{background:linear-gradient(95deg,#1d6863 5%,#a5653d 78%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-hero-copy>p{color:#66797b}.section-kicker{color:#a25f38}.landing-proof{background:#fffefa;border-color:#e4e8e1}.landing-proof span{border-color:#e4e8e1}.landing-proof b{color:#224047}.landing-feature{background:#fffefa;border-color:#e2e7e0}.landing-feature:hover{border-color:#bdd3ca;box-shadow:0 22px 48px #214b461a}.login-stage{background:radial-gradient(circle at 10% 10%,#1e686426,#0000 30%),radial-gradient(circle at 90% 10%,#b96d3b21,#0000 26%),linear-gradient(135deg,#f7f8f2,#eef3ef)}.login-story-teacher{background:radial-gradient(circle at 10% 5%,#b96d3b4d,#0000 47%),linear-gradient(150deg,#183f50,#1c625d 66%,#7d5c3e)}.login-form-v2{background:linear-gradient(#fffefa,#fbfcf8)}.role-switcher{background:#f1f3ee;border-color:#dde4dc}.login-help-note{background:#f7f8f3;border-color:#e1e6df}