.group-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:34px 38px;border:1px solid #cfe0ff;border-radius:29px;background:linear-gradient(120deg,#eef5ff 0%,#fff 53%,#fff4f5 100%);color:#142b4d}.group-eyebrow{display:block;margin-bottom:8px;color:#94a3c7;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.group-hero h1{margin:0;font-size:clamp(2rem,3vw,2.75rem);font-weight:900;letter-spacing:-.045em}.group-hero h1 span{font-size:.75em}.group-hero p{margin:8px 0 0;color:#617990;font-size:.95rem}.group-primary{display:inline-flex;align-items:center;justify-content:center;min-height:49px;border-radius:16px;background:#f33446;color:#fff!important;padding:0 22px;font-size:.82rem;font-weight:900;text-decoration:none;box-shadow:0 12px 23px #ec34452b}.group-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.group-metrics article{display:flex;align-items:center;gap:14px;min-height:108px;padding:19px;border:1px solid #dfe7f1;border-radius:21px;background:#fff}.group-metrics article>span{display:grid;place-items:center;flex:0 0 51px;width:51px;height:51px;border-radius:16px;font-size:1.35rem;font-weight:900}.group-metrics .blue>span{background:#e1f2ff;color:#1a72b1}.group-metrics .green>span{background:#dcf8e9;color:#088658}.group-metrics .purple>span{background:#eee8ff;color:#7151b3}.group-metrics .yellow>span{background:#fff1ca;color:#bd7800}.group-metrics small,.group-metrics em{display:block;color:#7787a2;font-size:.7rem;font-style:normal;font-weight:700}.group-metrics strong{display:block;margin:2px 0;color:#152d50;font-size:1.45rem;font-weight:900}.group-filters{display:grid;grid-template-columns:minmax(245px,1fr) 175px 220px 155px 135px auto auto;align-items:end;gap:10px;margin-bottom:20px;padding:17px 19px;border:1px solid #dce5f0;border-radius:20px;background:#fff}.group-filters label>span{display:block;margin:0 0 7px 3px;color:#72829b;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.group-filters input,.group-filters select{width:100%;height:45px;border:1px solid #d7e0ec;border-radius:12px;background:#f8fafd;padding:0 12px;color:#263b58;font-size:.76rem;outline:none}.group-filters input:focus,.group-filters select:focus{border-color:#88b7e6;box-shadow:0 0 0 3px #ddecfa}.group-search>div{position:relative}.group-search i{position:absolute;top:12px;left:12px;font-style:normal}.group-search input{padding-left:39px}.group-filters button{height:45px;border:0;border-radius:12px;background:#1c2b44;color:#fff;padding:0 18px;font-size:.75rem;font-weight:900}.group-filters>a{display:flex;align-items:center;height:45px;color:#718199;font-size:.71rem;font-weight:800;text-decoration:none}.group-directory{overflow:hidden;border:1px solid #dce5f0;border-radius:23px;background:#fff}.group-directory>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 23px;border-bottom:1px solid #e7edf4}.group-directory h2{margin:0;color:#172e50;font-size:1.05rem;font-weight:900}.group-directory header p{margin:4px 0 0;color:#8090a7;font-size:.74rem}.group-directory header>span{border-radius:999px;background:#eef6ff;color:#3a6492;padding:7px 11px;font-size:.67rem;font-weight:800}.group-table-scroll{overflow:auto}.group-table{width:100%;min-width:1180px;border-collapse:collapse;color:#304666;font-size:.79rem}.group-table th{padding:14px 16px;background:#f6f8fc;color:#71819d;font-size:.64rem;font-weight:900;letter-spacing:.045em;text-align:left;text-transform:uppercase}.group-table td{padding:14px 16px;border-top:1px solid #e8edf4;vertical-align:middle}.group-table tbody tr:hover{background:#fbfcff}.group-table tr.inactive{opacity:.64;background:#fafbfc}.group-name{display:flex;align-items:center;gap:11px;min-width:175px}.group-name>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#dff2ff,#e8f8ff);color:#205288;font-size:.8rem;font-weight:900}.group-name b,.group-grade b,.group-room b{display:block;color:#142e53;font-size:.77rem;font-weight:900}.group-name small,.group-grade small,.group-room small{display:block;margin-top:3px;color:#8492a8;font-size:.63rem}.group-cycle{display:inline-block;border-radius:10px;background:#f1f5fb;padding:7px 9px;color:#395474;font-weight:800;white-space:nowrap}.group-grade{min-width:120px}.group-room{display:flex;align-items:center;gap:7px;min-width:135px}.group-room>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#fff0de}.group-shift{display:inline-block;border-radius:999px;background:#fff3d7;color:#8d630b;padding:7px 10px;font-weight:800;white-space:nowrap}.group-occupancy{min-width:130px}.group-occupancy>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.group-occupancy b{color:#1a714f;font-size:.8rem}.group-occupancy small{color:#8291a7;font-size:.6rem}.group-occupancy>span{display:block;height:6px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e8eef3}.group-occupancy>span i{display:block;height:100%;border-radius:inherit;background:#25ba7b}.group-occupancy.warning b{color:#a76a00}.group-occupancy.warning>span i{background:#f2b339}.group-occupancy.full b{color:#bf3445}.group-occupancy.full>span i{background:#eb5264}.group-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:900}.group-status i{width:7px;height:7px;border-radius:50%}.group-status.active{background:#ddf7e9;color:#08784c}.group-status.active i{background:#12ad6d}.group-status.disabled{background:#edf0f4;color:#6d7785}.group-status.disabled i{background:#8a96a6}.group-actions{display:flex;gap:6px}.group-actions a{display:inline-flex;align-items:center;justify-content:center;height:35px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#304b6d!important;padding:0 9px;font-size:.66rem;font-weight:900;text-decoration:none;white-space:nowrap}.group-actions .edit:hover{border-color:#aec4df;background:#f4f8fd}.group-actions .toggle{width:35px;padding:0;color:#9a6270!important}.group-empty{padding:58px 20px;text-align:center}.group-empty>span{font-size:2.7rem}.group-empty h3{margin:12px 0 4px;color:#173052}.group-empty p{margin:0 0 15px;color:#7b8aa1}.group-empty a{color:#e94154;font-weight:900}.group-directory>footer{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #e8edf4}.group-pagination{margin:0}
@media(max-width:1200px){.group-filters{grid-template-columns:repeat(3,1fr)}.group-search{grid-column:span 2}}
@media(max-width:1000px){.group-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.group-hero{align-items:flex-start;flex-direction:column;padding:26px 22px;border-radius:23px}.group-primary{width:100%}.group-metrics{grid-template-columns:1fr}.group-filters{grid-template-columns:1fr}.group-search{grid-column:auto}.group-filters button{width:100%}.group-directory>header{align-items:flex-start;flex-direction:column}}