@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--ink:#31543a;--muted:#718a77;--line:#e0ebdd;--canvas:#f5faf2;--surface:#fff;--green:#579e66;--green-dark:#39784a;--green-soft:#e6f3e3;--coral:#d97761;--coral-soft:#fff0eb;--gold:#b98f2e;--gold-soft:#fff8dc;--blue:#5b98b6;--blue-soft:#eaf6fa;--shadow:0 12px 30px rgba(47,78,56,.055)}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{color:var(--ink);background:var(--canvas);font-family:Noto Sans SC,system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button{border:0;cursor:pointer}input,select{outline:none}a{color:inherit}.app-shell{min-height:100vh;display:flex;background:var(--canvas)}.sidebar{z-index:10;width:238px;flex:0 0 238px;display:flex;flex-direction:column;min-height:100vh;padding:25px 16px 18px;color:#315e3e;background:#f5faf2;border-right:1px solid #e0ebdd}.brand{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 10px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:#4c985d;background:#ddf0d9;border-radius:9px 14px}.brand-copy{display:grid;gap:2px}.brand-copy strong{font:700 15px Nunito,Noto Sans SC,sans-serif}.brand-copy small{color:#71967a;font-size:10px}.sidebar-close{display:none;margin-left:auto;color:inherit;background:transparent}.class-switcher{display:grid;gap:8px;margin:33px 8px 23px}.overline,.eyebrow{display:block;color:#6b9674;font-size:10px;font-weight:700;letter-spacing:0}.class-button{width:100%;height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#3e6848;background:#fff;border:1px solid #dce9d9;border-radius:7px;font-size:12px}.nav-list{display:grid;gap:3px}.nav-item{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#6c8b73;background:transparent;border-radius:7px;text-align:left;transition:background .2s,color .2s}.nav-item:hover,.nav-item.is-active{color:#397749;background:#e3f0df}.nav-item span:nth-child(2){flex:1;font-size:12px}.nav-badge{padding:2px 5px;color:#397749;background:#d6ebd2;border-radius:4px;font-size:9px;font-weight:800}.sidebar-footer{display:grid;gap:19px;margin-top:auto;padding:17px 8px 3px;border-top:1px solid #dfeade}.teacher-profile{display:flex;align-items:center;gap:9px}.teacher-profile>span:nth-child(2){flex:1;display:grid;gap:2px}.teacher-profile strong{font-size:11px}.teacher-profile small{color:#7a9a80;font-size:9px}.teacher-profile button{color:#6a9372;background:transparent}.teacher-avatar,.child-avatar{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;color:#fff;border-radius:10px;font-size:12px;font-weight:700;background:#73a96f}.sidebar .teacher-avatar{color:#315e3e;background:#b9ddb2}.sidebar-note{display:flex;align-items:center;gap:7px;color:#789b7e;font-size:9px}.status-dot{width:6px;height:6px;background:#78b96d;border-radius:50%;box-shadow:0 0 0 3px #78b96d1f}.main-area{min-width:0;flex:1}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 39px;background:#ffffffd1;border-bottom:1px solid var(--line)}.crumbs{display:flex;align-items:center;gap:8px;color:#92a098;font-size:11px}.crumbs strong{color:#405d49;font-size:12px}.crumb-divider{color:#c6cfca}.topbar-actions{display:flex;align-items:center;gap:9px}.topbar-date{margin-left:5px;color:#99a69f;font-size:10px}.icon-button{width:31px;height:31px;display:grid;place-items:center;position:relative;color:#809087;background:#f5f7f4;border:1px solid #edf1ec;border-radius:7px}.icon-button.has-dot:after{content:"";position:absolute;top:6px;right:6px;width:4px;height:4px;background:var(--coral);border-radius:50%}.mobile-menu{display:none;color:#4f6a57;background:transparent}.page-wrap{min-height:calc(100vh - 68px)}.page{width:min(1280px,100%);margin:0 auto;padding:34px 39px 50px}.page-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-heading{margin-bottom:25px}.page-heading h1{margin:5px 0 6px;color:#294e36;font:800 27px Nunito,Noto Sans SC,sans-serif;letter-spacing:0}.page-heading p,.section-heading p{margin:0;color:#93a199;font-size:11px}.heading-actions{display:flex;gap:9px}.section-heading{margin:0 0 15px}.section-heading h2,.surface-heading h2{margin:0;color:#365541;font-size:15px}.section-heading--compact{margin-top:6px}.hint-badge{padding:5px 8px;color:#6da076;background:#edf7eb;border-radius:5px;font-size:10px}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;color:#65756a;background:#fff;border:1px solid #dde7dc;border-radius:7px;box-shadow:0 2px 4px #41604505;font-size:11px;font-weight:700}.button-primary{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 5px 12px #4999582b}.button-primary:hover{background:#4a955b}.button-block{width:100%}.link-button,.text-button{display:inline-flex;align-items:center;gap:4px;padding:0;color:var(--green-dark);background:transparent;font-size:10px;font-weight:700}.link-button.muted{color:#9aa69e;margin-left:10px}.text-button{margin-top:18px;color:#3e834c}.welcome-banner{min-height:195px;overflow:hidden;position:relative;display:flex;align-items:center;padding:28px 32px;margin-bottom:22px;background:#eaf7e6;border:1px solid #dcefd8;border-radius:9px}.welcome-banner h1{margin:6px 0 7px;color:#2d6b3d;font:800 27px Nunito,Noto Sans SC,sans-serif}.welcome-banner p{width:min(370px,75%);margin:0;color:#6d9774;font-size:12px;line-height:1.75}.welcome-sun{position:absolute;width:230px;height:230px;right:52px;bottom:-119px;background:#fee8858c;border-radius:50%}.welcome-miao{position:absolute;right:38px;bottom:-26px;width:180px;height:190px;display:grid;place-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:28px}.stat-card{min-height:91px;display:flex;align-items:center;gap:11px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 12px #37573e06}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px}.stat-icon--green{color:#4d9f5b;background:#e8f6e6}.stat-icon--coral{color:#dd765f;background:#ffebe7}.stat-icon--gold{color:#bf932c;background:#fff4d2}.stat-icon--blue{color:#559bbb;background:#eaf6fa}.stat-card small{display:block;margin-bottom:5px;color:#97a39b;font-size:10px}.stat-card strong{color:#395743;font:800 21px Nunito,sans-serif}.stat-card i{color:#84968a;font:500 10px Noto Sans SC,sans-serif;font-style:normal}.home-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:24px}.children-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.child-card{min-height:172px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 14px #38553e06;cursor:pointer;transition:transform .2s,box-shadow .2s}.child-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.child-card-head{min-width:0;display:flex;align-items:flex-start;gap:8px}.child-name{min-width:0;flex:1;display:grid;gap:3px}.child-name strong{color:#395843;font-size:12px}.child-name small{overflow:hidden;color:#9aa69f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.child-avatar.rose{background:#eea9ad}.child-avatar.sun{background:#dfb55e}.child-avatar.sky{background:#80b8db}.child-avatar.lavender{background:#a996ce}.child-avatar.mint{background:#71af88}.child-avatar.peach{background:#df9c7d}.child-score{display:flex;align-items:end;gap:5px;margin:19px 0 9px}.child-score strong{color:#3b7649;font:800 21px Nunito,sans-serif}.child-score span{padding-bottom:4px;color:#9aaba0;font-size:9px}.progress-track,.growth-progress{height:6px;overflow:hidden;background:#edf2ec;border-radius:99px}.progress-track>span,.growth-progress>span{display:block;height:100%;background:#67b070;border-radius:inherit}.progress-track>span.is-low{background:#ee937c}.child-card-foot{display:flex;justify-content:space-between;margin-top:8px;color:#8d9b93;font-size:9px}.child-card-foot b,.record-row b{color:#60a56d;font:800 11px Nunito,sans-serif}.negative{color:var(--coral)!important}.surface{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 18px #38553e06}.home-side{display:grid;gap:16px;align-content:start}.home-side .surface,.record-layout>.surface,.tags-layout>.surface,.class-layout>.surface,.growth-ladder,.admin-panel{padding:20px}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.surface-heading span{color:#99a69e;font-size:10px}.record-list{display:grid}.record-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f3ef}.record-row:last-child{border-bottom:0}.record-row>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}.record-row strong{font-size:11px}.record-row small{overflow:hidden;color:#9aa79f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.record-dot{width:27px;height:27px;display:grid;place-items:center;border-radius:8px}.record-dot.positive{color:#55a263;background:#ebf7e9}.record-dot.attention{color:#dc765e;background:#fff0eb}.note-panel{padding:18px;color:#a68a42;background:#fff8df;border:1px solid #f5e8bc;border-radius:8px}.note-panel .eyebrow{color:#c3a354}.note-panel p{margin:8px 0 0;color:#a3833d;font-size:11px;line-height:1.8}.record-layout,.tags-layout,.class-layout{display:grid;gap:23px}.record-layout{grid-template-columns:minmax(0,1.35fr) minmax(275px,.65fr)}.tags-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr)}.class-layout{grid-template-columns:minmax(0,1.1fr) minmax(290px,.7fr)}.record-panel{min-width:0}.select-bar{min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin-bottom:12px;color:#84938a;background:#f7faf5;border-radius:7px;font-size:10px}.select-bar>span{display:flex;align-items:center}.behavior-bar{margin-top:21px}.children-select-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.select-child{min-width:0;display:flex;align-items:center;gap:7px;padding:9px;color:#506156;background:#fff;border:1px solid #e7eee6;border-radius:8px;text-align:left;font-size:10px}.select-child.is-selected{color:#397846;background:var(--green-soft);border-color:#89c890}.select-child .child-avatar{width:26px;height:26px;border-radius:7px;font-size:9px}.check-box{width:15px;height:15px;display:grid;place-items:center;color:#fff;background:#edf1ec;border-radius:4px}.is-selected .check-box{background:var(--green)}.tag-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tag-option{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;color:#526259;background:#fff;border:1px solid #e6ece5;border-radius:8px;text-align:left}.tag-option.is-selected{background:#f0f9ed;border-color:#8cc990}.tag-bubble{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px}.tag-green .tag-bubble{color:#4a9a58;background:#e9f6e7}.tag-coral .tag-bubble{color:#dc755d;background:#fff0eb}.tag-blue .tag-bubble{color:#5297b9;background:#e9f6fa}.tag-gold .tag-bubble{color:#bd932c;background:#fff5d8}.tag-option>span:last-child{min-width:0}.tag-option strong,.tag-option small{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.tag-option strong{margin-bottom:2px;font-size:10px}.tag-option small{color:#9da9a1;font-size:9px}.record-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;margin-top:19px;border-top:1px solid var(--line)}.record-submit p{margin:0;color:#8d9b93;font-size:10px}.record-submit b{color:#397846}.empty-state{padding:30px 0;color:#9ca9a1;text-align:center;font-size:11px}.growth-hero{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:26px;padding:22px;margin-bottom:23px;background:#eef9ea;border:1px solid #dcefd8;border-radius:9px}.growth-mascot{min-height:288px;overflow:hidden;position:relative;display:grid;place-items:center;background:#e3f3dd;border-radius:8px}.growth-mascot:after{content:"";position:absolute;bottom:24px;width:175px;height:28px;background:#54984c24;border-radius:50%;filter:blur(5px)}.growth-mascot-label{z-index:2;position:absolute;left:13px;bottom:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;color:#49764e;background:#ffffffc2;border-radius:5px;font-size:9px}.growth-copy{padding:7px 4px}.growth-copy h2{margin:7px 0 9px;color:#2e6c3d;font:800 25px Nunito,Noto Sans SC,sans-serif}.growth-copy p{max-width:410px;margin:0 0 22px;color:#78987d;font-size:12px;line-height:1.85}.growth-level,.growth-meta{display:flex;align-items:end;justify-content:space-between;color:#79957e;font-size:10px}.growth-level{margin-bottom:8px}.growth-level strong{color:#397a49;font:800 19px Nunito,sans-serif}.growth-level small{color:#87a58d;font-size:10px}.growth-progress{height:8px;margin-bottom:8px;background:#69b36e30}.growth-progress>span{background:#68b371}.growth-meta{align-items:center;color:#8da493}.growth-actions{display:flex;gap:8px;margin-top:19px}.growth-ladder{margin-bottom:24px}.growth-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.growth-steps:before{content:"";position:absolute;top:16px;left:12%;right:12%;height:2px;background:#e5eee4}.growth-step{z-index:1;position:relative;display:grid;justify-items:center;gap:6px;text-align:center}.step-node{width:34px;height:34px;display:grid;place-items:center;color:#9aa79f;background:#f2f5f1;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e0e9df}.growth-step strong{color:#8e9b92;font-size:10px}.growth-step small{color:#a9b3ac;font-size:9px}.growth-step.is-done .step-node,.growth-step.is-current .step-node{color:#fff;background:var(--green);box-shadow:0 0 0 1px #78bd80,0 4px 10px #5ba6652e}.growth-step.is-done strong,.growth-step.is-current strong{color:#397747}.element-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.element-card{min-height:137px;overflow:hidden;position:relative;display:grid;justify-items:center;align-content:start;gap:4px;padding:13px 8px;color:#56665c;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:center}.element-card.is-selected{border-color:#89c990;box-shadow:0 6px 14px #468b4f17}.element-symbol{width:36px;height:36px;display:grid;place-items:center;margin-bottom:4px;color:var(--element-color);background:color-mix(in srgb,var(--element-color) 13%,white);border-radius:11px;font:800 17px Nunito,sans-serif}.element-card strong{font-size:10px}.element-card small{color:#9ca8a0;font-size:9px}.element-card .miao-visual{position:absolute;right:-3px;bottom:-13px;opacity:.16}.miao-visual{position:relative;display:grid;place-items:center}.miao-visual--sm{width:46px;height:50px}.miao-visual--md{width:150px;height:170px}.miao-visual--lg{width:250px;height:275px}.miao-visual img{z-index:1;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.miao-visual--animated img{animation:miao-float 4.4s ease-in-out infinite}.miao-zaps{z-index:2;position:absolute;top:9%;right:4%;bottom:12%;left:4%;pointer-events:none}.miao-zaps svg{position:absolute;color:#e7b630;fill:#fff5ae;filter:drop-shadow(0 0 5px rgba(224,166,39,.6));animation:zap-flicker 2.8s ease-in-out infinite}.miao-zaps svg:nth-child(1){top:12%;left:1%;width:18%;height:18%}.miao-zaps svg:nth-child(2){top:8%;right:2%;width:15%;height:15%;animation-delay:.8s}.miao-zaps svg:nth-child(3){right:3%;bottom:25%;width:14%;height:14%;animation-delay:1.5s}.miao-visual--shining:before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;background:#ffd65c33;border-radius:50%;filter:blur(24px)}.miao-visual--shining img{filter:drop-shadow(0 3px 7px rgba(205,161,35,.15))}.tag-table-wrap{overflow-x:auto}.tag-table{width:100%;border-collapse:collapse}.tag-table th{padding:0 8px 11px;color:#9ba79f;border-bottom:1px solid var(--line);font-size:9px;font-weight:500;text-align:left}.tag-table td{padding:13px 8px;color:#627168;border-bottom:1px solid #eff3ef;font-size:10px}.tag-table tr:last-child td{border-bottom:0}.tag-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;color:#4e9c5a;background:#edf8ec;border-radius:5px;font-size:9px;font-weight:700}.tag-pill.coral{color:#dc765e;background:#fff0eb}.tag-pill.blue{color:#5198ba;background:#eaf6fa}.tag-pill.gold{color:#be932b;background:#fff5d8}.toggle{width:31px;height:18px;padding:2px;background:#dfe9df;border-radius:99px}.toggle span{width:14px;height:14px;display:block;background:#fff;border-radius:50%;transition:transform .2s}.toggle.is-on{background:var(--green)}.toggle.is-on span{transform:translate(13px)}.stack-form{display:grid;gap:13px}.field{display:grid;gap:6px;color:#829087;font-size:10px}.field input,.field select{width:100%;height:37px;padding:0 10px;color:#405047;background:#fbfcfa;border:1px solid #e3ebe2;border-radius:6px;font-size:11px}.form-note{display:flex;align-items:center;gap:5px;margin:15px 0 0;color:#7fa187;font-size:9px}.field-hint{color:#9aa79f;font-size:9px}.form-error{margin:0!important;color:var(--coral)!important;font-size:10px!important;line-height:1.5}.class-info{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:20px}.class-info>div{padding:15px;background:#f7faf5;border-radius:7px}.class-info small{display:block;margin-bottom:7px;color:#9da9a1;font-size:9px}.class-info strong{color:#35543f;font:800 20px Nunito,sans-serif}.class-info i{color:#83948a;font:500 10px Noto Sans SC,sans-serif;font-style:normal}.class-info .teacher-name{font:700 13px Noto Sans SC,sans-serif}.roster-heading{margin-top:6px}.class-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.roster-item{min-width:0;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #ebf0ea;border-radius:7px}.roster-item>span:nth-child(2){min-width:0;flex:1}.roster-item strong,.roster-item small{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.roster-item strong{font-size:10px}.roster-item small{margin-top:2px;color:#9da9a1;font-size:9px}.roster-item .child-avatar{width:29px;height:29px;border-radius:8px;font-size:10px}.roster-item .icon-button{width:25px;height:25px;opacity:.55}.growth-rule-form{display:grid;gap:11px}.rule-intro{margin:-2px 0 3px;color:#89978f;font-size:10px;line-height:1.7}.rule-row{min-height:53px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f7faf5;border-radius:7px}.rule-row>span{flex:1;display:grid;gap:3px}.rule-row strong{font-size:11px}.rule-row small{color:#9ca8a1;font-size:9px}.rule-row input{width:64px;height:31px;color:#397846;background:#fff;border:1px solid #deeadf;border-radius:6px;text-align:center;font-weight:700}.rule-row em{color:#98a49d;font-size:10px;font-style:normal}.rule-hint{margin:0;color:#77a17e;font-size:9px}.settings-list{margin-top:17px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.setting-row>span:first-child{display:grid;gap:3px}.setting-row strong{font-size:10px}.setting-row small{color:#9da9a1;font-size:9px}.modal-backdrop{z-index:20;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#25372b45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(420px,100%);position:relative;padding:22px;box-shadow:0 20px 60px #1f362633}.modal h2{margin:6px 0 7px;font-size:19px}.modal p{margin:0 0 16px;color:#8a988f;font-size:10px}.modal-close{position:absolute;top:12px;right:12px;color:#819087;background:transparent;font-size:21px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.admin-panel{max-width:980px}.teacher-table{display:grid}.teacher-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef2ed}.teacher-row:last-child{border-bottom:0}.teacher-row>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}.teacher-row strong{font-size:11px}.teacher-row small{overflow:hidden;color:#96a49c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.teacher-class-select{width:min(280px,32%);height:30px;padding:0 7px;color:#526257;background:#fbfcfa;border:1px solid #e3ebe2;border-radius:6px;font-size:9px}.status-label{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;color:#579b62;background:#ecf7ea;border-radius:5px;font-size:9px}.status-label.inactive{color:#d8755d;background:#fff0eb}.binding-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.binding-mode button{height:33px;color:#738278;background:#f5f8f4;border:1px solid #e2eae1;border-radius:6px;font-size:10px}.binding-mode button.active{color:#397846;background:#edf8ec;border-color:#8fc69a}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:#fff}.login-art{overflow:hidden;position:relative;display:flex;flex-direction:column;padding:38px clamp(35px,7vw,106px);color:#315e3e;background:#f5faf2;border-right:1px solid #e0ebdd}.login-art:before{content:"";position:absolute;width:550px;height:550px;right:-190px;bottom:-230px;background:#bcdeb46b;border-radius:50%}.login-brand{z-index:1;display:flex;align-items:center;gap:10px}.login-brand>span:last-child{display:grid;gap:2px}.login-brand strong{font:700 15px Nunito,Noto Sans SC,sans-serif}.login-brand small{color:#71967a;font-size:10px}.login-art-copy{z-index:1;max-width:430px;margin:auto 0}.login-art-copy .eyebrow{color:#6d9875}.login-art-copy h1{margin:12px 0;font:800 clamp(36px,4vw,54px)/1.25 "Nunito","Noto Sans SC",sans-serif}.login-art-copy em{color:#589667;font-style:normal}.login-art-copy p{color:#6f8e75;line-height:1.8}.login-orbit{position:absolute;border:1px solid rgba(98,149,108,.22);border-radius:50%}.orbit-one{width:440px;height:440px;right:-90px;top:80px}.orbit-two{width:300px;height:300px;left:-130px;bottom:-80px}.login-panel{display:grid;place-items:center;padding:38px}.login-panel-inner{width:min(360px,100%)}.login-kicker{display:inline-flex;align-items:center;gap:5px;color:#6c9d73;font-size:10px;font-weight:700}.login-panel h2{margin:10px 0 6px;color:#314f3b;font:800 28px Nunito,Noto Sans SC,sans-serif}.login-subtitle{margin:0 0 27px;color:#8d9b92;font-size:11px;line-height:1.75}.login-panel form{display:grid;gap:16px}.login-note{margin-top:22px;color:#a0aba4;font-size:9px;text-align:center}.toast{z-index:50;position:fixed;left:50%;bottom:28px;display:flex;align-items:center;gap:7px;padding:11px 15px;color:#fff;background:#4e8a5a;border-radius:7px;box-shadow:0 10px 26px #2b49302e;font-size:11px;transform:translate(-50%)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,12px)}@keyframes miao-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.7deg)}}@keyframes zap-flicker{0%,to{opacity:.72;transform:scale(.92)}42%{opacity:1;transform:scale(1.05)}48%{opacity:.48}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:1080px){.sidebar{width:210px;flex-basis:210px}.topbar,.page{padding-left:27px;padding-right:27px}.children-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid,.record-layout,.tags-layout,.class-layout{grid-template-columns:1fr}.home-side{grid-template-columns:1fr 1fr}.note-panel{margin-top:0}.element-grid{grid-template-columns:repeat(5,minmax(86px,1fr))}}@media(max-width:740px){.sidebar{position:fixed;inset:0 auto 0 0;width:226px;transform:translate(-100%);transition:transform .22s ease;box-shadow:9px 0 26px #213d2a26}.sidebar.is-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:block}.mobile-backdrop{z-index:9;position:fixed;top:0;right:0;bottom:0;left:0;background:#23342938}.topbar{height:59px;padding:0 16px}.topbar-date,.topbar-actions .icon-button:first-child{display:none}.page{padding:25px 16px 42px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:21px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .button{flex:1}.welcome-banner{min-height:180px;padding:24px 19px}.welcome-banner h1{font-size:22px}.welcome-miao{right:-5px;width:145px;height:160px}.welcome-sun{right:-35px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{min-height:76px;padding:11px}.home-side{grid-template-columns:1fr}.note-panel{display:none}.children-grid,.children-select-list{grid-template-columns:repeat(2,minmax(0,1fr))}.child-card{min-height:157px}.child-score{margin-top:13px}.tag-picker{grid-template-columns:1fr}.record-submit{align-items:flex-start;flex-direction:column}.record-submit .button{width:100%}.growth-hero{grid-template-columns:1fr;gap:8px;padding:13px}.growth-mascot{min-height:220px}.growth-copy{padding:11px 3px 5px}.growth-copy h2{font-size:23px}.element-grid{overflow-x:auto;grid-template-columns:repeat(5,82px);padding-bottom:3px}.element-card{min-height:125px}.class-roster,.login-page{grid-template-columns:1fr}.login-art{min-height:31vh;padding:28px}.login-art-copy{margin:auto 0 5px}.login-art-copy h1{margin:8px 0;font-size:29px}.login-art-copy p{display:none}.login-panel{align-items:start;padding:36px 25px}.login-panel-inner{width:min(390px,100%)}.miao-visual--lg{width:205px;height:225px}}.class-label{min-height:37px;display:flex;align-items:center;padding:0 11px;color:#3e6848;background:#fff;border:1px solid #dce9d9;border-radius:7px;font-size:12px;font-weight:700}.teacher-profile{position:relative}.profile-menu{z-index:16;position:absolute;left:0;bottom:42px;width:205px;display:grid;gap:4px;padding:13px;color:var(--ink);box-shadow:0 15px 34px #2b493029}.profile-menu>strong{font-size:11px}.profile-menu>small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis}.profile-menu>button{display:flex;align-items:center;gap:7px;margin-top:7px;padding:9px 0 0;color:var(--coral);background:transparent;border-top:1px solid var(--line);font-size:10px;font-weight:700}.growth-child-switcher{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;margin-bottom:17px}.growth-child-switcher label{color:#63756a;font-size:10px;font-weight:700}.growth-child-switcher select{min-width:220px;height:34px;padding:0 10px;color:#405047;background:#fbfcfa;border:1px solid #e3ebe2;border-radius:6px;font-size:11px}.growth-empty-state{display:grid;justify-items:center;gap:7px;padding:58px 20px;margin-bottom:23px;color:#91a198;text-align:center}.growth-empty-state svg{color:#69a975}.growth-empty-state h2{margin:4px 0 0;color:#53685a;font-size:15px}.growth-empty-state p{max-width:400px;margin:0 0 12px;color:#9aa79f;font-size:10px;line-height:1.7}.record-context-action{display:flex;justify-content:flex-end;margin-top:8px}.record-context-action .link-button:disabled{cursor:not-allowed;opacity:.45}.record-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:14px;margin-top:5px;border-top:1px solid var(--line);color:#8b9a90;font-size:10px}.record-pagination .icon-button{width:28px;height:28px}.record-history-panel{min-width:0}.topbar-actions{position:relative}.toolbar-popover{z-index:15;position:absolute;top:42px;right:0;width:min(360px,100vw - 32px);overflow:hidden;padding:12px;box-shadow:0 16px 40px #29452f29}.search-field{height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#76907d;background:#f7faf5;border:1px solid var(--line);border-radius:7px}.search-field input{min-width:0;flex:1;color:var(--ink);background:transparent;border:0;font-size:11px}.popover-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 10px;border-bottom:1px solid var(--line)}.popover-heading strong{font-size:11px}.popover-heading span{color:var(--muted);font-size:9px}.popover-list{display:grid;max-height:310px;overflow-y:auto;margin-top:7px}.popover-list button{min-width:0;display:flex;align-items:center;gap:10px;padding:10px 8px;color:var(--ink);background:transparent;border-radius:6px;text-align:left}.popover-list button:hover{background:#f2f8ef}.popover-list button>span{min-width:0;flex:1;display:grid;gap:2px}.popover-list strong,.popover-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-list strong{font-size:10px}.popover-list small{color:var(--muted);font-size:9px}.popover-list em{flex:0 0 auto;color:#6a9873;font-size:9px;font-style:normal}.notification-popover .popover-list em{color:var(--coral);font-weight:800}.popover-empty{padding:25px 8px;color:#96a49c;text-align:center;font-size:10px}.segmented-control{display:flex;padding:2px;background:#f1f6ef;border-radius:7px}.segmented-control button{min-height:27px;padding:0 9px;color:#839188;background:transparent;border-radius:5px;font-size:9px}.segmented-control button.active{color:#397846;background:#fff;box-shadow:0 1px 3px #2e4d3414;font-weight:700}.button-danger{color:#fff;background:var(--coral);border-color:var(--coral)}.button-danger:hover{background:#c96753}.button:disabled,.batch-row-heading button:disabled{cursor:not-allowed;opacity:.45}.modal-wide{width:min(760px,100%);max-height:90vh;overflow-y:auto}.batch-editor{display:grid;gap:10px;max-height:55vh;overflow-y:auto;padding-right:3px}.batch-row{display:grid;gap:10px;padding:12px;background:#f8faf7;border:1px solid #e6ede4;border-radius:7px}.batch-row.has-error{border-color:#e4a193;background:#fff9f7}.batch-row-heading{display:flex;align-items:center;justify-content:space-between}.batch-row-heading strong{font-size:10px}.batch-row-heading button{width:27px;height:27px;display:grid;place-items:center;color:#9a7e78;background:transparent;border-radius:5px}.batch-row-heading button:hover{color:var(--coral);background:var(--coral-soft)}.batch-fields{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:9px}.color-field{display:grid;gap:6px;color:#829087;font-size:10px}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:25px;height:25px;position:relative;border:2px solid #fff;border-radius:7px;box-shadow:0 0 0 1px #dfe8de}.color-swatch.mint{background:#71af88}.color-swatch.rose{background:#eea9ad}.color-swatch.sky{background:#80b8db}.color-swatch.sun{background:#dfb55e}.color-swatch.lavender{background:#a996ce}.color-swatch.peach{background:#df9c7d}.color-swatch.selected:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#fff;border-radius:50%}.row-error{color:var(--coral);font-size:9px}.add-row-button{width:100%;margin-top:10px;border-style:dashed}@media(max-width:740px){.topbar-actions .icon-button:first-child{display:grid}.topbar-date{display:none}.toolbar-popover{position:fixed;top:66px;right:16px;left:16px;width:auto}.profile-menu{left:-4px}.roster-heading{align-items:flex-start;flex-direction:column}.segmented-control{width:100%}.segmented-control button{flex:1}.batch-fields{grid-template-columns:1fr 1fr}.batch-fields .field:last-child{grid-column:1/-1}.modal-wide{padding:18px}.batch-editor{max-height:58vh}.growth-child-switcher{align-items:stretch;flex-direction:column}.growth-child-switcher select{min-width:0;width:100%}.record-pagination{padding-bottom:2px}}