:root{--navy:#072f63;--navy2:#0b4378;--blue:#1778e8;--teal:#18b8c1;--green:#24b277;--orange:#f39a29;--purple:#7758dd;--pink:#eb4b91;--red:#e74d60;--ink:#16324d;--muted:#74869a;--line:#e3ebf2;--bg:#f5f9fc;--card:#fff;--shadow:0 12px 34px rgba(23,55,86,.075);--shadow-sm:0 7px 20px rgba(23,55,86,.055);--radius:18px;--mobile-nav:78px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:22px;height:22px}body{overflow-x:hidden}.app-shell{min-height:100dvh}.desktop-shell{display:flex;min-height:100dvh}.sidebar{width:226px;flex:0 0 226px;background:linear-gradient(180deg,#052e62,#083d70 72%,#052c5a);color:#fff;display:flex;flex-direction:column;padding:22px 15px 16px;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:9px;padding:0 8px 20px;font-weight:800}.brand svg{width:42px;height:42px}.brand-word{font-size:24px;letter-spacing:-.04em;color:#fff}.brand-word span{color:#27c9d1}.side-menu{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px}.side-item{width:100%;min-height:42px;border:0;background:transparent;color:#d8e8f5;border-radius:11px;display:flex;align-items:center;gap:10px;padding:9px 11px;text-align:left;font-size:12px;transition:.16s}.side-item svg{width:18px;height:18px;stroke:currentColor}.side-item:hover{background:rgba(255,255,255,.08)}.side-item.active{background:linear-gradient(90deg,#12b8c4,#27cbd2);color:#fff;box-shadow:0 7px 20px rgba(21,184,196,.25)}.side-item em{margin-left:auto;background:#f04d69;color:#fff;font-style:normal;font-size:9px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center}.side-profile{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px}.side-profile b,.side-profile span{display:block}.side-profile b{font-size:11px}.side-profile span{font-size:9px;color:#bad2e4;margin-top:3px}.side-logout{margin-top:8px;border:0;background:transparent;color:#d7e7f3;display:flex;gap:9px;align-items:center;padding:10px;font-size:10px}.side-logout svg{width:18px}.side-credit{font-size:8px;color:#8fb1cc;text-align:center;margin-top:7px}.side-credit b{color:#fff}.main-column{min-width:0;flex:1}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:19px;letter-spacing:-.025em}.topbar p{margin:5px 0 0;font-size:10px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:12px;display:grid;place-items:center}.icon-button i{position:absolute;right:-2px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4d68;color:#fff;font-size:8px;font-style:normal;display:grid;place-items:center;border:2px solid #fff}.top-profile{display:flex;align-items:center;gap:8px}.top-profile b,.top-profile span{display:block}.top-profile b{font-size:11px}.top-profile span{font-size:9px;color:var(--muted);margin-top:2px}.profile-photo,.mobile-avatar,.student-thumb,.teacher-photo,.child-photo{object-fit:cover;background:#e8f0f6}.profile-photo{width:36px;height:36px;border-radius:50%}.mobile-avatar{width:34px;height:34px;border-radius:50%}.student-thumb{width:34px;height:34px;border-radius:50%;flex:0 0 34px}.teacher-photo{width:76px;height:76px;border-radius:22px;flex:0 0 76px}.child-photo{width:76px;height:76px;border-radius:50%;flex:0 0 76px}.avatar-fallback{display:grid;place-items:center;background:#eaf2f8;color:var(--navy);font-weight:800}.avatar-fallback.small{width:34px;height:34px;border-radius:50%;font-size:9px}.class-select,.select-control,.att-select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;color:var(--ink);font-size:10px;outline:none}.content{padding:20px 24px 34px;max-width:1520px;margin:0 auto}.mobile-header,.mobile-bottom,.mobile-menu-panel,.mobile-page-title{display:none}.grid{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-top{margin-top:14px}.gap-mini{margin-top:10px}.metric-card,.card,.quick-card,.child-hero,.teacher-hero,.pickup-banner,.meal-day{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius)}.metric-card{min-height:94px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-card small{font-size:9px;color:var(--muted);display:block}.metric-card b{font-size:24px;display:block;margin:6px 0 2px}.metric-card span{font-size:9px;color:var(--green)}.round-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center}.round-icon svg{width:23px;height:23px}.tone-blue{background:#eaf3ff!important;color:#1b76dd!important}.tone-green{background:#edf9df!important;color:#67b61f!important}.tone-orange{background:#fff0e1!important;color:#ee8a29!important}.tone-purple{background:#f0eaff!important;color:#7752d5!important}.tone-pink{background:#fde9f3!important;color:#df3e8b!important}.tone-teal{background:#e5f8f8!important;color:#169da5!important}.card{padding:15px;min-width:0}.card h3{margin:0 0 10px;font-size:13px}.card p{font-size:11px;color:var(--muted);line-height:1.55}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title-row h3{margin:0}.link{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:700;padding:4px}.muted-count{font-size:9px;color:var(--muted);font-weight:500}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.teacher-quick{grid-template-columns:repeat(9,minmax(0,1fr))}.parent-quick{grid-template-columns:repeat(6,minmax(0,1fr))}.quick-card{min-height:128px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink);text-align:center}.quick-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.quick-card b{font-size:10px}.quick-card small{font-size:8px;color:var(--muted);line-height:1.35}.quick-card .round-icon{width:50px;height:50px}.teacher-hero{display:flex;align-items:center;gap:14px;padding:16px}.teacher-hero small{font-size:8px;font-weight:800;color:var(--teal);letter-spacing:.08em}.teacher-hero h2{margin:3px 0;font-size:21px}.teacher-hero p{margin:0;font-size:10px;color:var(--muted)}.teacher-hero-stat{margin-left:auto;text-align:center;background:#f5f9fc;border:1px solid var(--line);border-radius:14px;padding:10px 16px}.teacher-hero-stat b{font-size:22px;display:block}.teacher-hero-stat span{font-size:8px;color:var(--muted)}.child-hero{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;padding:16px}.child-hero.compact{grid-template-columns:68px 1fr}.child-copy b,.child-copy span{display:block}.child-copy b{font-size:18px}.child-copy span{font-size:10px;color:var(--muted);margin-top:4px}.small-btn{margin-top:8px!important;padding:7px 10px!important}.kid-art{font-size:34px;display:flex;gap:0}.kid-art span+span{margin-left:-7px}.status-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-box{padding:13px 8px;text-align:center;border-radius:13px}.status-box b{display:block;font-size:20px}.status-box span{font-size:9px}.status-green{background:#eef8e8;color:#258c3d}.status-orange{background:#fff4e7;color:#df6f0e}.status-red{background:#fff0f2;color:#d94258}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f5;min-width:0}.list-row:last-child{border-bottom:0}.list-main{min-width:0;flex:1}.list-main b,.list-main span{display:block}.list-main b{font-size:10px}.list-main span{font-size:8.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row>small{font-size:8px;color:var(--muted)}.compact-list .list-row{padding:7px 0}.mini-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:700;white-space:nowrap}.pill-green{background:#eaf9ef;color:#1f9653}.pill-orange{background:#fff1e6;color:#e17619}.pill-red{background:#ffecef;color:#d84459}.pill-blue{background:#eaf3ff;color:#1776df}.pill-purple{background:#f1eaff;color:#7651d4}.donut-wrap{display:flex;align-items:center;gap:18px;min-height:160px}.donut-pos{position:relative;width:130px;height:130px;flex:0 0 130px}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--blue) 0 calc(var(--p,75)*1%),#dbeefa calc(var(--p,75)*1%) 100%)}.donut:after{content:"";position:absolute;inset:23px;background:#fff;border-radius:50%}.donut-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2}.donut-label b{font-size:25px}.donut-label span{font-size:9px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:12px;font-size:9px;flex:1}.legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;display:block}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.pink{background:var(--pink)}.event-date{width:43px;height:48px;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 43px}.event-date b{font-size:16px}.event-date span{font-size:7px;color:var(--muted)}.event-art{font-size:22px}.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.report-summary.four{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-tile{padding:12px 8px;border-radius:12px;text-align:center;background:#f5f8fb}.summary-tile span{display:block;font-size:8px;color:var(--muted)}.summary-tile b{display:block;font-size:16px;margin-top:5px}.summary-tile.green{background:#eef8ec;color:#259943}.summary-tile.purple{background:#f2edff;color:#6d50d5}.summary-tile.orange{background:#fff3e6;color:#e27412}.summary-tile.blue{background:#edf5ff;color:#1e75dc}.summary-tile.red{background:#fff0f2;color:#d94258}.completion-row{display:flex;align-items:center;gap:13px;margin-bottom:10px}.completion-row>div:first-child{min-width:92px}.completion-row b,.completion-row span{display:block}.completion-row b{font-size:20px;color:var(--blue)}.completion-row span{font-size:8px;color:var(--muted)}.progress{height:7px;background:#eaf0f5;border-radius:5px;overflow:hidden;flex:1}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:5px}.missing-line,.success-line{margin-top:10px;padding:9px 10px;border-radius:10px;font-size:8px}.missing-line{background:#fff7e8;color:#9b691e}.success-line{background:#edf9f1;color:#238c52}.note-box{padding:11px;background:#fff8dd;border:1px solid #f4e7b1;border-radius:10px;font-size:9px;margin-bottom:7px}.note-box span{float:right;color:var(--muted)}.note-box.large{font-size:11px;padding:15px;min-height:75px}.program-row{display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f5}.program-row .time{font-size:8px;color:var(--muted)}.program-row .title{font-size:9px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toolbar h2{margin:0;font-size:18px}.toolbar p{margin:4px 0 0;font-size:9px;color:var(--muted)}.btn{border:0;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.btn-primary{background:var(--blue);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-soft{background:#edf4fa;color:var(--navy)}.btn-outline{background:#fff;color:var(--blue);border:1px solid #cfe0f1}.btn-danger{background:#fff1f2;color:#c64154;border:1px solid #f2cfd5}.btn-sm{padding:6px 8px;font-size:8px}.full{width:100%}.form-stack{display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:8px;font-weight:700;color:#566c80}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px;color:var(--ink);font-size:10px;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8ec1f3;box-shadow:0 0 0 3px #eef6ff}.section-label{margin-top:4px;font-size:10px;font-weight:800;color:var(--navy);padding-bottom:6px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid #edf1f5;font-size:9px;vertical-align:middle}.table th{font-size:8px;color:var(--muted);font-weight:700;background:#fbfcfd;position:sticky;top:0}.table small{display:block;color:var(--muted);font-size:7.5px;margin-top:3px}.person-cell{display:flex;align-items:center;gap:8px;min-width:0}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.green-text{color:var(--green);font-weight:700}.red-text{color:var(--red);font-weight:700}.filterbar{display:flex;gap:10px;margin-bottom:12px}.search-box{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 10px}.search-box svg{width:18px;color:var(--muted)}.search-box input{border:0;outline:0;padding:10px 0;width:100%;font-size:10px}.activity-card{text-align:center;position:relative;padding-top:18px}.activity-date{position:absolute;top:12px;left:12px;width:46px;height:50px;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;justify-content:center}.activity-date b{font-size:17px}.activity-date span{font-size:7px;color:var(--muted)}.activity-art{font-size:35px}.activity-card p,.activity-card span{display:block;font-size:9px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gallery-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow-sm)}.gallery-art{height:110px;border-radius:12px;background:linear-gradient(135deg,#eaf8ff,#f8efff);display:grid;place-items:center;font-size:45px}.gallery-card b,.gallery-card span{display:block}.gallery-card b{font-size:10px;margin-top:9px}.gallery-card span{font-size:8px;color:var(--muted);margin-top:3px}.text-body{font-size:11px!important;line-height:1.6!important}.message-layout{align-items:start}.message-row{min-height:56px}.meal-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.meal-day{padding:13px;position:relative}.meal-day.today{border-color:#9bdfe3;box-shadow:0 0 0 3px #edfafa}.meal-date{padding-bottom:9px;border-bottom:1px solid var(--line);margin-bottom:8px}.meal-date b,.meal-date span{display:block}.meal-date b{font-size:12px}.meal-date span{font-size:8px;color:var(--muted);margin-top:3px;text-transform:capitalize}.meal-row{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #f0f3f6}.meal-row i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;flex:0 0 30px}.meal-row i svg{width:16px}.meal-row b,.meal-row span{display:block}.meal-row b{font-size:8px}.meal-row span{font-size:7.5px;color:var(--muted);line-height:1.35;margin-top:2px}.meal-edit{margin-top:6px}.class-head{display:flex;align-items:center;justify-content:space-between}.class-card h3{margin:12px 0}.class-teacher{display:flex;align-items:center;gap:8px;padding:10px;background:#f7fafc;border-radius:11px}.class-teacher small,.class-teacher b{display:block}.class-teacher small{font-size:7px;color:var(--muted)}.class-teacher b{font-size:9px;margin-top:3px}.class-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.class-stats div{background:#f6f9fc;border-radius:10px;text-align:center;padding:9px}.class-stats b,.class-stats span{display:block}.class-stats b{font-size:16px}.class-stats span{font-size:7px;color:var(--muted)}.mini-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-actions .quick-card{min-height:92px}.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finance-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.finance-kpi small,.finance-kpi b,.finance-kpi span{display:block}.finance-kpi small{font-size:8px;color:var(--muted)}.finance-kpi b{font-size:20px;margin:7px 0}.finance-kpi span{font-size:8px}.finance-kpi.blue{border-color:#cadff8}.finance-kpi.green{border-color:#ccebdc}.finance-kpi.orange{border-color:#f6ddbd}.finance-kpi.red{border-color:#f3d0d6}.finance-kpis.small .finance-kpi b{font-size:15px}.bar-chart{height:190px;display:flex;align-items:flex-end;gap:16px;padding:15px 12px 5px}.bar-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:7px}.bar-chart .bar{display:block;width:28px;min-height:8px;background:#6874e5;border-radius:7px 7px 2px 2px}.bar-chart .bar.paid{background:linear-gradient(180deg,#22b987,#45cfa2)}.bar-chart span{font-size:8px;color:var(--muted)}.finance-profile-head,.student-profile-head{display:flex;align-items:center;gap:13px}.finance-profile-head h3,.student-profile-head h3{margin:0}.finance-profile-head p,.student-profile-head p{margin:4px 0 0;font-size:9px;color:var(--muted)}.finance-profile-kpi{margin-left:auto;text-align:right}.finance-profile-kpi span,.finance-profile-kpi b{display:block}.finance-profile-kpi span{font-size:8px;color:var(--muted)}.finance-profile-kpi b{font-size:18px}.modal-tabs{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0 8px;margin-top:10px}.installments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.installment{border:1px solid var(--line);border-radius:11px;padding:9px}.installment span,.installment b,.installment small,.installment em{display:block}.installment span{font-size:8px;color:var(--muted)}.installment b{font-size:12px;margin:5px 0}.installment small{font-size:7px;color:var(--muted)}.installment em{margin-top:6px;font-size:7px;font-style:normal}.installment.paid{background:#f0fbf5;border-color:#c8ead8}.installment.overdue{background:#fff0f2;border-color:#f2cdd4}.profile-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:16px 0 12px}.profile-tabs span{font-size:9px;padding-bottom:8px}.profile-tabs .active{color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-grid>div{background:#f7fafc;border-radius:10px;padding:10px}.detail-grid span,.detail-grid b{display:block}.detail-grid span{font-size:7px;color:var(--muted)}.detail-grid b{font-size:10px;margin-top:4px}.detail-block{margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.detail-block h4{margin:0 0 8px;font-size:10px}.finance-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:8px}.finance-strip div{padding:9px;background:#f7fafc;border-radius:9px}.finance-strip span,.finance-strip b{display:block}.finance-strip span{font-size:7px;color:var(--muted)}.finance-strip b{font-size:10px}.class-report-list>div{display:grid;grid-template-columns:140px 1fr 42px;align-items:center;gap:10px;padding:9px 0}.class-report-list b,.class-report-list span{display:block}.class-report-list b{font-size:9px}.class-report-list span{font-size:7px;color:var(--muted)}.class-report-list strong{text-align:right;font-size:9px}.report-bars{height:180px}.pickup-banner{display:flex;align-items:center;justify-content:space-between;padding:18px;background:linear-gradient(135deg,#eff9ff,#f5f0ff)}.pickup-banner h2{margin:0 0 5px;font-size:18px}.pickup-banner p{margin:0;font-size:9px;color:var(--muted)}.pickup-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.process-step{padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px;min-height:92px}.step-num{width:24px;height:24px;border-radius:50%;background:#edf1f5;color:#687a8c;display:grid;place-items:center;font-size:9px;font-weight:800;margin-bottom:7px}.process-step b,.process-step span{display:block}.process-step b{font-size:9px}.process-step span{font-size:7px;color:var(--muted);margin-top:4px}.process-step.active{border-color:#98c5f3;background:#f2f8ff}.process-step.active .step-num{background:var(--blue);color:#fff}.process-step.done{border-color:#9bdfba;background:#f0fbf5}.process-step.done .step-num{background:var(--green);color:#fff}.info-list>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.info-list span{font-size:8px;color:var(--muted)}.info-list b{font-size:9px}.authorized-person{display:flex;align-items:center;gap:10px;padding:10px;background:#f7fafc;border-radius:12px}.authorized-person b,.authorized-person span,.authorized-person small{display:block}.authorized-person b{font-size:9px}.authorized-person span,.authorized-person small{font-size:7px;color:var(--muted);margin-top:3px}.center-card{text-align:center;max-width:560px;margin-left:auto;margin-right:auto}.big-icon{width:58px;height:58px;margin:0 auto 8px}.action-pair{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pill-tabs{display:flex;gap:7px;flex-wrap:wrap}.pill-tabs span{font-size:8px;background:#f2f6f9;border-radius:999px;padding:7px 10px}.parent-access-head{display:flex;align-items:center;gap:10px}.parent-access-head h3{margin:0}.parent-access-head div span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.parent-access-head>.mini-pill{margin-left:auto}.empty{padding:14px;text-align:center;color:var(--muted);font-size:9px}.settings-card{max-width:650px}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:8px;width:2px;background:#e4ebf2}.timeline-item{position:relative;padding:0 0 18px 8px}.timeline-item:before{content:"";position:absolute;left:-21px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #b9c7d4}.timeline-item.active:before{border-color:var(--blue)}.timeline-item.done:before{border-color:var(--green);background:var(--green)}.timeline-item b{font-size:9px}.timeline-item span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.modal-backdrop{position:fixed;inset:0;background:rgba(5,24,47,.45);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(620px,100%);max-height:90dvh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(3,20,40,.3);padding:18px}.modal-lg{width:min(900px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.modal-head h3{margin:0;font-size:16px}.modal-close{width:34px;height:34px;border:0;border-radius:10px;background:#edf3f7;font-size:20px}.invite-result{margin-top:12px;padding:12px;background:#f0faf6;border:1px solid #ccebdc;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.footer-credit{text-align:center;color:#8c99a6;font-size:8px;padding:24px 0 4px}.footer-credit b{color:var(--navy)}#toast-root{position:fixed;right:16px;bottom:16px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{min-width:250px;max-width:380px;padding:11px 13px;border-radius:11px;background:#12324f;color:#fff;box-shadow:0 12px 36px rgba(0,0,0,.22);font-size:10px}.toast.ok{background:#168657}.toast.err{background:#bf3f50}
/* classic login */.login-classic{min-height:100dvh;background:radial-gradient(circle at 50% 0,#e7f8fa 0,transparent 34%),linear-gradient(180deg,#f8fbfd,#eef5fa);display:grid;place-items:center;padding:18px}.login-box{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 28px;box-shadow:0 24px 70px rgba(21,55,88,.13)}.login-brand{display:flex;justify-content:center;align-items:center;gap:9px;font-size:30px;font-weight:800;letter-spacing:-.04em}.login-brand svg{width:50px;height:50px}.login-brand span{color:var(--teal)}.login-sub{text-align:center;font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:700;margin-top:4px}.login-box h1{text-align:center;margin:25px 0 6px;font-size:25px}.login-box>p{text-align:center;margin:0 0 20px;color:var(--muted);font-size:10px}.login-box .field{margin-top:11px}.phone-wrap,.pin-wrap{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.phone-wrap span{display:grid;place-items:center;padding:0 11px;background:#f5f8fb;border-right:1px solid var(--line);font-size:10px;font-weight:700}.phone-wrap input,.pin-wrap input{border:0!important;border-radius:0!important;box-shadow:none!important}.pin-wrap input{flex:1}.pin-wrap button{width:42px;border:0;background:#fff;color:var(--muted);display:grid;place-items:center}.pin-wrap button svg{width:18px}.login-submit{margin-top:14px;padding:12px}.login-help{text-align:center;margin-top:12px;font-size:8px;color:var(--muted)}.login-error{min-height:17px;margin-top:8px;font-size:9px;color:var(--red)}
@media(max-width:1300px){.teacher-quick{grid-template-columns:repeat(6,minmax(0,1fr))}.meal-week{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){body{padding-bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom))}.sidebar,.topbar{display:none}.desktop-shell{display:block;min-height:100dvh}.main-column{width:100%}.mobile-header{height:64px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.mobile-brand{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:24px;font-weight:800;letter-spacing:-.04em;color:var(--navy)}.mobile-brand svg{width:34px;height:34px}.mobile-brand>span>span{color:var(--teal)}.hamburger{display:grid}.content{padding:12px 10px 24px}.mobile-page-title{display:block;margin:2px 0 12px}.mobile-page-title h1{margin:0;font-size:20px}.mobile-page-title p{margin:4px 0 0;font-size:10px;color:var(--muted)}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:50;min-height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 26px rgba(20,50,80,.08);display:flex;align-items:flex-end;justify-content:space-around}.mobile-tab{flex:1;height:60px;border:0;background:transparent;color:#6c7e90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;position:relative}.mobile-tab svg{width:21px;height:21px}.mobile-tab.active{color:var(--blue);font-weight:700}.mobile-tab.main-home{top:-10px;flex:0 0 62px;width:62px;height:62px;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(23,120,232,.27)}.mobile-tab.main-home span{position:absolute;top:66px;color:var(--blue);white-space:nowrap}.mobile-tab.main-home svg{width:26px;height:26px}.mobile-menu-panel{position:fixed;inset:0 0 calc(var(--mobile-nav) + env(safe-area-inset-bottom)) 0;background:#fff;z-index:45;overflow:auto;padding:14px;transform:translateY(105%);transition:.18s}.mobile-menu-panel.open{transform:none}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.mobile-menu-profile{display:flex;align-items:center;gap:10px;padding:12px;background:#f5f8fb;border-radius:13px;margin:12px 0}.mobile-menu-profile b,.mobile-menu-profile span{display:block}.mobile-menu-profile b{font-size:10px}.mobile-menu-profile span{font-size:8px;color:var(--muted);margin-top:3px}.mobile-menu-list{display:flex;flex-direction:column;gap:4px}.mobile-menu-item{min-height:50px;border:0;background:#fff;border-radius:12px;display:flex;align-items:center;gap:11px;padding:8px 10px;color:var(--ink);text-align:left}.mobile-menu-item svg{width:19px;color:var(--navy)}.mobile-menu-item.active{background:#eef6ff;color:var(--blue)}.mobile-menu-item.logout{color:#c54255;background:#fff4f5}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.quick-grid,.teacher-quick,.parent-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.quick-card{min-height:106px;padding:9px 5px}.quick-card small{display:none}.quick-card b{font-size:9px}.quick-card .round-icon{width:46px;height:46px;flex-basis:46px}.teacher-hero{padding:13px}.teacher-photo{width:62px;height:62px;flex-basis:62px;border-radius:18px}.teacher-hero h2{font-size:17px}.teacher-hero-stat{padding:8px 11px}.child-hero{grid-template-columns:62px 1fr auto;padding:13px}.child-photo{width:62px;height:62px;flex-basis:62px}.child-copy b{font-size:16px}.kid-art{font-size:28px}.card{padding:13px;border-radius:16px}.meal-week{grid-template-columns:1fr}.meal-day{display:grid;grid-template-columns:85px repeat(3,1fr);gap:6px;align-items:center}.meal-date{border:0;margin:0;padding:0}.meal-row{border:0;padding:0}.meal-edit{margin:0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.installments{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-strip{grid-template-columns:repeat(2,1fr)}.finance-strip .btn{grid-column:1/-1}.pickup-process{grid-template-columns:repeat(4,minmax(94px,1fr));overflow:auto;padding-bottom:4px}.report-summary.four{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.filterbar{flex-direction:column}.modal{padding:15px}.modal-backdrop{padding:10px}.bar-chart{height:160px}.donut-wrap{justify-content:center;flex-wrap:wrap}.donut-pos{width:120px;height:120px}.donut{width:120px;height:120px}.class-report-list>div{grid-template-columns:110px 1fr 38px}.login-box{padding:25px 18px}}
@media(max-width:430px){.content{padding-left:8px;padding-right:8px}.mobile-header{padding-left:8px;padding-right:8px}.quick-grid,.teacher-quick,.parent-quick{gap:6px}.quick-card{min-height:100px}.round-icon{width:44px;height:44px}.card{padding:12px}.status-trio{gap:6px}.status-box{padding:10px 5px}.status-box b{font-size:18px}.report-summary{gap:6px}.summary-tile{padding:10px 5px}.summary-tile b{font-size:14px}.finance-kpis{gap:7px}.finance-kpi{padding:11px}.finance-kpi b{font-size:16px}.meal-day{grid-template-columns:70px 1fr;gap:7px}.meal-row{grid-column:2}.meal-edit{grid-column:2}.gallery-grid{grid-template-columns:1fr 1fr}.mobile-tab{font-size:7.5px}.teacher-hero-stat{display:none}.kid-art{font-size:23px}.child-hero{grid-template-columns:58px 1fr auto}.child-photo{width:58px;height:58px;flex-basis:58px}.student-table{min-width:720px}}@media print{.sidebar,.topbar,.mobile-header,.mobile-bottom,.mobile-menu-panel,.toolbar .btn,.footer-credit{display:none!important}.content{padding:0;max-width:none}.card,.metric-card{box-shadow:none;break-inside:avoid}.desktop-shell{display:block}}