.parent-screen{background:#eef5f2!important;align-items:flex-start!important;padding:0!important}
.parent-phone{width:min(100%,560px)!important;min-height:100vh!important;margin:0 auto!important;border:0!important;border-radius:0!important;box-shadow:0 0 36px rgba(41,83,72,.10)!important;background:#f6f8f7!important}
.parent-top{height:76px!important;padding:12px 20px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e5ece9!important;position:sticky!important;top:0!important;z-index:20!important}
.parent-brand img{width:54px!important;height:48px!important}
.parent-brand b{font-size:17px!important}
.parent-brand small{font-size:12px!important}
.parent-child-select{max-width:150px;border:1px solid #dbe7e3;border-radius:11px;padding:9px 30px 9px 11px;background:#fff;color:#285f51;font-size:13px;font-weight:850}
.parent-content{padding:20px 16px 104px!important;overflow:visible!important}
.parent-panel{display:none}
.parent-panel.active{display:block}
.parent-greeting{margin:2px 2px 18px!important}
.parent-greeting h1{font-size:25px!important;letter-spacing:-.04em;margin:0 0 6px!important}
.parent-greeting p{font-size:14px!important;color:#75827d!important;margin:0!important}
.parent-live-month{display:inline-flex;margin-top:9px;padding:5px 9px;border-radius:8px;background:#e1f4ee;color:#24745f;font-size:12px;font-weight:850}
.parent-summary{grid-template-columns:repeat(3,1fr)!important;gap:9px!important;margin-bottom:15px!important}
.parent-summary>div{min-width:0;padding:15px 8px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e0e9e6!important;text-align:center}
.parent-summary>div:nth-child(2){background:#fff8e8!important;border-color:#f3e3b4!important}
.parent-summary>div:nth-child(3){background:#eef6ff!important;border-color:#d8e8fa!important}
.parent-summary b{font-size:21px!important;color:#246c59!important}
.parent-summary span{font-size:11px!important;white-space:nowrap}
.parent-section{border:1px solid #e0e9e6!important;border-radius:18px!important;padding:17px!important;margin-bottom:13px!important;box-shadow:0 5px 16px rgba(42,75,67,.04)!important}
.parent-section-head h2{font-size:18px!important}
.parent-section-head button,.parent-section-head a{font-size:12px;color:#2a8069;background:transparent;border:0;text-decoration:none;font-weight:850}
.parent-empty{padding:25px 12px;text-align:center;color:#7c8984;font-size:14px;line-height:1.6}
.parent-live-notice{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:13px;background:#fff4f1}
.parent-live-notice i{font-style:normal;font-size:20px}
.parent-live-notice b{display:block;font-size:15px;margin-bottom:5px}
.parent-live-notice p{margin:0;color:#6d7773;font-size:13px;line-height:1.55;white-space:pre-line}
.parent-live-notice small{display:block;margin-bottom:4px;color:#75827d;font-size:11px}.parent-live-notice mark,.parent-notice-meta mark{padding:3px 6px;border-radius:6px;background:#ffe8b0;color:#805f0a;font-size:10px;font-weight:900}
.parent-message{margin-top:10px;padding:12px;border-radius:12px;background:#eef8f5;color:#285f51}
.parent-message small{display:block;color:#6b827a;font-size:11px;margin-bottom:3px}
.parent-message b{font-size:14px}
.parent-hw-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #edf1ef}
.parent-hw-row:last-child{border-bottom:0}
.parent-hw-row time{display:block;color:#87938e;font-size:11px;margin-bottom:4px}
.parent-hw-row strong{display:block;font-size:15px}
.parent-hw-row p{margin:4px 0 0;color:#76827e;font-size:12px;line-height:1.45}
.parent-status{align-self:center;padding:6px 8px;border-radius:8px;font-size:11px;font-weight:900;white-space:nowrap}
.parent-status.approved{background:#dff4ed;color:#17735e}
.parent-status.submitted{background:#e8f3ff;color:#3976ae}
.parent-status.returned{background:#fff0ee;color:#bd4c43}
.parent-status.unsubmitted{background:#f2f4f3;color:#6f7b77}
.parent-progress-card{padding:15px;border-radius:15px;background:linear-gradient(135deg,#eaf8f3,#f7fbfa)}
.parent-progress-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.parent-progress-card header b{font-size:16px}
.parent-progress-card header strong{color:#22806a;font-size:21px}
.parent-progress-track{height:9px;background:#dce9e5;border-radius:20px;overflow:hidden}
.parent-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#42b695,#66cdb0);border-radius:inherit}
.parent-progress-card p{font-size:12px;color:#698079;margin:9px 0 0}
.parent-report-mini{padding:15px;border-radius:15px;background:linear-gradient(140deg,#eef5ff,#fff);border:1px solid #dce7f4}
.parent-report-mini h3{font-size:16px;margin:3px 0 6px}
.parent-report-mini p{font-size:13px;line-height:1.5;color:#6e7a76;margin:0}
.parent-reading-mini{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center}
.parent-reading-cover{width:58px;height:72px;border-radius:9px;background:#f2e6d8;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:900;color:#8d6f55}
.parent-reading-cover img{width:100%;height:100%;object-fit:cover}
.parent-reading-mini span b{display:block;font-size:15px}
.parent-reading-mini span small{display:block;color:#78847f;font-size:11px;margin-top:5px;line-height:1.4}
.parent-reading-mini>strong{font-size:18px;color:#e06158}
.parent-point-total{padding:18px;border-radius:17px;background:linear-gradient(135deg,#e4f7f0,#fff3d6);text-align:center}
.parent-point-total small{display:block;color:#688079;margin-bottom:4px}
.parent-point-total b{font-size:31px;color:#23755f}
.parent-point-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 2px;border-bottom:1px solid #edf1ef}
.parent-point-row:last-child{border-bottom:0}
.parent-point-row span{font-size:13px}
.parent-point-row span small{display:block;color:#87928e;margin-top:3px}
.parent-point-row b{font-size:15px}
.parent-point-row b.plus{color:#218069}
.parent-point-row b.minus{color:#d05148}
.parent-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.parent-more-card{border:1px solid #e0e9e6;border-radius:15px;background:#fff;padding:17px;text-align:left;color:#2c3d38}
.parent-more-card i{display:grid;width:37px;height:37px;border-radius:11px;background:#e7f6f1;place-items:center;font-style:normal;font-size:18px;margin-bottom:11px}
.parent-more-card b{display:block;font-size:15px}
.parent-more-card small{display:block;color:#7a8682;font-size:11px;margin-top:4px;line-height:1.4}
.parent-booking{display:block;text-align:center;background:#03c75a;color:#fff!important;padding:14px;border-radius:13px;text-decoration:none;font-weight:900;margin-top:12px}
.parent-bottom{grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,560px)!important;height:75px!important;padding:7px 6px max(7px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #dde7e3!important;z-index:25!important}
.parent-bottom button{display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:6px 2px!important;font-size:11px!important;color:#84908b!important}
.parent-bottom button span{font-size:19px!important}
.parent-bottom button.active{color:#25816a!important;background:#ebf7f3!important;border-radius:11px}
.parent-panel-loading{padding:70px 20px;text-align:center;color:#73817c}
.parent-panel-error{margin:30px 16px;padding:20px;border-radius:15px;background:#fff0ee;color:#a9433d;text-align:center;line-height:1.6}
.parent-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.parent-month-nav button{width:37px;height:37px;border:1px solid #dfe8e5;background:#fff;color:#315f53;border-radius:10px;font-size:20px}
.parent-month-nav b{font-size:16px}
@media(min-width:760px){.parent-screen{padding:26px 0!important}
.parent-phone{min-height:calc(100vh - 52px)!important;border-radius:26px!important;overflow:hidden!important}
.parent-bottom{bottom:26px!important;border-radius:0 0 26px 26px!important}
.parent-content{padding-left:22px!important;padding-right:22px!important}
}
.parent-home-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.parent-home-chart{min-width:0;display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;padding:14px 11px;border:1px solid #dce9e5;border-radius:18px;background:#fff;color:inherit;text-align:left}
.parent-home-chart:nth-child(2){border-color:#dbe7f4;background:#fbfdff}
.parent-home-chart:active{transform:scale(.985)}
.parent-donut{--rate:0;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#49b99b calc(var(--rate)*1%),#e5efec 0)}
.parent-donut.attendance{background:conic-gradient(#68a9e4 calc(var(--rate)*1%),#e7eef5 0)}
.parent-donut:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#fff}
.parent-donut span{position:relative;z-index:1;text-align:center}
.parent-donut b{display:block;color:#23755f;font-size:18px;line-height:1.1}
.parent-donut.attendance b{color:#3979b5}
.parent-donut small{display:block;margin-top:2px;color:#84918c;font-size:8px}
.parent-home-charts strong{display:block;font-size:14px}
.parent-home-charts p{margin:5px 0 0;color:#76837e;font-size:10px;line-height:1.5}
.parent-attendance-list>div{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:12px 2px;border-bottom:1px solid #edf1ef}.parent-attendance-list>div:last-child{border-bottom:0}.parent-attendance-list time{font-size:13px;color:#65736e}.parent-attendance-list b{padding:5px 8px;border-radius:8px;font-size:11px}.parent-attendance-list b.present{background:#dff4ed;color:#18735e}.parent-attendance-list b.late{background:#fff3cf;color:#8b6509}.parent-attendance-list b.absent{background:#fff0ee;color:#bd4c43}.parent-attendance-list b.excused{background:#e8f3ff;color:#3976ae}.parent-attendance-list small{grid-column:1/-1;color:#7b8883;font-size:11px}.parent-notice-row{padding:15px 2px;border-bottom:1px solid #e8efec}.parent-notice-row.pinned{margin:0 -6px;padding:15px 10px;border-radius:12px;background:#fffaf0}.parent-notice-row:last-child{border-bottom:0}.parent-notice-meta{display:flex;align-items:center;gap:6px}.parent-notice-meta span{color:#55746b;font-size:11px;font-weight:800}.parent-notice-meta time{margin-left:auto;color:#87938e;font-size:11px}.parent-notice-row h2{margin:5px 0 7px;font-size:16px}.parent-notice-row p{margin:0;color:#65736e;font-size:13px;line-height:1.65;white-space:pre-line}@media(max-width:430px){.parent-home-chart{grid-template-columns:1fr;text-align:center}.parent-donut{margin:auto}.parent-home-charts p{font-size:9px}}

/* Readability and tablet layout */
.parent-content{font-size:15px}.parent-greeting h1{font-size:27px!important;line-height:1.3}.parent-greeting p{font-size:15px!important;line-height:1.55}.parent-live-month{font-size:13px}.parent-summary span{font-size:12px!important}.parent-section{padding:19px!important}.parent-section-head h2{font-size:20px!important}.parent-section-head button,.parent-section-head a{min-height:38px;padding:7px 4px;font-size:13px}.parent-live-notice small{font-size:12px}.parent-live-notice b{font-size:16px}.parent-live-notice p{font-size:14px}.parent-message small{font-size:12px}.parent-message b{font-size:15px;line-height:1.45}.parent-hw-row{padding:15px 0}.parent-hw-row time{font-size:12px}.parent-hw-row strong{font-size:16px}.parent-hw-row p{font-size:13px}.parent-status{font-size:12px}.parent-progress-card header b{font-size:17px}.parent-progress-card p{font-size:13px;line-height:1.5}.parent-report-mini h3{font-size:17px}.parent-report-mini p{font-size:14px}.parent-reading-mini span b{font-size:16px}.parent-reading-mini span small{font-size:12px;line-height:1.55}.parent-point-row span{font-size:14px}.parent-point-row span small{font-size:12px}.parent-more-card b{font-size:16px}.parent-more-card small{font-size:12px}.parent-bottom button{font-size:12px!important}.parent-bottom button span{font-size:21px!important}.parent-home-charts strong{font-size:15px}.parent-home-charts p{font-size:12px}.parent-attendance-list b,.parent-attendance-list small{font-size:12px}.parent-notice-meta span,.parent-notice-meta time{font-size:12px}.parent-notice-row h2{font-size:18px}.parent-notice-row p{font-size:14px}
@media(min-width:760px) and (max-width:1100px){.parent-screen{padding:26px 20px!important}.parent-phone{width:min(760px,calc(100vw - 40px))!important}.parent-content{padding:26px 28px 112px!important}.parent-bottom{width:min(760px,calc(100vw - 40px))!important}.parent-home-charts{gap:14px}.parent-home-chart{padding:17px 15px}.parent-section{padding:22px!important}.parent-hw-row{grid-template-columns:1fr 110px}.parent-more-grid{gap:14px}}
@media(max-width:430px){.parent-home-charts{grid-template-columns:1fr 1fr}.parent-home-chart{grid-template-columns:1fr;padding:13px 8px}.parent-donut{margin:auto;width:72px;height:72px}.parent-home-charts p{font-size:11px}}
.parent-home-section .parent-section-head h2{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.parent-home-section .parent-section-head h2:before{width:6px;height:22px;flex:0 0 auto;border-radius:999px;background:#5db89d;content:""}.parent-home-section.parent-home-homework .parent-section-head h2:before{background:#eb7b72}.parent-home-section.parent-home-notice .parent-section-head h2:before{background:#e8b94e}.parent-home-section.parent-home-reading{border-color:#cfe7df;background:linear-gradient(145deg,#fff,#f8fcfa)}.parent-home-section.parent-home-homework{border-color:#efd9d5}.parent-home-section.parent-home-notice{border-color:#ebdfbd}
.parent-home-section .parent-section-head h2:before{width:10px;height:10px}.parent-home-section.parent-home-report .parent-section-head h2:before{background:#8d7bd4}.parent-home-section.parent-home-report{border-color:#ddd6f2}
.parent-home-section{margin-bottom:9px!important}.parent-home-section .parent-section-head h2:before{width:8px;height:8px}.parent-reading-home-progress{display:flex;align-items:center;gap:10px;margin-top:13px}.parent-reading-home-progress>i{display:block;height:8px;flex:1;overflow:hidden;border-radius:999px;background:#e4efeb}.parent-reading-home-progress>i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#55b495,#7ac8ae)}.parent-reading-home-progress>small{color:#5c756d;font-size:11px;font-weight:850;white-space:nowrap}.parent-home-homework .parent-hw-row{padding:9px 0;cursor:pointer}.parent-home-homework .parent-hw-row time{margin-bottom:2px}.parent-home-homework .parent-hw-row p{margin-top:2px;line-height:1.3}.parent-home-homework .parent-hw-row-preview:focus-visible{outline:2px solid #e47c73;outline-offset:3px;border-radius:8px}.parent-home-homework .parent-hw-row-preview:hover{background:#fffafa}
.parent-scholarship-progress{margin-top:15px;padding:14px;border:1px solid #dce8e4;border-radius:15px;background:#f8fcfa}.parent-scholarship-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.parent-scholarship-progress span{color:#567069;font-size:13px;font-weight:900}.parent-scholarship-progress b{color:#2b6657;font-size:13px;text-align:right}.parent-scholarship-progress>i{display:block;height:9px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e3ece9}.parent-scholarship-progress>i em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#52b79a,#76cbb1)}.parent-scholarship-progress>small{display:block;margin-top:6px;color:#7b8883;font-size:11px;text-align:right}.parent-scholarship-progress.ready{border-color:#f0d276;background:#fffaf0}.parent-scholarship-progress.ready>i em{background:linear-gradient(90deg,#ffc84f,#f29f45,#54bd9c)}.parent-scholarship-progress.ready span,.parent-scholarship-progress.ready b{color:#946309}.parent-point-row.scholarship{margin:8px -4px;padding:13px 10px;border:1px solid #f0d276;border-radius:13px;background:#fffaf0}.parent-point-row.scholarship span>em{display:block;margin-bottom:3px;color:#996600;font-size:11px;font-style:normal;font-weight:900}

.parent-point-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.parent-point-summary-grid .parent-point-total{margin:0;padding:16px;border:1px solid #ecdcae;border-radius:15px;background:#fffaf0;text-align:left}.parent-point-summary-grid .parent-point-total.growth{border-color:#cde5dc;background:#f1faf7}.parent-point-summary-grid .parent-point-total small,.parent-point-summary-grid .parent-point-total b,.parent-point-summary-grid .parent-point-total span{display:block}.parent-point-summary-grid .parent-point-total small{color:#7a715a;font-size:11px;font-weight:850}.parent-point-summary-grid .parent-point-total b{margin:4px 0;color:#8b650c;font-size:24px}.parent-point-summary-grid .parent-point-total span{color:#817b6b;font-size:10px}.parent-point-summary-grid .parent-point-total.growth b{color:#24775f}.parent-growth-progress{margin-top:12px;padding:13px;border-radius:14px;background:#f5faf8}.parent-growth-progress>div{display:flex;justify-content:space-between;gap:10px}.parent-growth-progress span{font-size:12px;font-weight:900}.parent-growth-progress b{color:#63766f;font-size:11px}.parent-growth-progress>i{display:block;height:8px;margin-top:9px;overflow:hidden;border-radius:99px;background:#e0eae6}.parent-growth-progress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4db596,#ec7d73)}
@media(max-width:380px){.parent-point-summary-grid{grid-template-columns:1fr}.parent-point-summary-grid .parent-point-total b{font-size:21px}}