:root{--green:#18a56b;--teal:#0e9f9a;--ink:#17352d;--soft:#f3fbf7}body{background:#f6faf8;color:#20332d}.navbar-brand{letter-spacing:.2px}.card{border:1px solid #e4eee9;border-radius:18px;box-shadow:0 8px 28px rgba(20,80,60,.06)}.hero{background:linear-gradient(135deg,#e9fff5,#eefcfb);border:1px solid #d8f2e8;border-radius:24px}.table-wrap{overflow:auto}.table{min-width:720px}.table th{white-space:nowrap;background:#f3f8f6}.avatar-class{width:72px;height:72px;border-radius:20px;object-fit:cover;background:#dff7ed}.role-badge{border-radius:999px;padding:.3rem .65rem;background:#e8f8f1;color:#147a53;font-size:.78rem}.stat{font-size:1.7rem;font-weight:800;color:var(--ink)}.mobile-scroll{overflow-x:auto}.btn-success{background:var(--green);border-color:var(--green)}.btn-outline-success{color:#12815a;border-color:#80cdb0}.print-only{display:none}@media(max-width:575px){.container-fluid{padding-left:12px!important;padding-right:12px!important}.card{border-radius:14px}.stat{font-size:1.35rem}.table{font-size:.88rem;min-width:650px}}@media print{nav,footer,.no-print,.btn,.alert{display:none!important}.print-only{display:block}.container-fluid{padding:0!important}.card{box-shadow:none;border:0}.table{min-width:0;font-size:11px}body{background:#fff}}
.class-cover{background:linear-gradient(135deg,#0f9f78,#20c997);color:#fff;border-radius:28px;padding:clamp(24px,5vw,52px);display:flex;align-items:center;gap:24px;box-shadow:0 18px 50px rgba(15,159,120,.18)}
.class-cover img{width:96px;height:96px;border-radius:24px;background:#fff;padding:6px;object-fit:cover;flex:0 0 auto}
@media(max-width:576px){.class-cover{border-radius:20px;padding:22px;gap:16px}.class-cover img{width:68px;height:68px;border-radius:18px}.class-cover h1{font-size:1.8rem}}