.setup-overlay{position:fixed;inset:0;z-index:140;display:none;overflow:auto;background:#eef4fa;color:#172b46}.setup-overlay.open{display:block;animation:setupIn .35s both}.setup-shell,.family-shell{width:min(1320px,calc(100% - 36px));margin:22px auto 50px}.setup-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;border-radius:22px;background:#102842;color:#fff}.setup-head span{color:#76e2ca;font-weight:800}.setup-head h1{margin:5px 0;font-size:28px}.setup-head p{margin:0;color:#c9d9ea}.setup-head button,.register-head button{border:0;border-radius:12px;padding:11px 16px;background:#fff;color:#17304c;font-weight:800}.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.import-steps b{padding:12px;text-align:center;border-radius:12px;background:#dfe7f1;color:#77869a}.import-steps b.active{background:#47cdb4;color:#073d35}.import-card{padding:24px;border:1px solid #dbe4ee;border-radius:22px;background:#fff;box-shadow:0 18px 45px #1c365514}.privacy-note{display:flex;gap:14px;align-items:center;padding:13px 16px;border-radius:13px;background:#eaf8f4;color:#245e55}.privacy-note span{font-size:13px}.import-source{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:15px;margin:22px 0}.upload-box,.paste-box{min-height:215px;border:2px dashed #b9c9da;border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.upload-box{cursor:pointer}.upload-box input{display:none}.upload-box span{font-size:42px}.upload-box b,.paste-box b{font-size:18px;margin:8px}.upload-box small{color:#718096}.paste-box textarea{width:100%;height:105px;border:1px solid #ced9e5;border-radius:10px;padding:10px;resize:vertical}.paste-box button{margin-top:10px;border:0;border-radius:10px;padding:9px 14px;background:#203a58;color:white}.or{text-align:center;color:#91a0b1}.mapping-area{border-top:1px solid #e1e8f0;padding-top:20px}.mapping-head{display:flex;justify-content:space-between;gap:20px}.mapping-head h2{margin:0}.mapping-head p{margin:5px 0;color:#768599}.mapping-head>span{align-self:start;padding:7px 10px;border-radius:99px;background:#edf2f7;color:#66758a}.mapping-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.map-field{padding:11px;border:1px solid #dce5ee;border-radius:12px;background:#f9fbfd}.map-field b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-field small{display:block;color:#8793a3;margin:3px 0 8px}.map-field select{width:100%;padding:8px;border:1px solid #ccd7e3;border-radius:9px;background:#fff}.import-preview{margin-top:22px}.import-preview h3{margin:0 0 10px}.preview-table-wrap{overflow:auto;border:1px solid #dce5ef;border-radius:13px}.preview-table-wrap table{width:100%;border-collapse:collapse;min-width:680px}.preview-table-wrap th,.preview-table-wrap td{padding:9px;border-bottom:1px solid #e3eaf1;text-align:left;font-size:13px}.preview-table-wrap th{background:#f1f6fa}.import-warning{padding:9px 12px;margin-bottom:8px;border-radius:10px;background:#fff2d9;color:#86601b}.setup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.soft,.confirm{border:0;border-radius:11px;padding:11px 16px;font-weight:800}.soft{background:#e6edf4;color:#3a4c62}.confirm{background:linear-gradient(135deg,#58d8bd,#5c93ef);color:#0c2b43}.confirm:disabled{background:#bac6d2;color:#eef2f6}
.register-theme{background:#07182c url('assets/maps/city-level-2.webp') center/cover fixed}.register-theme:before{content:'';position:fixed;inset:0;background:#06182bd7;backdrop-filter:blur(5px)}.register-sky{position:relative;z-index:1;width:min(1500px,calc(100% - 36px));margin:20px auto}.register-head{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border:1px solid #ffffff29;border-radius:20px;background:#0a2343d9;color:#fff}.register-head span{color:#8ef1df}.register-head h1{margin:4px 0;font-size:30px}.register-head p{margin:0;color:#cfe0f4}.register-layout{display:grid;grid-template-columns:270px 1fr;gap:16px;margin-top:16px}.student-queue,.register-main{border:1px solid #ffffff28;border-radius:22px;background:#0a2343e8;color:#fff;box-shadow:0 20px 60px #0005}.student-queue{padding:18px}.student-queue h2{margin:0 0 12px}.student-queue>div{display:grid;gap:7px;max-height:72vh;overflow:auto}.queue-student{border:1px solid #ffffff1f;border-radius:11px;padding:10px;background:#ffffff09;color:#d8e7f6;text-align:left}.queue-student.active{background:#66dcc5;color:#0c3047}.queue-student.done:after{content:' ✓';color:#ffe681}.register-main{padding:22px}.public-identity{display:flex;gap:16px;align-items:center;padding:15px;border-radius:16px;background:linear-gradient(135deg,#ffffff18,#65ddc71d)}.identity-orb{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#75ead3,#84a8ff);color:#15304a;font-size:31px;font-weight:900}.public-identity small{color:#9db2ca}.public-identity h2{font-size:27px;margin:3px 0}.public-identity p{margin:0;color:#d7e5f3}.public-identity i{display:inline-block;width:1px;height:12px;margin:0 10px;background:#ffffff40}.choice-section{margin-top:14px;padding:14px;border:1px solid #ffffff1d;border-radius:16px;background:#ffffff08}.choice-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.choice-title span{font-size:12px;color:#aabed4}.pet-picks{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.pet-pick{padding:4px;border:2px solid transparent;border-radius:11px;background:#fff}.pet-pick img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.pet-pick.active{border-color:#ffe077;box-shadow:0 0 18px #ffe07766}.two-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pill-picks{display:flex;gap:7px;flex-wrap:wrap}.pill-pick{border:1px solid #ffffff2c;border-radius:99px;padding:8px 11px;background:#ffffff0d;color:#dce9f6}.pill-pick.active{background:#71dec8;color:#153048;border-color:#71dec8}.saving-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.saving-pick{border:1px solid #ffffff29;border-radius:12px;padding:10px;background:#ffffff0b;color:white;text-align:left}.saving-pick b,.saving-pick span{display:block}.saving-pick span{margin-top:3px;font-size:11px;color:#b6c8dc}.saving-pick.active{border-color:#ffe277;background:#ffe27720}.register-actions{display:flex;justify-content:center;gap:10px;margin-top:17px}.register-actions>button{border:0;border-radius:12px;padding:12px 17px;font-weight:800}.family-theme{background:linear-gradient(150deg,#edf9f5,#edf3ff)}.family-student{display:flex;justify-content:space-between;gap:20px;margin:18px 0;padding:14px 17px;border-radius:14px;background:#fff;border:1px solid #dbe5ee}.family-student select{margin-left:8px;padding:8px;border:1px solid #ccd8e4;border-radius:9px}.family-student>span{color:#718198;font-size:13px}.family-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.family-grid article{padding:24px;border:1px solid #dce5ef;border-radius:22px;background:#fff;box-shadow:0 18px 45px #18314c12}.family-pet{text-align:center}.family-avatar{position:relative;width:250px;height:250px;margin:auto}.family-avatar img:first-child{position:absolute;inset:18%;width:64%;height:64%;object-fit:cover;border-radius:50%}.family-avatar img:last-child{position:absolute;inset:-18%;width:136%;height:136%;object-fit:contain}.family-pet button{border:0;border-radius:11px;padding:10px 15px;background:#e7f4f1;color:#197563}.family-settings{display:grid;gap:14px}.family-settings h2{margin:0}.family-settings label{display:grid;gap:6px;color:#6d7c8e}.family-settings select{padding:11px;border:1px solid #ccd8e4;border-radius:10px;background:#fff}.saving-meter{padding:15px;border-radius:15px;background:#f0f5fa}.saving-meter>div{display:flex;justify-content:space-between}.saving-meter>i{display:block;height:9px;margin-top:11px;border-radius:99px;background:#dce6ef;overflow:hidden}.saving-meter em{display:block;height:100%;background:linear-gradient(90deg,#5bd9be,#729bf3);border-radius:inherit}
.teacher-only-title{margin:4px 0 10px;padding-top:12px;border-top:1px solid #e1e8f0;color:#31506f;font-size:14px}.grade-edit{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.grade-edit label{display:grid;gap:5px}.grade-edit input{width:100%;padding:9px;border:1px solid #ccd8e4;border-radius:9px}.growth-quick-card{grid-column:1/-1}.growth-quick-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.growth-quick-head h2{margin:0!important}.growth-quick-head p{margin:4px 0 0;color:#748399;font-size:13px}.growth-quick-head>span{padding:6px 10px;border-radius:99px;background:#e5f8f3;color:#197966;font-size:12px;font-weight:800}.growth-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.growth-actions button{border:1px solid #dce5ee;border-radius:13px;padding:13px;text-align:left;background:linear-gradient(145deg,#fff,#f6f9fc);color:#213650;transition:.18s}.growth-actions button:hover{transform:translateY(-2px);border-color:#76d7c3;box-shadow:0 8px 22px #17365314}.growth-actions b,.growth-actions small{display:block}.growth-actions small{margin-top:5px;color:#748397}
@keyframes setupIn{from{opacity:0;transform:scale(.99)}to{opacity:1;transform:none}}@media(max-width:900px){.import-source,.register-layout,.family-grid{grid-template-columns:1fr}.or{display:none}.mapping-grid{grid-template-columns:repeat(2,1fr)}.pet-picks{grid-template-columns:repeat(5,1fr)}.saving-picks{grid-template-columns:repeat(2,1fr)}.student-queue{display:none}.two-choice{grid-template-columns:1fr}.setup-head,.register-head,.family-student{align-items:flex-start;flex-direction:column}.grade-edit{grid-template-columns:repeat(2,1fr)}.growth-actions{grid-template-columns:repeat(2,1fr)}}