:root{--primary:#0b57d0;--primary-hover:#0842a0;--primary-container:#dbe8ff;--on-primary-container:#001a41;--surface:#fff;--surface-soft:#f7f9fc;--surface-container:#eef2f7;--surface-high:#e5eaf1;--outline:#c4c9d1;--outline-soft:#e2e7ee;--text:#1b1d20;--text-soft:#5f6670;--green:#137333;--green-soft:#dff5e4;--red:#b3261e;--red-soft:#ffdad6;--yellow:#8a5300;--yellow-soft:#ffedc2;--blue-soft:#e8f0fe;--shadow-1:0 1px 2px #1c27360f, 0 2px 8px #1c27360a;--shadow-2:0 10px 28px #25334a1f, 0 2px 8px #25334a0f;--radius-sm:10px;--radius:16px;--radius-lg:24px;--font:"Microsoft YaHei UI", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--surface-soft);min-width:320px}body{color:var(--text);background:var(--surface-soft);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--primary);text-decoration:none}::selection{color:#fff;background:var(--primary)}:focus-visible{outline-offset:2px;outline:3px solid #0b57d040}.brand{align-items:center;gap:11px;display:flex}.brand strong{letter-spacing:.05em;font-size:19px}.brand-logo{object-fit:contain;flex:none;width:40px;height:40px;display:block}.brand--light .brand-logo{width:52px;height:52px}.brand--mobile .brand-logo,.mobile-header .brand-logo{width:34px;height:34px}.brand-logo--boot{width:104px;height:104px}.button{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:not(:disabled):active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:var(--primary);box-shadow:0 2px 4px #0b57d038}.button--primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 14px #0b57d038}.button--secondary{color:var(--primary);border:1px solid var(--outline);background:0 0}.button--secondary:hover:not(:disabled){background:var(--blue-soft);border-color:#9eb7df}.button--tonal{color:#0842a0;background:var(--primary-container)}.button--tonal:hover:not(:disabled){background:#c8dcff}.button--large{width:100%;min-height:52px;font-size:15px}.button--small{min-height:36px;padding:0 15px;font-size:13px}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:13px;font-weight:700}.text-button:hover{background:var(--blue-soft)}.text-button--danger{color:var(--red)}.text-button--danger:hover{background:var(--red-soft)}.icon-button{cursor:pointer;width:40px;height:40px;color:var(--text-soft);background:0 0;border:0;border-radius:50%;place-items:center;font-size:25px;display:inline-grid}.icon-button:hover{background:var(--surface-container)}.icon-button--danger{color:var(--red);background:#fff0ee}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>span,fieldset legend{color:#4c5561;font-size:13px;font-weight:700}.field input,.field select,.field textarea,.filter-row select,.filter-row input{border:1px solid var(--outline);border-radius:var(--radius-sm);width:100%;min-height:46px;color:var(--text);background:var(--surface);padding:11px 13px;transition:border-color .18s,box-shadow .18s}.field textarea{resize:vertical;line-height:1.6}.field input:hover,.field select:hover,.field textarea:hover{border-color:#8f969f}.field input:focus,.field select:focus,.field textarea:focus,.filter-row select:focus,.filter-row input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #0b57d01f}.field input::placeholder,.field textarea::placeholder{color:#9aa1aa}.form-stack{flex-direction:column;gap:18px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-span{grid-column:1/-1}.alert{border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:10px 13px;font-size:13px;display:flex}.alert>span{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.alert--error{color:#7c1d16;background:#ffedea;border:1px solid #ffd0cb}.alert--error>span{color:#fff;background:var(--red)}.card{background:var(--surface);border:1px solid var(--outline-soft);border-radius:var(--radius);box-shadow:var(--shadow-1)}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1}.muted{color:var(--text-soft)!important}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.boot-screen{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.boot-screen h1{margin:10px 0 24px;font-size:28px}.boot-screen p{color:var(--text-soft);font-size:13px}.boot-line{background:var(--surface-container);border-radius:99px;width:180px;height:3px;overflow:hidden}.boot-line span{background:var(--primary);border-radius:inherit;width:50%;height:100%;animation:1.3s ease-in-out infinite boot;display:block}@keyframes boot{0%{transform:translate(-100%)}to{transform:translate(300%)}}.login-page{background:#fff;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#062f78 0%,#0b57d0 56%,#3d7bdc 100%);flex-direction:column;min-height:100vh;padding:46px clamp(40px,5vw,76px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";border:1px solid #ffffff29;border-radius:50%;width:580px;height:580px;position:absolute;bottom:-220px;right:-220px;box-shadow:0 0 0 80px #ffffff0a,0 0 0 160px #ffffff06}.brand--light{z-index:2;position:relative}.login-copy{z-index:2;max-width:650px;margin:auto 0;position:relative}.login-copy .eyebrow{color:#bad2ff}.login-copy h1{letter-spacing:-.04em;margin:22px 0;font-size:clamp(42px,4.6vw,68px);line-height:1.18}.login-copy>p{color:#ffffffd1;max-width:560px;font-size:17px;line-height:1.8}.login-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px;display:grid}.login-feature-grid>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;padding:18px}.login-feature-grid b,.login-feature-grid span{display:block}.login-feature-grid b{font-size:14px}.login-feature-grid span{color:#ffffffad;margin-top:7px;font-size:11px;line-height:1.5}.visual-orbit span{background:#ffffff1f;border-radius:50%;position:absolute}.visual-orbit span:first-child{width:22px;height:22px;top:18%;right:18%}.visual-orbit span:nth-child(2){background:#fbbc04;width:12px;height:12px;top:26%;right:8%}.visual-orbit span:last-child{background:#34a853;width:16px;height:16px;bottom:18%;right:32%}.login-panel{place-items:center;padding:40px clamp(28px,6vw,90px);display:grid}.login-card{width:min(100%,430px)}.brand--mobile{margin-bottom:48px;display:none}.login-title{margin-bottom:30px}.login-kicker{color:var(--primary);letter-spacing:.12em;font-size:12px;font-weight:800}.login-title h2{letter-spacing:-.03em;margin:9px 0 8px;font-size:34px}.login-title p{color:var(--text-soft);margin:0;line-height:1.6}.phone-input{border:1px solid var(--outline);border-radius:12px;align-items:stretch;min-height:52px;display:flex;overflow:hidden}.phone-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0b57d01f}.phone-input b{color:#4c5561;background:var(--surface-soft);border-right:1px solid var(--outline-soft);place-items:center;width:64px;display:grid}.phone-input input{border:0;outline:0;flex:1;min-width:0;padding:0 14px;font-size:16px}.code-input{text-align:center;letter-spacing:.35em;font-size:24px;font-weight:800;min-height:60px!important}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important}.dev-code{color:#6b4400;background:var(--yellow-soft);border-radius:12px;grid-template-columns:1fr auto;gap:4px 14px;padding:13px 16px;display:grid}.dev-code span{align-self:end;font-size:12px;font-weight:700}.dev-code b{letter-spacing:.14em;grid-row:span 2;align-self:center;font-size:22px}.dev-code small{color:#8a601d}.login-terms{color:#89919c;text-align:center;margin:26px 8px 0;font-size:11px;line-height:1.7}.workspace{min-height:100vh;padding-left:244px}.sidebar{z-index:40;border-right:1px solid var(--outline-soft);background:#fff;flex-direction:column;width:244px;padding:30px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>.brand{padding:0 17px 28px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#4e5763;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:13px;width:100%;min-height:48px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.sidebar nav button>span{color:#627083;background:var(--surface-container);border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.sidebar nav button:hover{background:var(--surface-soft)}.sidebar nav button.is-active{color:#063f9a;background:var(--primary-container)}.sidebar nav button.is-active>span{color:#fff;background:var(--primary)}.sidebar-spacer{flex:1}.quota-card{background:var(--surface-soft);border-radius:14px;margin:10px 6px 14px;padding:14px}.quota-card>div:first-child{color:var(--text-soft);justify-content:space-between;align-items:center;font-size:11px;display:flex}.quota-card b{color:var(--text);font-size:12px}.progress{background:#dde3eb;border-radius:99px;height:5px;margin:9px 0;overflow:hidden}.progress i{background:var(--primary);border-radius:inherit;min-width:2px;height:100%;display:block}.quota-card small{color:#7b8490;font-size:10px}.profile-card{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:58px;padding:8px 9px;display:grid}.profile-card:hover{background:var(--surface-soft)}.profile-card>span:nth-child(2){min-width:0}.profile-card b,.profile-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-card b{font-size:12px}.profile-card small{color:var(--text-soft);margin-top:3px;font-size:9px}.profile-card>i{color:var(--text-soft);font-size:10px;font-style:normal}.workspace-main{min-height:100vh}.content-page,.detail-page{width:min(1280px,100% - 64px);margin:0 auto;padding:46px 0 70px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-title h1{letter-spacing:-.035em;margin:8px 0 5px;font-size:31px;line-height:1.2}.page-title p{color:var(--text-soft);margin:0;font-size:14px}.page-actions{gap:10px;display:flex}.mobile-header,.mobile-nav,.mobile-fab{display:none}.summary-grid,.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.summary-grid>article,.admin-metrics>article{border:1px solid var(--outline-soft);border-radius:var(--radius);min-height:124px;box-shadow:var(--shadow-1);background:#fff;grid-template-columns:auto 1fr;align-items:center;gap:15px;padding:20px;display:grid}.summary-grid article>div{min-width:0}.summary-grid span:not(.metric-icon),.summary-grid b,.summary-grid small{display:block}.summary-grid article>div>span{color:var(--text-soft);font-size:12px;font-weight:700}.summary-grid b{letter-spacing:-.03em;margin:4px 0 2px;font-size:28px}.summary-grid small{color:#8c949f;font-size:10px}.metric-icon{border-radius:14px;place-items:center;width:43px;height:43px;font-size:12px;font-weight:900;display:grid!important}.metric-icon--blue{color:#0842a0;background:var(--blue-soft)}.metric-icon--green{color:var(--green);background:var(--green-soft)}.metric-icon--yellow{color:var(--yellow);background:var(--yellow-soft)}.metric-icon--red{color:var(--red);background:var(--red-soft)}.filter-card{margin:18px 0 24px;padding:16px}.filter-card form{flex-direction:column;gap:12px;display:flex}.search-box{border:1px solid var(--outline);border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 13px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0b57d01a}.search-box>span{color:var(--primary);font-size:23px;transform:rotate(-15deg)}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-row select,.filter-row input{width:auto;min-width:120px;min-height:38px;padding:6px 10px;font-size:12px}.filter-row input{width:110px}.list-heading{justify-content:space-between;align-items:center;margin:26px 2px 14px;display:flex}.list-heading>div:first-child{align-items:baseline;gap:10px;display:flex}.list-heading h2{margin:0;font-size:19px}.list-heading span{color:var(--text-soft);font-size:11px}.privacy-badge{color:var(--green);background:var(--green-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.privacy-badge:before{content:"✓"}.student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.student-card{border:1px solid var(--outline-soft);border-radius:var(--radius);min-height:236px;color:inherit;box-shadow:var(--shadow-1);cursor:pointer;text-align:left;background:#fff;flex-direction:column;padding:19px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.student-card:hover{box-shadow:var(--shadow-2);border-color:#bacbe4;transform:translateY(-2px)}.student-card__top{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.student-card__top h3{margin:0 0 3px;font-size:17px}.student-card__top div>span{color:#8b939e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.student-card__top>i{color:#89919b;font-size:22px;font-style:normal}.student-card>p{color:#4d5662;text-overflow:ellipsis;white-space:nowrap;margin:17px 0 8px;font-size:12px;overflow:hidden}.avatar{color:#0842a0;background:linear-gradient(145deg,#dbe8ff,#eef4ff);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:13px;font-weight:900;display:grid}.avatar--small{border-radius:12px;width:36px;height:36px}.avatar--large{border-radius:21px;width:72px;height:72px;font-size:19px}.student-meta{flex-wrap:wrap;gap:6px;display:flex}.student-meta span{color:#556171;background:var(--surface-container);border-radius:7px;padding:4px 8px;font-size:10px}.tag-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:25px;margin-top:13px;display:flex}.tag-chip{color:#0752b7;background:#edf3ff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.tag-row small{color:var(--text-soft)}.student-card__footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:14px;display:flex}.student-card__footer span{color:var(--text-soft);font-size:10px}.student-card__footer b{color:var(--primary);font-size:20px}.skeleton-card{cursor:default;animation:1.3s ease-in-out infinite pulse}.skeleton-card i{background:#edf0f4;border-radius:8px;height:18px;margin:9px 0}.skeleton-card i:first-child{width:50%;height:42px}.skeleton-card i:last-child{width:75%}@keyframes pulse{50%{opacity:.55}}.empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:44px;display:flex}.empty-visual{width:68px;height:68px;color:var(--primary);background:var(--primary-container);border-radius:23px;place-items:center;margin-bottom:17px;font-size:20px;font-weight:900;display:grid}.empty-panel h2{margin:0 0 8px;font-size:20px}.empty-panel p{max-width:450px;color:var(--text-soft);margin:0 0 22px;line-height:1.7}.detail-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-bottom:20px;display:flex}.back-button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.back-button span{color:var(--primary);vertical-align:-2px;margin-right:7px;font-size:25px}.toolbar-actions,.subject-summary__actions{align-items:center;gap:8px;display:flex}.student-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:26px;display:grid}.student-hero__main{min-width:0}.title-row{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.title-row h1{letter-spacing:-.03em;margin:0;font-size:27px}.id-chip{color:#5d6877;background:var(--surface-container);border-radius:7px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.student-hero__main>p{color:var(--text-soft);margin:8px 0 0;font-size:13px}.student-hero__main>p span{color:#b4bac2;margin:0 7px}.hero-metrics{align-items:stretch;display:flex}.hero-metrics>div{border-left:1px solid var(--outline-soft);text-align:center;min-width:78px;padding:4px 18px}.hero-metrics b,.hero-metrics span{display:block}.hero-metrics b{font-size:21px}.hero-metrics span{color:var(--text-soft);margin-top:3px;font-size:10px}.note-banner{color:#714300;background:#fff8e3;border-left:4px solid #f9ab00;border-radius:0 12px 12px 0;align-items:flex-start;gap:13px;margin:13px 0;padding:13px 17px;font-size:12px;display:flex}.note-banner b{flex:none}.note-banner span{white-space:pre-wrap}.subject-switcher{margin-top:34px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h2{margin:7px 0 0;font-size:20px}.subject-tabs{scrollbar-width:thin;gap:7px;margin:17px 0 21px;padding-bottom:2px;display:flex;overflow-x:auto}.subject-tabs button{border:1px solid var(--outline);color:#53606e;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:94px;min-height:44px;font-size:13px;font-weight:700;display:flex}.subject-tabs button small{background:var(--surface-container);border-radius:50%;place-items:center;min-width:19px;height:19px;font-size:9px;display:grid}.subject-tabs button.is-active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #0b57d02e}.subject-tabs button.is-active small{color:var(--primary);background:#fff}.subject-summary{justify-content:space-between;align-items:center;gap:18px;margin:8px 0 14px;display:flex}.subject-summary h3{margin:0 0 3px;font-size:17px}.subject-summary span{color:var(--text-soft);font-size:11px}.metric-strip{border:1px solid var(--outline-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.metric-strip article{border-right:1px solid var(--outline-soft);min-height:112px;padding:20px}.metric-strip article:last-child{border-right:0}.metric-strip span,.metric-strip b,.metric-strip small{display:block}.metric-strip span{color:var(--text-soft);font-size:11px;font-weight:700}.metric-strip b{margin:8px 0 4px;font-size:21px}.metric-strip small{color:#8b939d;font-size:9px}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 34px;display:grid}.trend-card{border:1px solid var(--outline-soft);border-radius:var(--radius);min-height:230px;box-shadow:var(--shadow-1);--chart:var(--primary);--chart-soft:#0b57d01a;background:#fff;padding:19px 19px 6px}.trend-card--green{--chart:#1e8e3e;--chart-soft:#1e8e3e1a}.trend-card--red{--chart:#d93025;--chart-soft:#d930251a}.trend-card--yellow{--chart:#d28700;--chart-soft:#d287001a}.trend-card__head{justify-content:space-between;align-items:flex-start;display:flex}.trend-card__title{color:var(--text-soft);font-size:11px;font-weight:700}.trend-card__head strong{margin-top:3px;font-size:20px;display:block}.trend-delta{color:var(--red);background:var(--red-soft);border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800}.trend-delta.is-up{color:var(--green);background:var(--green-soft)}.trend-delta.is-flat{color:var(--text-soft);background:var(--surface-container)}.trend-svg{width:100%;height:155px;overflow:visible}.chart-grid{stroke:#e9edf2;stroke-width:1px;stroke-dasharray:3 4}.chart-line{fill:none;stroke:var(--chart);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 3px var(--chart-soft))}.chart-dot{fill:#fff;stroke:var(--chart);stroke-width:3px}.chart-label{fill:#8b929c;font-size:8px}.trend-empty{color:#9199a4;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:170px;font-size:11px;display:flex}.trend-empty>span{width:40px;height:40px;color:var(--chart);background:var(--chart-soft);border-radius:13px;place-items:center;font-size:20px;display:grid}.history-section{margin-top:24px}.exam-list{flex-direction:column;gap:12px;margin-top:15px;display:flex}.exam-card{border:1px solid var(--outline-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);background:#fff;grid-template-columns:58px 1fr;gap:15px;padding:17px;display:grid}.exam-date{color:var(--primary);background:var(--blue-soft);border-radius:12px;flex-direction:column;align-self:start;align-items:center;padding:9px 5px;display:flex}.exam-date b{font-size:18px}.exam-date span{font-size:8px}.exam-main{min-width:0}.exam-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.exam-title>div:first-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.exam-title h3{margin:0;font-size:16px}.type-chip,.latest-chip{color:#555f6d;background:var(--surface-container);border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800}.latest-chip{color:var(--green);background:var(--green-soft)}.exam-score{white-space:nowrap;align-items:baseline;gap:3px;display:flex}.exam-score b{color:var(--primary);font-size:24px}.exam-score span{color:var(--text-soft);font-size:11px}.exam-score small{color:var(--green);background:var(--green-soft);border-radius:6px;margin-left:8px;padding:4px 7px;font-size:9px;font-weight:800}.rank-row{color:var(--text-soft);align-items:center;gap:12px;margin-top:7px;font-size:10px;display:flex}.analysis-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.analysis-panels>div{background:var(--surface-soft);border-radius:10px;min-width:0;padding:11px}.analysis-panels b{color:#4d5867;font-size:9px}.analysis-panels p{color:#606a76;white-space:pre-wrap;margin:5px 0 0;font-size:10px;line-height:1.6}.exam-footer{border-top:1px solid var(--outline-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding-top:8px;font-size:10px;display:flex}.exam-footer>div{display:flex}.empty-list{min-height:250px;color:var(--text-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-list>span{width:48px;height:48px;color:var(--primary);background:var(--blue-soft);border-radius:16px;place-items:center;margin-bottom:12px;font-size:20px;display:grid}.empty-list b{color:var(--text)}.empty-list p{margin:5px 0 17px;font-size:11px}.change-section{margin-top:28px;padding:20px}.change-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.change-list>div{background:var(--surface-soft);border-radius:9px;grid-template-columns:auto 1fr;gap:3px 8px;padding:9px;display:grid}.change-dot{background:var(--primary);border-radius:50%;grid-row:span 2;align-self:center;width:7px;height:7px}.change-list b{font-size:10px}.change-list small{color:var(--text-soft);font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f17237a;place-items:center;padding:22px;animation:.16s fade-in;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:#fff;width:min(100%,500px);max-height:min(90vh,900px);animation:.2s modal-in;overflow:auto;box-shadow:0 24px 70px #0a182d47}.modal--wide{width:min(100%,720px)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.modal__header{z-index:2;border-bottom:1px solid var(--outline-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:18px;padding:23px 25px 17px;display:flex;position:sticky;top:0}.modal__header h2{margin:0;font-size:21px}.modal__header p{color:var(--text-soft);margin:5px 0 0;font-size:11px}.modal__body{padding:22px 25px 25px}.modal__actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.quick-subjects{flex-wrap:wrap;gap:7px;display:flex}.quick-subjects button{border:1px solid var(--outline);cursor:pointer;background:#fff;border-radius:999px;min-height:34px;padding:0 13px;font-size:11px}.quick-subjects button.is-selected{color:#fff;background:var(--primary);border-color:var(--primary)}.score-entry{background:var(--blue-soft);border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:12px;padding:15px;display:grid}.score-entry>span{color:#7c8794;align-self:end;padding-bottom:12px;font-size:18px}.score-number{font-size:21px;font-weight:800;min-height:57px!important;color:var(--primary)!important;background:#fff!important}.rate-preview{flex-direction:column;justify-content:center;align-items:center;min-width:88px;padding-bottom:7px;display:flex}.rate-preview b,.rate-preview span{display:block}.rate-preview b{color:var(--green);font-size:18px}.rate-preview span{color:var(--text-soft);font-size:9px}.rank-group{border:1px solid var(--outline-soft);border-radius:13px;grid-template-columns:1fr auto 1fr;align-items:end;gap:11px;margin:0;padding:12px 14px 14px;display:grid}.rank-group legend{padding:0 5px}.rank-group>span{color:var(--text-soft);align-self:end;padding-bottom:12px}.upload-field{min-height:82px;color:var(--primary);cursor:pointer;background:#f5f8ff;border:1px dashed #8aa9d9;border-radius:14px;align-items:center;gap:13px;padding:13px;display:flex;position:relative}.upload-field:hover{background:var(--blue-soft)}.upload-field input,.import-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{background:var(--primary-container);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.upload-field b,.upload-field small{display:block}.upload-field b{font-size:12px}.upload-field small{color:var(--text-soft);margin-top:4px;font-size:9px}.import-guide{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.import-guide>div{background:var(--surface-soft);border-radius:12px;align-items:center;gap:9px;padding:12px;display:flex}.import-guide b{color:#fff;background:var(--primary);border-radius:8px;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.import-guide span{font-size:10px}.download-template{align-self:flex-start}.import-drop{min-height:190px;color:var(--text-soft);background:var(--surface-soft);cursor:pointer;border:2px dashed #a9b9d0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.import-drop:hover{border-color:var(--primary);background:var(--blue-soft)}.import-drop>span{width:50px;height:50px;color:var(--primary);background:var(--primary-container);border-radius:16px;place-items:center;font-size:23px;display:grid}.import-drop b{color:var(--text);font-size:13px}.import-drop small{font-size:10px}.recycle-card,.teacher-section{padding:20px}.loading-block{min-height:300px;color:var(--text-soft);place-items:center;font-size:12px;display:grid}.recycle-list{flex-direction:column;display:flex}.recycle-list article{border-bottom:1px solid var(--outline-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:80px;padding:12px;display:grid}.recycle-list article:last-child{border-bottom:0}.recycle-list b,.recycle-list span,.recycle-list small{display:block}.recycle-list span{color:var(--text-soft);margin:3px 0;font-size:11px}.recycle-list small{color:#969da6;font-size:9px}.health-pill{color:#695000;background:var(--yellow-soft);border-radius:999px;align-self:center;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:800;display:inline-flex}.health-pill i{background:#d59c00;border-radius:50%;width:7px;height:7px}.health-pill.is-healthy{color:var(--green);background:var(--green-soft)}.health-pill.is-healthy i{background:var(--green);box-shadow:0 0 0 4px #1373331a}.admin-metrics{margin-bottom:16px}.admin-metrics>article{grid-template-columns:auto 1fr;min-height:110px}.admin-metrics article>div b,.admin-metrics article>div span{display:block}.admin-metrics article>div b{font-size:21px}.admin-metrics article>div span{color:var(--text-soft);font-size:10px}.admin-metrics article>small{color:#9299a2;grid-column:1/-1;font-size:9px}.teacher-section{margin-top:16px}.teacher-table{margin-top:17px;overflow-x:auto}.teacher-row{border-bottom:1px solid var(--outline-soft);grid-template-columns:1.5fr .7fr .7fr 1.1fr .55fr .8fr;align-items:center;gap:12px;min-width:860px;min-height:66px;padding:10px 11px;font-size:11px;display:grid}.teacher-row--head{min-height:40px;color:var(--text-soft);background:var(--surface-soft);border-radius:9px;font-size:9px;font-weight:800}.teacher-row>span b,.teacher-row>span small{display:block}.teacher-row>span small{color:var(--text-soft);margin-top:3px;font-size:8px}.status-dot{background:var(--red);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status-dot.active{background:var(--green)}.row-actions{display:flex}.quota-editor{background:var(--surface-soft);align-items:flex-end;gap:10px;padding:13px 20px;display:flex}.quota-editor .field{max-width:170px}.quota-editor .field input{min-height:38px}.loading-page{min-height:80vh;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #dce2ea;border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:150;color:#fff;min-width:280px;max-width:min(420px,100% - 32px);min-height:52px;box-shadow:var(--shadow-2);background:#29313c;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;font-size:12px;animation:.25s toast-in;display:grid;position:fixed;bottom:28px;right:28px}.toast>span{background:var(--green);border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.toast--error>span{background:var(--red)}.toast button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media (width<=1180px){.student-grid,.summary-grid,.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.content-page,.detail-page{width:min(100% - 40px,1040px)}.login-feature-grid{grid-template-columns:1fr;max-width:430px}.login-feature-grid>div{grid-template-columns:90px 1fr;align-items:center;display:grid}.login-feature-grid span{margin:0}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{background:linear-gradient(#edf4ff 0,#fff 34%);min-height:100vh;padding:36px 24px}.brand--mobile{display:flex}.workspace{padding:64px 0 74px}.sidebar{display:none}.mobile-header{z-index:40;border-bottom:1px solid var(--outline-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto}.mobile-header>button{cursor:pointer;border:0}.mobile-nav{z-index:40;min-height:68px;padding:6px 10px max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--outline-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-around;align-items:stretch;display:flex;position:fixed;inset:auto 0 0}.mobile-nav button{min-width:78px;color:var(--text-soft);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-nav button>span{border-radius:13px;place-items:center;width:30px;height:26px;font-size:11px;font-weight:900;display:grid}.mobile-nav small{font-size:9px}.mobile-nav button.is-active{color:var(--primary)}.mobile-nav button.is-active>span{background:var(--primary-container)}.content-page,.detail-page{width:calc(100% - 28px);padding:26px 0 34px}.page-title{align-items:flex-start}.page-title h1{font-size:25px}.page-title p{font-size:12px}.detail-toolbar{flex-wrap:wrap}.student-hero{grid-template-columns:auto 1fr}.hero-metrics{border-top:1px solid var(--outline-soft);grid-column:1/-1;justify-content:stretch;padding-top:15px}.hero-metrics>div{flex:1}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2){border-bottom:1px solid var(--outline-soft)}.charts-grid{grid-template-columns:1fr}.change-list{grid-template-columns:repeat(2,1fr)}.mobile-fab{z-index:35;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));color:#fff;background:var(--primary);border:0;border-radius:16px;align-items:center;gap:7px;min-height:48px;padding:0 18px;font-weight:800;display:flex;position:fixed;box-shadow:0 8px 24px #0b57d047}.mobile-fab span{font-size:11px}}@media (width<=600px){.dashboard-title{display:block}.page-actions{grid-template-columns:1fr 1fr;margin-top:17px;display:grid}.summary-grid,.admin-metrics{gap:9px}.summary-grid>article,.admin-metrics>article{gap:10px;min-height:106px;padding:14px}.summary-grid b{font-size:22px}.metric-icon{border-radius:12px;width:38px;height:38px}.filter-card{padding:11px}.filter-row{grid-template-columns:1fr 1fr;display:grid}.filter-row select,.filter-row input{width:100%;min-width:0}.filter-row .text-button{grid-column:1/-1}.privacy-badge{display:none}.student-grid{grid-template-columns:1fr}.student-card{min-height:214px}.empty-panel{min-height:310px;padding:24px}.toolbar-actions .button:first-child{display:none}.toolbar-actions .button{min-height:38px;padding:0 13px;font-size:11px}.student-hero{gap:13px;padding:18px}.avatar--large{border-radius:18px;width:58px;height:58px}.title-row h1{font-size:23px}.hero-metrics>div{min-width:0;padding:3px 10px}.subject-summary{align-items:flex-start}.subject-summary__actions .text-button{display:none}.metric-strip article{min-height:98px;padding:15px}.trend-card{min-height:218px;padding:15px 15px 2px}.exam-card{grid-template-columns:46px 1fr;gap:10px;padding:12px}.exam-date b{font-size:15px}.exam-title{display:block}.exam-score{margin-top:8px}.analysis-panels{grid-template-columns:1fr}.rank-row{flex-wrap:wrap}.exam-footer{align-items:flex-start}.change-list{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:24px 24px 0 0;width:100%;max-height:94vh}.modal__header{padding:20px 18px 14px}.modal__body{padding:18px}.form-grid{grid-template-columns:1fr}.form-span{grid-column:auto}.score-entry{grid-template-columns:1fr auto 1fr}.rate-preview{flex-direction:row;grid-column:1/-1;gap:7px;padding:0}.rank-group{grid-column:auto}.import-guide{grid-template-columns:1fr}.import-guide>div{padding:9px}.modal__actions{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--outline-soft);background:#fffffff7;margin:0 -18px -18px;position:sticky;bottom:-18px}.modal__actions .button{flex:1}.toast{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}.page-title{display:block}.health-pill{margin-top:14px}.quota-editor{grid-template-columns:1fr 1fr;display:grid}.quota-editor .button{grid-column:1/-1}.recycle-list article{grid-template-columns:auto 1fr}.recycle-list article .button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}