.ppv2-page{min-height:100%;background:#f3f7f5;color:#15261f}.ppv2-page *{box-sizing:border-box}
.ppv2-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px 40px;color:#fff;background:linear-gradient(125deg,#123d31,#1f6c54)}
.ppv2-hero span{color:#ead08d;font-size:.75rem;font-weight:900}.ppv2-hero h1{margin:5px 0;font-size:clamp(1.45rem,3vw,2.25rem)}.ppv2-hero p{margin:0;color:#d7e7e0;font-size:.84rem}.ppv2-hero a{padding:9px 13px;border:1px solid #ffffff40;border-radius:10px;color:#fff;text-decoration:none;font-size:.76rem;font-weight:900}
.ppv2-shell{position:relative;z-index:2;display:grid;gap:10px;width:min(calc(100% - 28px),1380px);margin:-20px auto 45px}
.ppv2-children,.ppv2-student,.ppv2-filterbar,.ppv2-card,.ppv2-attention,.ppv2-state,.ppv2-summary-panel,.ppv2-report-actions{border:1px solid #dfe9e4;border-radius:15px;background:#fff;box-shadow:0 12px 34px #123d3108}
.ppv2-children,.ppv2-card,.ppv2-filterbar{padding:14px}.ppv2-section-title,.ppv2-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ppv2-section-title span{color:#1f6c54;font-size:.72rem;font-weight:900}.ppv2-section-title h2,.ppv2-card h2{margin:4px 0 0;font-size:1rem}.ppv2-section-title b,.ppv2-card>header b{color:#617169;font-size:.72rem}
.ppv2-child-list{display:flex;gap:7px;overflow:auto;margin-top:11px;padding-bottom:3px}.ppv2-child-list button{flex:0 0 auto;min-width:190px;padding:10px 12px;border:1px solid #d8e4de;border-radius:11px;background:#f7faf8;text-align:right;font:inherit;cursor:pointer}.ppv2-child-list button.is-active{border-color:#1f6c54;background:#edf8f3;box-shadow:inset -3px 0 #1f6c54}.ppv2-child-list strong,.ppv2-child-list small{display:block}.ppv2-child-list strong{font-size:.83rem}.ppv2-child-list small{margin-top:4px;color:#6b7972;font-size:.68rem}
.ppv2-student{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;padding:15px}.ppv2-student span{color:#1f6c54;font-size:.7rem;font-weight:900}.ppv2-student h2{margin:4px 0;font-size:1.08rem}.ppv2-student p{margin:0;color:#68766f;font-size:.75rem}.ppv2-student-meta{text-align:left}.ppv2-student-meta small,.ppv2-student-meta strong{display:block}.ppv2-student-meta small{color:#78847e;font-size:.65rem}.ppv2-student-meta strong{margin-top:4px;font-size:.8rem}
.ppv2-filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:10px}.ppv2-filterbar label{display:block;margin-bottom:6px;color:#617169;font-size:.68rem;font-weight:900}.ppv2-segmented{display:flex;gap:5px;overflow:auto}.ppv2-segmented button{flex:0 0 auto;min-height:32px;padding:6px 10px;border:0;border-radius:8px;background:#edf3f0;font:inherit;font-size:.69rem;font-weight:900;cursor:pointer}.ppv2-segmented button.is-active{color:#fff;background:#1f6c54}
.ppv2-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.ppv2-metrics article{padding:13px;border:1px solid #dfe9e4;border-radius:13px;background:#fff}.ppv2-metrics small,.ppv2-metrics strong{display:block}.ppv2-metrics small{color:#68766f;font-size:.68rem}.ppv2-metrics strong{margin-top:6px;color:#123d31;font-size:1.05rem}
.ppv2-attention{margin-top:10px;padding:14px;border-color:#ead9a8;background:#fffaf0}.ppv2-attention span{color:#8a6a19;font-size:.68rem;font-weight:900}.ppv2-attention h3{margin:5px 0;font-size:.9rem}.ppv2-attention p{margin:0;color:#725f34;font-size:.73rem}
.ppv2-card{margin-top:10px}.ppv2-records{display:grid;gap:7px;margin-top:10px}.ppv2-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #e2e9e5;border-radius:11px;background:#f9fbfa}.ppv2-record-main span{color:#78847e;font-size:.64rem}.ppv2-record-main h3{margin:4px 0;font-size:.82rem}.ppv2-record-main p{margin:0;color:#617169;font-size:.7rem}.ppv2-record-badges{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.ppv2-badge{padding:5px 7px;border-radius:999px;font-size:.65rem;font-weight:900}.ppv2-badge.is-success{color:#176044;background:#dff2e9}.ppv2-badge.is-danger{color:#9d302d;background:#fde8e7}.ppv2-badge.is-warning{color:#7a5b14;background:#fff0c9}.ppv2-badge.is-info{color:#235f7a;background:#e2f1f8}
.ppv2-empty,.ppv2-state{padding:35px 16px;color:#6c7973;text-align:center}.ppv2-state h2,.ppv2-state p{margin:0}.ppv2-state p{margin-top:6px;font-size:.78rem}.ppv2-loading{display:grid;gap:8px}.ppv2-loading span{height:86px;border-radius:14px;background:linear-gradient(90deg,#e8efeb,#f9fbfa,#e8efeb);background-size:200% 100%;animation:ppv2load 1.2s infinite}@keyframes ppv2load{to{background-position:-200% 0}}
.ppv2-report-actions{display:flex;justify-content:flex-end;margin-top:10px;padding:10px}.ppv2-report-actions button{padding:8px 13px;border:0;border-radius:9px;color:#fff;background:#1f6c54;font:inherit;font-size:.74rem;font-weight:900;cursor:pointer}.ppv2-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.ppv2-summary-panel{padding:13px}.ppv2-summary-panel h3{margin:0 0 8px;font-size:.85rem}.ppv2-summary-panel>div{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid #edf1ef;font-size:.7rem}
@media(max-width:900px){.ppv2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ppv2-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ppv2-hero{align-items:flex-start;flex-direction:column;padding:17px 12px 32px}.ppv2-shell{width:calc(100% - 16px);margin-top:-12px}.ppv2-filterbar{grid-template-columns:1fr}.ppv2-student{align-items:flex-start;flex-direction:column}.ppv2-student-meta{text-align:right}.ppv2-record{align-items:flex-start;flex-direction:column}.ppv2-record-badges{justify-content:flex-start}.ppv2-report-grid{grid-template-columns:1fr}}
@media print{.app-sidebar,.ppv2-hero a,.ppv2-filterbar,.ppv2-report-actions{display:none!important}.ppv2-shell{width:100%;margin:0}.ppv2-page{background:#fff}}