@charset "UTF-8";
:root{--green:#0b6245;--dark:#143f30;--ink:#243b32;--muted:#7c8a82;--line:#e0e7e1;--bg:#f6f8f4;--sage:#edf5eb;--purple:#9780ce;--yellow:#f5c956;--shadow:0 12px 38px #123f3010;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:15px;line-height:1.65;letter-spacing:.15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--green);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #ad92df;outline-offset:4px}input,textarea,select{width:100%;background:#fff;border:1px solid #d7e1d9;border-radius:12px;color:var(--ink);padding:13px 15px;outline:none;transition:border .18s,box-shadow .18s;min-height:48px}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #0b624514}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:#a2ada6}label{display:block;font-weight:550;margin-bottom:7px}label small{font-weight:400;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.4;letter-spacing:-.7px;color:var(--dark);margin-bottom:10px}h2{font-size:21px;line-height:1.4;margin-bottom:12px}h3{font-size:17px;margin-bottom:10px}p{margin-bottom:12px}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;color:#839687;font-weight:650;text-transform:uppercase;margin-bottom:10px}.field{margin-bottom:20px}.field-error,.error{color:#a54035;background:#fff0ec;border-radius:12px;padding:12px 16px;margin:12px 0;font-size:14px}.hidden{display:none!important}.required{color:#95815a;font-size:12px;margin-left:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--green);border-radius:12px;padding:12px 19px;min-height:47px;font-weight:600;background:var(--green);color:white;transition:transform .15s,background .15s;white-space:nowrap}.btn:hover{background:#084d37}.btn:active{transform:translateY(1px)}.btn.outline{background:white;color:var(--green)}.btn.outline:hover{background:var(--sage)}.btn.light{background:var(--sage);color:var(--green);border-color:transparent}.btn.ghost{background:transparent;color:var(--muted);border-color:transparent}.btn.wide{width:100%}.btn.sm{min-height:38px;padding:8px 14px;font-size:13px}.btn.danger{color:#a54035;border-color:#e2bcb6;background:white}.text-btn{padding:7px 3px;border:0;background:none;color:var(--green);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--dark)}.brand img{width:49px;height:49px;border-radius:16px}.brand b{display:block;font-size:19px;letter-spacing:-.5px}.brand span{display:block;font-size:11px;color:var(--muted);letter-spacing:.7px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:30px;padding:4px 11px;font-size:12px;background:#e0f1df;color:var(--green);white-space:nowrap;font-weight:550}.badge.busy{background:#eee7fc;color:#7c60b2}.badge.review{background:#fff3d5;color:#947223}.badge.failed{background:#fce9e4;color:#ae4c3e}.badge.neutral{background:#edf0ed;color:#819084}.card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px;box-shadow:0 3px 14px #143f3003}.soft-card{background:var(--sage);border-radius:16px;padding:22px}.divider{height:1px;background:var(--line);margin:24px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions>*{flex:1}.loading-page{text-align:center;padding:18vh 20px;color:var(--muted)}.spinner{display:inline-block;width:22px;height:22px;border:2px solid #c6dacc;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:44px 18px}.empty img{width:70px;height:70px;margin-bottom:16px;opacity:.9}.empty h3{color:var(--dark);font-size:18px;margin-bottom:6px}.empty p{color:var(--muted);font-size:14px;max-width:340px;margin:0 auto 18px}.footer{font-size:12px;color:#9aa69c;text-align:center;margin:28px 0 12px}.success-tick{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dcf0df;color:var(--green);margin:0 auto 22px}.success-tick svg{width:34px;height:34px}
/* Parent entrance */
.public-top{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 36px}.register-layout{max-width:1120px;margin:35px auto 70px;display:grid;grid-template-columns:1fr 490px;gap:75px;align-items:start;padding:0 32px}.intro{padding:45px 0;position:sticky;top:30px}.intro h1{font-size:47px;line-height:1.35;letter-spacing:-1px;margin:14px 0 22px}.intro p{font-size:17px;color:#7c8c7d;max-width:360px;line-height:1.9}.intro .sprout{display:inline-block;color:var(--green);font-size:36px}.intro-art{margin:40px 0 30px;position:relative;width:285px;height:185px}.intro-art::before{content:"";position:absolute;inset:20px 0 0;background:#e7e2f4;border-radius:50% 60% 44% 35%;transform:rotate(-8deg)}.intro-art img{position:absolute;width:140px;left:72px;top:6px;box-shadow:0 20px 28px #62507612;border-radius:42px;transform:rotate(6deg)}.art-pill{position:absolute;padding:8px 14px;background:white;border-radius:12px;box-shadow:var(--shadow);font-size:13px;color:var(--green)}.art-pill.one{left:-4px;top:122px}.art-pill.two{right:-5px;top:45px}.steps{display:flex;gap:19px;color:#7e8d80;font-size:13px}.steps span{display:flex;align-items:center;gap:7px}.steps i{font-style:normal;background:#e8efe5;width:24px;height:24px;border-radius:50%;text-align:center;font-size:12px;line-height:24px}.register-form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:31px;box-shadow:var(--shadow);position:relative;overflow:hidden}.register-form h2{font-size:23px}.register-form:after{content:"";position:absolute;left:-60px;bottom:-65px;width:280px;height:100px;background:#eee9f8;transform:rotate(13deg);pointer-events:none;border-radius:50%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .field{min-width:0}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#87958a;margin:16px 0 0}.privacy svg{width:15px;height:15px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.success-page{max-width:500px;margin:45px auto;text-align:center;padding:36px}.code{font-family:ui-monospace,monospace;font-size:15px;color:var(--green);padding:15px;background:var(--sage);border-radius:12px;word-break:break-all}.public-report{max-width:800px;margin:20px auto 65px;padding:0 22px}.public-report .report-sheet{margin-top:24px}
/* Teacher shell */
.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--line);padding:30px 23px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin:0 0 48px}.sidebar .brand b{font-size:18px}.sidebar .brand img{width:43px;height:43px}.nav-link{display:flex;gap:13px;align-items:center;padding:14px 17px;border-radius:13px;color:#849086;margin-bottom:9px;font-weight:550}.nav-link.active{color:var(--green);background:#eaf3e7}.sidebar .sidebar-bottom{margin-top:auto}.sidebar-note{padding:18px;background:#f7f8f3;border-radius:15px;font-size:12px;color:#83917d;line-height:1.9;margin-bottom:20px}.sidebar-note b{display:block;font-size:14px;color:#4a684b;margin-bottom:5px}.teacher-main{margin-left:245px;min-height:100vh;padding:34px 45px 50px;max-width:1680px}.teacher-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 28px}.teacher-head h1{font-size:27px;margin:0}.teacher-head .subtitle{font-size:13px;color:var(--muted);margin:4px 0 0}.mobile-brand{display:none}.bottom-nav{display:none}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px;align-items:start}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.stat{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px 18px;text-align:left;color:var(--muted)}.stat b{display:block;font-size:28px;line-height:1.3;color:#334f3e;margin-top:5px;font-weight:650}.stat.active{background:#e3f1df;border-color:#cde3c7;color:var(--green)}.stat.active b{color:var(--green)}.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 18px}.search{position:relative;flex:1}.search svg{position:absolute;top:14px;left:15px;color:#8a968e}.search input{padding-left:44px;background:transparent}.filter-chip{border:1px solid var(--line);background:transparent;border-radius:12px;padding:12px 14px;font-size:13px;color:#849086}.filter-chip.active{background:#fff0ec;color:#a54035}.records{display:flex;flex-direction:column;gap:14px}.record-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:23px 25px}.record-card.pending{background:linear-gradient(100deg,#eef6e9,#f6faf3);border-color:#e0eadc}.record-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.record-top b{font-size:15px;color:var(--green)}.record-main{display:flex;align-items:center;justify-content:space-between;gap:15px}.student-name{font-size:22px;color:#183e2c;line-height:1.5;margin-bottom:3px;font-weight:650;overflow-wrap:anywhere}.record-card .concern{color:#7c8d7d;font-size:13px;margin:14px 0 0;overflow-wrap:anywhere}.note-card h3{font-size:16px}.note-card p{font-size:13px;color:var(--muted);line-height:1.85}.note-card{margin-bottom:17px}.qr-mini{display:block;width:142px;margin:0 auto 8px}.note-list{padding-left:18px;font-size:13px;color:var(--muted);line-height:2}.section-label{font-size:13px;color:#869587;margin-bottom:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;color:var(--muted);font-size:13px}
/* Scoring and report */
.back-link{display:inline-flex;gap:8px;align-items:center;color:#809084;font-size:13px;margin-bottom:20px}.detail-layout{display:grid;grid-template-columns:minmax(340px,480px) minmax(330px,1fr);gap:26px;align-items:start}.student-info{padding:20px 23px;background:linear-gradient(110deg,#eaf4e5,#f1f7ed);border-radius:16px;margin-bottom:23px}.student-info h2{font-size:21px;margin:0 0 6px}.student-info p{font-size:13px;color:#7e8e7f;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.score-box{border-radius:14px;background:#f6f8f5;padding:15px}.score-box:nth-child(2){background:#f7f4fb}.score-box:nth-child(3){background:#fdf9ee}.score-box:nth-child(4){background:#f1f8f6}.score-box input{font-size:24px;font-weight:600;min-height:56px;padding:8px 13px}.score-box label{font-size:14px}.score-note{text-align:center;font-size:12px;color:var(--muted);margin:11px 0 22px}.save-status{min-height:25px;margin:10px 0;text-align:center;font-size:12px;color:#71977b}.score-actions{margin-top:19px}.busy-panel{text-align:center;padding:44px 26px}.busy-panel h2{margin:18px 0 10px}.busy-panel .spinner{width:39px;height:39px;border-width:3px}.busy-panel p{font-size:14px;color:var(--muted)}.progress-steps{display:flex;justify-content:center;gap:18px;margin:25px 0 0;font-size:12px;color:#a1aaa2}.progress-steps .current{color:var(--green)}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:20px 0}.score-chip{background:#e8f5e8;text-align:center;padding:12px 5px;border-radius:13px;font-size:13px}.score-chip:nth-child(2){background:#efe9fa}.score-chip:nth-child(3){background:#fdf4d9}.score-chip:nth-child(4){background:#e5f4ef}.score-chip b{display:block;font-size:24px;color:var(--dark);line-height:1.4}.comment-card{background:#eef6eb;border-radius:16px;padding:21px 24px;margin:20px 0}.comment-card h3{color:var(--dark);display:flex;align-items:center;gap:8px}.comment-card p{font-size:15px;line-height:1.95;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.minor-actions{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0 8px}.report-sheet{background:white;border:1px solid var(--line);padding:33px;border-radius:7px;box-shadow:var(--shadow)}.report-sheet .sheet-brand{font-size:12px;color:var(--green);border-bottom:1px solid #dbe7d8;padding-bottom:13px;margin-bottom:20px;letter-spacing:1px}.report-sheet h2{font-size:23px;color:var(--dark)}.report-section h3{font-size:15px;color:var(--green);margin:21px 0 6px}.report-section p{font-size:14px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.sheet-foot{font-size:11px;color:#9aa49b;border-top:1px solid var(--line);padding-top:16px;margin-top:25px}.report-mini{background:linear-gradient(155deg,#f4f7f0,#eee9f7);padding:28px;border-radius:20px;margin-top:22px}.report-mini .report-sheet{padding:23px}.report-mini .report-sheet h2{font-size:20px}.bar-row{display:flex;align-items:center;gap:13px;margin:11px 0;font-size:12px}.bar{flex:1;background:#f0f2ee;height:7px;border-radius:6px;overflow:hidden}.bar i{height:100%;display:block;background:#8bbd86;border-radius:6px}.bar-row:nth-child(2) .bar i{background:#b59cdf}.bar-row:nth-child(3) .bar i{background:#edcd65}.bar-row:nth-child(4) .bar i{background:#9ab7a9}.detail-report h1{font-size:25px}.report-editor textarea{min-height:95px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px}.login-wrap{max-width:420px;margin:60px auto;padding:30px}.login-wrap h1{font-size:26px}.login-wrap .brand{margin-bottom:35px}.login-foot{margin:20px 0 0;font-size:12px;text-align:center;color:var(--muted)}.success-inline{color:var(--green);font-size:13px;margin-top:12px}.radio-row{display:flex;gap:10px;border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:10px;align-items:start}.radio-row input{width:18px;min-height:18px;margin-top:5px;flex:none}.radio-row label{margin:0;font-size:14px}.radio-row small{display:block;font-size:12px;color:var(--muted);font-weight:400}.account-dot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eee8f6;color:#8d71ba;font-size:13px}
/* Modals and notices */
#toast{position:fixed;z-index:100;bottom:35px;left:50%;transform:translate(-50%,15px);background:#173f30;color:#fff;border-radius:12px;padding:12px 22px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;font-size:14px;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.modal-overlay{position:fixed;inset:0;z-index:80;background:#1d322e65;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(4px)}.modal{background:#fff;max-width:500px;width:100%;padding:27px;border-radius:23px;max-height:90vh;overflow:auto;box-shadow:0 25px 80px #173d3030}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-top h2{margin:0;font-size:21px}.modal-close{border:0;background:#f0f3ed;border-radius:50%;width:34px;height:34px;color:#748574;font-size:22px}.modal img.qr{display:block;width:215px;max-width:100%;margin:12px auto}.copy-fallback{background:var(--sage);padding:18px;border-radius:12px;user-select:all;white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.modal .link-box{width:100%;font-size:12px;color:#66816f;background:#f5f8f2;margin:15px 0}.hidden-mobile{display:block}
@media(min-width:1450px){.teacher-main{padding-left:65px;padding-right:65px}.dashboard-grid{gap:34px}.detail-layout{grid-template-columns:500px minmax(380px,1fr)}}
@media(max-width:1150px){.sidebar{width:210px;padding:25px 18px}.teacher-main{margin-left:210px;padding:28px}.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:none}.detail-layout{grid-template-columns:1fr}.intro h1{font-size:38px}.register-layout{gap:40px;grid-template-columns:1fr 450px}.settings-grid{grid-template-columns:1fr}.stat{padding:13px}.detail-layout .help-panel{display:none}}
@media(max-width:760px){body{background:#fafbf8}.public-top{padding:20px 22px}.public-top .brand img{width:42px;height:42px}.public-top .brand b{font-size:17px}.public-top .btn{font-size:12px;padding:8px 10px;min-height:36px}.register-layout{display:block;padding:0 22px;margin:18px auto 25px;max-width:500px}.intro{position:static;padding:6px 0 15px}.intro .eyebrow,.intro-art,.intro .steps,.intro .sprout{display:none}.intro h1{font-size:31px;margin:8px 0 10px}.intro p{font-size:14px;max-width:none;margin-bottom:10px}.register-form{padding:22px;border-radius:21px}.register-form h2,.register-form .form-intro{display:none}.form-grid{grid-template-columns:1fr;gap:0}.register-form .field{margin-bottom:19px}.register-form .btn{min-height:51px}.brand span{font-size:10px}.footer{font-size:11px}.sidebar{display:none}.teacher-main{margin-left:0;padding:22px 20px 100px;max-width:760px;margin:auto}.teacher-head{margin-bottom:23px}.teacher-head h1{font-size:22px}.teacher-head .subtitle{display:none}.teacher-head>.actions .btn{font-size:12px;padding:9px 11px;min-height:40px}.teacher-head .account-dot{display:none}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand img{width:43px;height:43px}.mobile-brand span{display:block;font-size:10px;color:var(--muted);font-weight:400}.teacher-head .desktop-title{display:none}.bottom-nav{display:flex;position:fixed;z-index:35;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 15px calc(9px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav a{color:#869387;display:flex;align-items:center;flex-direction:column;gap:4px;font-size:10px;min-width:70px}.bottom-nav a.active{color:var(--green)}.bottom-nav svg{width:23px;height:23px}.stats{gap:0;background:#f0f4ee;border-radius:16px;margin-bottom:23px}.stat{background:transparent;border:0;border-radius:14px;padding:13px 8px;text-align:center;font-size:12px}.stat b{font-size:26px}.stat.active{background:#dcefd5}.toolbar{gap:8px}.filter-chip{font-size:11px;padding:13px 8px}.record-card{padding:20px;border-radius:17px}.student-name{font-size:23px}.record-top{margin-bottom:14px}.record-top b{font-size:14px}.record-card .btn{padding:9px 13px;font-size:13px}.record-card .concern{font-size:12px}.card{padding:21px;border-radius:19px}.detail-layout{gap:20px}.back-link{margin-bottom:16px;font-size:12px}.detail-report h1{font-size:26px}.student-info{padding:19px;margin-bottom:21px}.score-grid{gap:14px}.score-box{padding:14px}.score-box input{min-height:55px;font-size:25px}.score-actions>.btn{min-height:53px}.score-actions .btn.light{min-height:44px}.comment-card{padding:20px}.comment-card p{font-size:14px}.score-strip{gap:10px}.score-chip{padding:10px 2px}.score-chip b{font-size:24px}.actions .btn{padding:12px 10px;font-size:14px}.report-sheet{padding:23px}.report-sheet h2{font-size:23px}.report-mini{padding:20px}.minor-actions{gap:20px}.minor-actions .text-btn{font-size:12px}.settings-grid{gap:20px}.login-wrap{margin:35px 22px;max-width:none;padding:28px}.success-page{margin:25px 22px;padding:30px 22px}.public-report{padding:0 20px}.public-report h1{font-size:25px}.hidden-mobile{display:none}#toast{bottom:95px}.modal{padding:23px;border-radius:20px}.help-panel{display:none}.report-editor textarea{font-size:15px}.report-editor h2{font-size:21px}.teacher-head .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:760px){.detail-view .bottom-nav{display:none}.detail-view .teacher-main{padding-bottom:35px}}
.filter-chip.active{background:#eaf3e7;color:var(--green)}
#failed-filter.active{background:#fff0ec;color:#a54035}