:root{--navy:#0B1730;--navy-mid:#14245C;--gold:#C9960C;--gold-light:#F0BE3D;--gold-pale:#FDF3D0;--red:#C0111F;--cream:#F8F5EE;--white:#fff;--grey:#6B7280;--grey-light:#F0F1F3;--green-ib:#006B3C;--blue-brit:#012169}*{box-sizing:border-box}body{font-family:'Barlow',sans-serif}.flag-bar{display:flex;height:6px}.flag-bar span{flex:1}.fb1{background:#111}.fb2{background:var(--red)}.fb3{background:var(--gold-light)}.eibp-login-required{max-width:520px;margin:60px auto;background:#fff;border-radius:16px;padding:34px;box-shadow:0 10px 30px rgba(11,23,48,.1);text-align:center}.eibp-login-button,.btn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:7px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;padding:11px 20px;text-decoration:none;cursor:pointer}.eibp-login-button,.btn-navy{background:var(--navy);color:#fff}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{background:transparent;color:var(--navy);border:2px solid rgba(11,23,48,.15)}.btn-sm{padding:7px 13px;font-size:11px}.app-shell{min-height:100vh;background:var(--cream);color:var(--navy)}.topbar{background:var(--navy);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 2px 20px rgba(0,0,0,.35)}.tb-brand{display:flex;align-items:center;gap:12px;padding:13px 0}.tb-icon{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--navy-mid),var(--blue-brit));display:flex;align-items:center;justify-content:center;border:1px solid rgba(240,190,61,.3)}.tb-icon span{font-family:'Playfair Display',serif;font-weight:900;font-size:14px;color:var(--gold-light)}.tb-brand-text h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#fff;margin:0}.tb-brand-text p{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin:0}.tb-nav{display:flex;gap:2px;flex-wrap:wrap}.tb-nav button{background:none;border:none;color:rgba(255,255,255,.65);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:16px 14px;border-bottom:3px solid transparent}.tb-nav button.active{color:var(--gold-light);border-bottom-color:var(--gold-light)}.tb-user{display:flex;align-items:center;gap:10px;color:#fff}.tb-logout{background:rgba(192,17,31,.18);border:1px solid rgba(192,17,31,.4);color:#FF9090;border-radius:6px;padding:8px 13px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.main{padding:34px 28px 70px;max-width:1240px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:26px;flex-wrap:wrap}.page-head h2{font-family:'Playfair Display',serif;font-weight:900;font-size:30px;margin:0;color:var(--navy)}.ph-sub{font-size:13px;color:var(--grey);margin-top:4px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);margin-bottom:8px}.eyebrow:before{content:'';width:22px;height:2px;background:currentColor}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main{padding:22px 16px 60px}}.card{background:#fff;border-radius:13px;border:1px solid rgba(11,23,48,.07);padding:24px;box-shadow:0 3px 16px rgba(11,23,48,.05)}.stat-card{background:#fff;border-radius:12px;padding:20px 22px;border:1px solid rgba(11,23,48,.07);border-bottom:4px solid var(--grey-light)}.stat-card.sc-navy{border-bottom-color:var(--navy)}.stat-card.sc-red{border-bottom-color:var(--red)}.stat-card.sc-gold{border-bottom-color:var(--gold)}.stat-card.sc-green{border-bottom-color:var(--green-ib)}.sc-num{font-family:'Playfair Display',serif;font-weight:900;font-size:30px;color:var(--navy);line-height:1}.sc-label{font-family:'Barlow Condensed',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--grey);margin-top:6px}.section-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.student-card{background:#fff;border:1px solid rgba(11,23,48,.08);border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;text-align:left;width:100%;cursor:pointer}.sc-avatar{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:var(--gold-pale)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap}.badge-navy{background:rgba(11,23,48,.08);color:var(--navy)}.badge-red{background:rgba(192,17,31,.1);color:var(--red)}.badge-gold{background:rgba(201,150,12,.12);color:#8a6608}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;font-family:'Barlow Condensed',sans-serif;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--grey);padding:10px 12px;border-bottom:2px solid var(--grey-light)}.data-table td{padding:11px 12px;border-bottom:1px solid var(--grey-light);color:var(--navy)}.notice{font-size:13px;color:var(--grey);line-height:1.6}.error{background:#fff2f2;border-left:4px solid var(--red);padding:14px;border-radius:8px}.msg-compose{display:flex;gap:8px;margin-top:10px}.msg-compose input{flex:1;padding:11px 15px;border:1.5px solid #D7D9DD;border-radius:22px;font-size:13.5px}.msg-compose button{background:var(--navy);color:#fff;border:none;width:42px;height:42px;border-radius:50%}.msg-bubble{max-width:72%;padding:11px 15px;border-radius:14px;font-size:13.5px;line-height:1.5;margin-bottom:10px;background:var(--grey-light)}.toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:#fff;padding:13px 22px;border-radius:9px;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:2000}
.report-item{border:1px solid rgba(11,23,48,.08);border-radius:12px;margin-bottom:14px;overflow:hidden;background:#fff}.report-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--cream);gap:12px;flex-wrap:wrap}.report-body{padding:18px 20px}.report-meta{font-size:11.5px;color:var(--grey);text-transform:uppercase;letter-spacing:.5px;font-family:'Barlow Condensed',sans-serif}.note-box{background:var(--cream);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:12px 16px;font-size:13px;color:var(--navy);line-height:1.6}.modal-overlay{position:fixed;inset:0;background:rgba(6,10,24,.55);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-box{background:#fff;border-radius:16px;max-width:680px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid var(--grey-light)}.modal-head h3{font-family:'Playfair Display',serif;font-weight:900;font-size:19px;color:var(--navy);margin:0}.modal-close{background:var(--grey-light);border:none;width:30px;height:30px;border-radius:50%;font-size:15px;color:var(--grey);cursor:pointer}.modal-body{padding:24px 26px;overflow-y:auto;flex:1}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--grey-light)}.fg{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.fg label{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--navy)}.fg input,.fg select,.fg textarea{border:2px solid rgba(11,23,48,.1);border-radius:7px;padding:10px 13px;font-size:14px;color:var(--navy);background:#fff;outline:none;width:100%}.fg textarea{resize:vertical;min-height:90px}.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.fg-row{grid-template-columns:1fr}}
.dl-block{margin-bottom:18px}.dl-block h6{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--grey);margin:0 0 8px;display:flex;align-items:center;gap:7px}.mini-table{width:100%;border-collapse:collapse;font-size:13px;margin:4px 0 8px}.mini-table th{text-align:left;font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--grey);padding:6px 10px;border-bottom:2px solid var(--grey-light)}.mini-table td{padding:8px 10px;border-bottom:1px solid var(--grey-light);color:var(--navy)}.chip-set{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--grey-light);color:var(--navy);font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:16px}.chip.warn{background:rgba(192,17,31,.1);color:var(--red)}.daily-summary{margin-bottom:14px}.dyn-row{display:grid;grid-template-columns:110px 1fr auto;gap:8px;margin-bottom:8px;align-items:center}.dyn-row.diaper-row{grid-template-columns:90px 80px 70px 1fr auto}.dyn-row.sleep-row{grid-template-columns:1fr 1fr auto}.dyn-row input[type="time"],.dyn-row input[type="text"]{padding:8px 10px;font-size:13px;border:1.5px solid #D7D9DD;border-radius:6px}.inline-check{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--grey);font-weight:700;text-transform:uppercase}.row-remove{background:var(--grey-light);border:none;color:var(--grey);width:28px;height:28px;border-radius:6px;font-weight:800;cursor:pointer}.row-add{background:none;border:1.5px dashed #D7D9DD;color:var(--grey);border-radius:7px;padding:8px 14px;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;width:100%;margin-top:2px;cursor:pointer}.check-set{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--navy)}.check-set label{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600}@media(max-width:640px){.dyn-row,.dyn-row.diaper-row,.dyn-row.sleep-row{grid-template-columns:1fr}.row-remove{width:100%}}

.tb-logo-wrap{width:46px;height:46px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,.22);flex-shrink:0}.tb-logo{width:100%;height:100%;object-fit:contain;display:block}.tb-brand-text p{max-width:360px}.portal-logo-card{display:flex;align-items:center;gap:16px}.portal-logo-card img{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:14px;padding:4px;border:1px solid rgba(11,23,48,.08)}
.legend-row{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--grey);margin-bottom:16px}.legend-row span{display:flex;align-items:center;gap:6px}.checklist-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:14px 0 16px}@media(max-width:900px){.checklist-grid{grid-template-columns:1fr}}.cl-cat h6{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 12px;border-radius:6px 6px 0 0;color:#fff;margin:0}.cl-social h6{background:var(--blue-brit)}.cl-academic h6{background:var(--red)}.cl-motor h6{background:var(--gold);color:var(--navy)}.cl-cat ul{list-style:none;border:1px solid var(--grey-light);border-top:none;border-radius:0 0 6px 6px;margin:0;padding:0}.cl-cat li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--grey-light);font-size:12.5px;color:var(--navy)}.cl-cat li:last-child{border-bottom:none}.mark{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mark-O{background:rgba(0,107,60,.12);color:var(--green-ib)}.mark-W{background:rgba(201,150,12,.15);color:#8a6608}.mark-N{background:rgba(192,17,31,.1);color:var(--red)}.mark-dash{background:var(--grey-light);color:var(--grey)}.progress-key{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:40px}.progress-key span{font-size:12px;color:var(--grey);background:var(--grey-light);border-radius:16px;padding:5px 9px}.progress-form-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.progress-section{border:1px solid rgba(11,23,48,.08);border-radius:10px;padding:14px;background:#fff}.progress-section h4{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 8px;color:var(--navy)}.seg-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--grey-light)}.seg-row:last-child{border-bottom:none}.seg-row span{font-size:12.5px;color:var(--navy)}.seg-control{display:flex;gap:4px;flex-shrink:0}.seg-opt{border:1.5px solid #D7D9DD;background:#fff;color:var(--grey);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;width:30px;height:28px;border-radius:6px;cursor:pointer}.seg-opt.sel-O.active{background:var(--green-ib);color:#fff;border-color:var(--green-ib)}.seg-opt.sel-W.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.seg-opt.sel-N.active{background:var(--red);color:#fff;border-color:var(--red)}
.report-sheet{border:1px solid rgba(11,23,48,.1);border-radius:12px;overflow:hidden;background:#fff}.rs-stripe{height:6px;background:linear-gradient(90deg,#111 0 33%,var(--red) 33% 66%,var(--gold-light) 66% 100%)}.rs-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;background:var(--navy);color:#fff;flex-wrap:wrap;gap:12px}.rs-head h4{font-family:'Playfair Display',serif;font-weight:900;font-size:18px;margin:0}.rs-head p{font-size:11.5px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:1px;margin:4px 0 0}.rs-overall{text-align:right}.rs-grade{font-family:'Playfair Display',serif;font-size:34px;font-weight:900;line-height:1}.rs-grade-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.55)}.rs-body{padding:22px 24px}.subj-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:18px}.subj-table th{text-align:left;font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--grey);padding:8px 10px;border-bottom:2px solid var(--navy)}.subj-table td{padding:9px 10px;border-bottom:1px solid var(--grey-light)}.subj-name{font-weight:700;color:var(--navy)}.grade-chip{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:14px}.grade-A{background:rgba(0,107,60,.12);color:var(--green-ib)}.grade-B{background:rgba(1,33,105,.12);color:var(--blue-brit)}.grade-C{background:rgba(201,150,12,.15);color:#8a6608}.grade-D{background:rgba(192,17,31,.1);color:var(--red)}.grade-E{background:rgba(139,0,0,.12);color:#8B0000}.grade-dash{background:var(--grey-light);color:var(--grey)}.rs-legend{font-size:11px;color:var(--grey);font-family:'Space Mono',monospace;margin-bottom:18px}.rs-footrow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rs-footrow h6{font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--grey);margin:0 0 6px}.score-wrap{overflow-x:auto}.score-table{width:100%;border-collapse:collapse;font-size:13px}.score-table th{font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--grey);padding:6px 8px;text-align:left}.score-table td{padding:6px 8px;vertical-align:middle}.score-table input{width:72px;padding:7px 8px;border:1.5px solid #D7D9DD;border-radius:6px;font-size:13px;text-align:center}.live-grade{font-weight:800;font-size:13px}@media(max-width:640px){.rs-footrow{grid-template-columns:1fr}}@media print{.topbar,.btn,.tb-nav,.no-print{display:none!important}.main{padding:0}.report-item{break-inside:avoid}.app-shell{background:#fff}}

.version-badge{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)}
.attendance-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border:1px solid rgba(11,23,48,.07);border-radius:10px;margin-bottom:10px;flex-wrap:wrap}.att-name{display:flex;align-items:center;gap:12px}.att-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.att-btn{border:1.5px solid #D7D9DD;background:#fff;color:var(--grey);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:7px 13px;border-radius:7px;cursor:pointer}.att-btn.att-present.active{background:var(--green-ib);color:#fff;border-color:var(--green-ib)}.att-btn.att-late.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.att-btn.att-absent.active{background:var(--red);color:#fff;border-color:var(--red)}.checkio-btn{border:1.5px solid #D7D9DD;background:#fff;color:var(--grey);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;padding:7px 10px;border-radius:7px;cursor:pointer}.checkio-btn.done{background:rgba(0,107,60,.1);color:var(--green-ib);border-color:rgba(0,107,60,.3)}.checkio-time{font-family:'Space Mono',monospace;font-size:11px;color:var(--navy);margin-top:4px}.att-status{display:inline-flex;padding:4px 9px;border-radius:14px;font-family:'Barlow Condensed',sans-serif;font-size:11px;text-transform:uppercase;font-weight:800}.att-present{background:rgba(0,107,60,.1);color:var(--green-ib)}.att-late{background:rgba(201,150,12,.15);color:#8a6608}.att-absent{background:rgba(192,17,31,.1);color:var(--red)}
.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.moments-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.moments-grid{grid-template-columns:1fr}}.moment-card{background:#fff;border:1px solid rgba(11,23,48,.08);border-radius:13px;overflow:hidden;transition:.2s}.moment-card:hover{box-shadow:0 8px 22px rgba(11,23,48,.1);transform:translateY(-2px)}.moment-scene{height:128px;display:flex;align-items:center;justify-content:center;position:relative}.moment-illustration{font-size:52px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}.moment-tag-label{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.88);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:12px}.moment-body{padding:14px 16px}.moment-body .mb-who{font-size:11px;color:var(--grey);margin:0 0 4px}.moment-body p{font-size:13.5px;color:var(--navy);line-height:1.5}.moment-body .mb-date{font-size:10.5px;color:var(--grey);margin-top:8px;text-transform:uppercase;letter-spacing:.5px;font-family:'Barlow Condensed',sans-serif}
.announcement-card{border:1px solid rgba(11,23,48,.08);border-radius:11px;padding:18px 20px;margin-bottom:12px;background:#fff}.announcement-card .an-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;flex-wrap:wrap}.announcement-card h5{font-family:'Playfair Display',serif;font-weight:900;font-size:16px;color:var(--navy);margin:0}.announcement-card .an-meta{font-size:11px;color:var(--grey);margin-top:4px}.cat-notice{background:var(--grey-light);color:var(--grey)}.cat-event{background:rgba(1,33,105,.1);color:var(--blue-brit)}.cat-celebration{background:rgba(0,107,60,.1);color:var(--green-ib)}.cat-urgent{background:rgba(192,17,31,.1);color:var(--red)}.event-item-card{display:flex;gap:12px;padding:16px 18px;border:1px solid rgba(11,23,48,.08);border-radius:12px;background:#fff;margin-bottom:12px}.event-date-chip{flex-shrink:0;width:54px;height:54px;border-radius:9px;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(11,23,48,.08)}.event-date-chip .edc-day{font-family:'Playfair Display',serif;font-weight:900;font-size:18px;color:var(--navy);line-height:1}.event-date-chip .edc-mon{font-size:9px;text-transform:uppercase;color:var(--grey);letter-spacing:.5px}.event-info h6{font-size:14px;font-weight:700;color:var(--navy);margin:0 0 4px}.event-info p{font-size:12.5px;color:var(--grey);margin:2px 0;line-height:1.5}
.conversation-card{background:#fff;border:1px solid rgba(11,23,48,.08);border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;text-align:left;width:100%;cursor:pointer;transition:.2s}.conversation-card:hover{box-shadow:0 8px 26px rgba(11,23,48,.1);transform:translateY(-2px);border-color:rgba(201,150,12,.3)}.conv-info{flex:1;min-width:0}.conv-info h5{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;color:var(--navy);margin:0}.conv-info p{font-size:12.5px;color:var(--navy);margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-info span{font-size:10.5px;color:var(--grey);font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.6px}.conv-arrow{font-size:16px;color:var(--grey)}.msg-thread{display:flex;flex-direction:column;gap:10px;max-height:430px;overflow-y:auto;padding:6px 4px 14px}.msg-bubble{max-width:76%;padding:11px 15px;border-radius:14px;font-size:13.5px;line-height:1.5;margin-bottom:0}.msg-bubble.mine{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:3px}.msg-bubble.theirs{align-self:flex-start;background:var(--grey-light);color:var(--navy);border-bottom-left-radius:3px}.msg-meta{font-size:10px;opacity:.6;margin-top:5px}.badge-grey{background:var(--grey-light);color:var(--grey);border:1px solid #D7D9DD}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.filter-chip{background:#fff;border:1.5px solid #D7D9DD;border-radius:20px;padding:7px 16px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.5px;color:var(--grey);cursor:pointer}.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.search-input{margin-left:auto;min-width:220px;padding:9px 14px;border:1.5px solid #D7D9DD;border-radius:20px;font-size:13px}@media(max-width:640px){.search-input{margin-left:0;width:100%}}
.data-table code{font-size:11px;white-space:pre-wrap;color:var(--grey)}
.export-card h3{font-family:'Playfair Display',serif;font-size:19px;margin:0 0 8px;color:var(--navy)}.export-card .btn{margin-top:12px}
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;line-height:1;font-family:'Barlow Condensed',sans-serif;font-weight:900}.alert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}@media(max-width:700px){.alert-grid{grid-template-columns:1fr}}.alert-card{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid rgba(11,23,48,.08);border-left:4px solid var(--blue-brit);border-radius:12px;padding:14px 16px;box-shadow:0 3px 14px rgba(11,23,48,.04);cursor:pointer}.alert-card strong{display:block;color:var(--navy);font-size:14px}.alert-card p{margin:2px 0 0;color:var(--grey);font-size:12.5px;line-height:1.4}.alert-icon{font-size:24px}.alert-go{margin-left:auto;color:var(--grey)}.alert-urgent{border-left-color:var(--red);background:#fffafa}.alert-warn{border-left-color:var(--gold);background:#fffdf5}.alert-info{border-left-color:var(--blue-brit)}
/* ===== v1.5.0 Mobile UI + Print Polish ===== */
@media(max-width:760px){
  .topbar{padding:0 14px;align-items:flex-start}.tb-brand{width:100%;padding:12px 0 8px}.tb-logo-wrap{width:42px;height:42px}.tb-brand-text h1{font-size:12px}.tb-brand-text p{font-size:8.5px;line-height:1.35}.tb-user{width:100%;justify-content:space-between;padding:0 0 8px;gap:6px;flex-wrap:wrap}.tb-user>span:first-child{font-size:12px}.tb-logout{padding:7px 10px}.tb-nav{order:5;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,.08)}.tb-nav button{white-space:nowrap;padding:12px 10px;font-size:11px}.main{padding:18px 12px 48px}.page-head{align-items:flex-start;margin-bottom:18px}.page-head h2{font-size:24px}.ph-sub{font-size:12px}.card{padding:18px;border-radius:11px}.grid{gap:12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.stat-card{padding:16px 18px}.sc-num{font-size:26px}.student-card,.conversation-card{padding:14px;gap:10px}.sc-avatar{width:44px;height:44px;font-size:21px}.alert-card{padding:12px}.modal-overlay{padding:10px;align-items:flex-start}.modal-box{max-height:94vh;margin-top:10px;border-radius:12px}.modal-head{padding:16px 18px}.modal-body{padding:18px}.modal-foot{padding:14px 18px;flex-wrap:wrap}.modal-foot .btn{flex:1;justify-content:center}.fg-row{grid-template-columns:1fr!important}.data-table,.mini-table,.subj-table,.score-table{font-size:12px}.card[style*="overflow-x:auto"],.score-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:8px 9px}.attendance-row{padding:12px;align-items:flex-start}.att-actions{width:100%;justify-content:flex-start}.att-btn,.checkio-btn{flex:1;min-width:74px}.moments-grid{grid-template-columns:1fr!important}.moment-scene{height:112px}.moment-illustration{font-size:46px}.event-item-card{padding:14px;align-items:flex-start}.event-date-chip{width:48px;height:48px}.rs-head,.rs-body{padding:16px}.rs-overall{text-align:left}.rs-grade{font-size:30px}.subj-table{min-width:640px}.score-table{min-width:620px}.msg-bubble{max-width:88%}.msg-compose input{min-width:0}.search-input{min-width:100%;}.filter-chip{padding:6px 12px}.nav-badge{min-width:16px;height:16px;font-size:9px}.export-card h3{font-size:17px}
}
@media(max-width:420px){.tb-brand-text p{display:none}.page-head h2{font-size:22px}.btn{width:100%;justify-content:center}.page-head .btn{width:100%}.section-title{align-items:flex-start;flex-direction:column}.section-title .btn{width:100%}.event-item-card{flex-direction:column}.event-date-chip{flex-direction:row;width:auto;height:auto;padding:7px 10px;gap:6px}.event-date-chip .edc-day{font-size:16px}.dyn-row,.dyn-row.diaper-row,.dyn-row.sleep-row{grid-template-columns:1fr!important}.check-set{flex-direction:column;gap:8px}.progress-section{padding:12px}.seg-row{align-items:flex-start;flex-direction:column}.seg-control{width:100%}.seg-opt{flex:1}.rs-head{flex-direction:column}.rs-overall{display:flex;align-items:flex-end;gap:10px}.conversation-card{align-items:flex-start}.conv-info p{white-space:normal}.conv-arrow{display:none}}
@media print{
  @page{margin:12mm;size:A4}.topbar,.tb-nav,.tb-user,.workspace-back,.page-head .btn,.modal-overlay,.toast,.no-print,.msg-compose,.filter-row,.alert-grid,.nav-badge,.version-badge{display:none!important}body,.app-shell{background:#fff!important;color:#000!important}.main{max-width:none!important;padding:0!important;margin:0!important}.card,.report-item,.report-sheet{box-shadow:none!important;border-color:#999!important;break-inside:avoid}.page-head{margin-bottom:12px!important}.page-head h2{font-size:22pt!important;color:#000!important}.eyebrow{color:#000!important}.report-item{margin-bottom:10px!important}.report-head{background:#f3f3f3!important;color:#000!important}.report-body{padding:12px!important}.rs-head{background:#111!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.rs-stripe{display:block!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.subj-table,.mini-table{font-size:10pt!important}.subj-table th,.mini-table th{color:#000!important;border-bottom:1px solid #000!important}.btn{display:none!important}.note-box{border-left:3px solid #000!important;background:#f7f7f7!important}.grade-chip,.mark,.badge{border:1px solid #777!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.moments-grid,.grid,.grid-2,.grid-3,.grid-4{display:block!important}.moment-card,.stat-card{margin-bottom:10px!important}.data-table{font-size:9pt!important}.data-table th,.data-table td{padding:5px!important}.print-break{page-break-before:always}}
/* ===== v1.7.0 Readability + Brand Theme Refresh ===== */
:root{
  --navy:#081A3A;
  --navy-mid:#12306A;
  --navy-soft:#EEF3FF;
  --gold:#B98405;
  --gold-light:#E7B633;
  --gold-pale:#FFF5D8;
  --red:#B5121B;
  --cream:#F7F2E8;
  --white:#FFFFFF;
  --grey:#4B5563;
  --grey-light:#F3F4F6;
  --grey-mid:#D1D5DB;
  --green-ib:#006B3C;
  --blue-brit:#012169;
}
html{font-size:16px}.app-shell{font-family:'Barlow',Arial,sans-serif;font-size:16px;line-height:1.62;background:linear-gradient(180deg,#fbfaf7 0%,var(--cream) 100%);color:var(--navy)}.app-shell p,.notice,.ph-sub{line-height:1.65}.notice{font-size:14px;color:#4B5563}.topbar{background:linear-gradient(135deg,#071632 0%,#0B214C 52%,#081A3A 100%);border-bottom:4px solid var(--gold-light);box-shadow:0 8px 30px rgba(8,26,58,.22)}.tb-logo-wrap{width:54px;height:54px;border-radius:14px;padding:4px}.tb-brand-text h1{font-size:15px;letter-spacing:1.1px}.tb-brand-text p{font-size:10.5px;color:#F8D772;letter-spacing:1.2px}.tb-nav button{font-size:13.5px;letter-spacing:.8px;padding:18px 15px;color:rgba(255,255,255,.78)}.tb-nav button:hover,.tb-nav button.active{color:#FFE7A3}.tb-nav button.active{background:rgba(255,255,255,.06);border-bottom-color:var(--gold-light)}.tb-user{font-size:14px}.tb-logout{font-size:12px;background:rgba(181,18,27,.2)}.main{max-width:1280px}.page-head{padding:4px 0}.page-head h2{font-size:34px;letter-spacing:-.3px;line-height:1.16}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:2px}.card,.stat-card,.student-card,.conversation-card,.announcement-card,.event-item-card,.moment-card{border:1px solid rgba(8,26,58,.1);box-shadow:0 8px 24px rgba(8,26,58,.07)}.card{padding:26px;border-radius:16px}.section-title{font-size:15px;letter-spacing:1.2px;color:#081A3A;margin-bottom:16px}.btn,.eibp-login-button{font-size:13.5px;letter-spacing:.8px;border-radius:10px;padding:12px 20px}.btn-sm{font-size:12px;padding:8px 14px;border-radius:8px}.btn-navy{background:#081A3A}.btn-navy:hover{background:#12306A}.btn-gold{background:linear-gradient(180deg,#F0C34A,#C99513);color:#081A3A}.btn-outline{border-color:#C7CEDA;background:#fff}.badge{font-size:11px;letter-spacing:.8px;padding:5px 11px}.stat-card{border-radius:16px;background:linear-gradient(180deg,#fff,#fbfbfc)}.sc-num{font-size:34px}.sc-label{font-size:12px;color:#4B5563}.student-card,.conversation-card{border-radius:16px}.student-card:hover,.conversation-card:hover{border-color:rgba(185,132,5,.45);box-shadow:0 14px 34px rgba(8,26,58,.12)}.sc-avatar,.ph-avatar{background:var(--gold-pale);border:1px solid rgba(185,132,5,.18)}.data-table{font-size:14.5px}.data-table th{font-size:11.5px;color:#4B5563;background:#FAFAFB}.data-table td{font-size:14.5px}.fg label{font-size:12px;letter-spacing:.9px;color:#172554}.fg input,.fg select,.fg textarea{font-size:15px;border:1.8px solid #CBD5E1;border-radius:10px;padding:12px 14px}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#12306A;box-shadow:0 0 0 3px rgba(18,48,106,.12)}.modal-box{border-radius:18px}.modal-head h3{font-size:22px}.msg-bubble{font-size:14.5px}.msg-compose input{font-size:15px}.report-head{background:#FBF6E8}.report-body{font-size:15px}.mini-table,.subj-table,.score-table{font-size:14px}.mini-table th,.subj-table th,.score-table th{font-size:11px;color:#4B5563}.note-box{font-size:14.5px;background:#FFFAEE;border-left-color:var(--gold);color:#172554}.alert-card{border-radius:14px}.alert-card strong{font-size:15px}.alert-card p{font-size:13.5px}.filter-chip{font-size:12.5px}.search-input{font-size:14.5px}.moment-body p{font-size:14.5px}.moment-body .mb-who,.moment-body .mb-date{font-size:12px}.event-info h6{font-size:15px}.event-info p{font-size:13.5px}.announcement-card h5{font-size:18px}.announcement-card .an-meta{font-size:12px}.rs-head{background:linear-gradient(135deg,#081A3A,#12306A)}.rs-head h4{font-size:21px}.rs-grade{font-size:40px}.rs-legend{font-size:12px}.grade-chip{font-size:15px}.cl-cat li,.seg-row span{font-size:13.5px}.mark{font-size:12px}.topbar *,.btn,.badge,.section-title,.eyebrow,.sc-label,.data-table th,.fg label{font-synthesis-weight:none}.app-shell strong{font-weight:700;color:#081A3A}
@media(max-width:760px){.app-shell{font-size:15.5px}.page-head h2{font-size:27px}.tb-logo-wrap{width:48px;height:48px}.tb-brand-text h1{font-size:14px}.tb-nav button{font-size:12.5px;padding:13px 12px}.card{padding:20px}.btn{font-size:13px}.data-table{font-size:13.5px}.fg input,.fg select,.fg textarea{font-size:16px}}