.parent-report-page{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;padding-bottom:80px}.report-header{background:#1a1a2e;color:#fff;padding:16px 0;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between}.header-logo-left,.header-logo-right,.header-user{align-items:center;display:flex;justify-content:center;min-width:50px}.parent-avatar-wrap{cursor:pointer;position:relative}.parent-avatar{border:2px solid hsla(0,0%,100%,.4);border-radius:50%;height:42px;-o-object-fit:cover;object-fit:cover;transition:opacity .2s;width:42px}.parent-avatar-wrap:hover .parent-avatar{opacity:.8}.parent-avatar-placeholder{background:#fff3;cursor:pointer;font-size:1.3rem;height:42px;width:42px}.logout-badge,.parent-avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.logout-badge{background:#ff4757;border:2px solid #1a1a2e;bottom:-2px;font-size:.55rem;height:18px;position:absolute;right:-2px;width:18px}.header-logo{border-radius:8px;height:50px;-o-object-fit:contain;object-fit:contain;width:60px}.header-info{flex:1;text-align:left}.header-info h4{font-size:1.1rem}.student-selector-section{background:#fff;border-bottom:1px solid #eee;padding:10px 0}.student-row{align-items:center;display:flex;gap:12px}.avatar-switcher{display:flex;gap:8px}.mini-avatar{cursor:pointer;height:44px;opacity:.5;position:relative;transition:all .2s ease;width:44px}.mini-avatar.active{opacity:1}.mini-avatar:hover{opacity:.8}.mini-avatar img{border:2px solid #dee2e6;border-radius:50%;height:44px;-o-object-fit:cover;object-fit:cover;transition:all .2s ease;width:44px}.mini-avatar-placeholder{border:2px solid #dee2e6;border-radius:50%;color:#6c757d;font-size:1.1rem}.mini-avatar-placeholder,.single-avatar-placeholder{align-items:center;background:#e9ecef;display:flex;height:44px;justify-content:center;width:44px}.single-avatar-placeholder{border:2px solid #667eea;border-radius:50%;color:#667eea;font-size:1.2rem}.student-selector-empty{padding:8px 0}.mini-avatar.active img{border-color:#667eea;box-shadow:0 0 0 2px #667eea40}.mini-avatar.active:after{align-items:center;background:#667eea;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;content:"✓";display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.single-avatar img{border:2px solid #667eea;border-radius:50%;height:44px;-o-object-fit:cover;object-fit:cover;width:44px}.student-info-compact{flex:1}.student-name{color:#333;font-size:.95rem;font-weight:600;line-height:1.3}.student-meta{color:#6c757d;font-size:.8rem}.report-content{padding:16px 0}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sub-tabs{display:flex;gap:4px;justify-content:space-between}.sub-tab{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:20px;color:#6c757d;cursor:pointer;display:flex;flex:1;font-size:.78rem;gap:3px;justify-content:center;padding:6px 8px;transition:all .2s}.sub-tab i{font-size:.9rem}.sub-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.content-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h5{color:#333;font-size:1rem;font-weight:700;margin:0}.bottom-nav{background:#fff;bottom:0;box-shadow:0 -2px 12px #00000014;display:flex;justify-content:space-between;left:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.nav-btn{align-items:center;background:transparent;border:none;border-radius:16px;color:#6c757d;cursor:pointer;display:flex;flex:1;flex-direction:row;font-size:.68rem;gap:4px;justify-content:center;padding:8px 6px;transition:all .2s}.nav-btn i{font-size:1rem}.nav-btn.active{background:#667eea1a;color:#667eea}.nav-notif-wrap{display:inline-flex;position:relative}.nav-notif-badge,.nav-notif-wrap{align-items:center;justify-content:center}.nav-notif-badge{background:#f44336;border:1.5px solid #fff;border-radius:8px;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;min-width:16px;padding:0 3px;position:absolute;right:-7px;top:-5px}@media (min-width:992px){.report-content{margin:0 auto;max-width:900px}}