.groups-page{padding:54px 22px 70px}.groups-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.groups-topline h1{margin:8px 0 10px;font-size:clamp(42px,5vw,62px)}.groups-intro{margin:0;max-width:620px;color:var(--muted);font-size:14px}.back-link{color:#aaa1b3;font-size:12px;transition:color .15s ease;white-space:nowrap}.back-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.group-filters{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px auto;gap:12px;align-items:end;padding:18px 0 28px;border-bottom:1px solid var(--line)}.group-filters label{display:grid;gap:6px}.group-filters label span{color:#82778d;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.group-filters input,.group-filters select{width:100%;height:40px;border:1px solid #332a3e;border-radius:7px;background:#110e16;color:#eee8f3;padding:0 11px;outline:none}.group-filters input:focus,.group-filters select:focus{border-color:#69439a;box-shadow:0 0 0 2px #8b5cf614}.clear-filter{height:40px;display:flex;align-items:center;color:#94899d;font-size:12px}.clear-filter:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.group-stage-section{padding-top:26px}.group-stage-section+.group-stage-section{padding-top:18px}.group-stage-heading{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:14px 0 13px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;cursor:pointer;text-align:left}.stage-heading-main{display:flex;align-items:baseline;gap:11px;min-width:0}.stage-code{color:var(--purple-2);font-size:11px;font-weight:900;letter-spacing:.12em}.stage-title{font-size:21px;font-weight:800;letter-spacing:-.025em}.stage-heading-right{display:flex;align-items:center;gap:14px}.stage-count{color:#756b7d;font-size:11px;white-space:nowrap}.stage-chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#83778d;font-size:16px;line-height:1;transform:rotate(0);transition:transform .18s ease,color .15s ease}.group-stage-heading:hover .stage-chevron{color:#d2b8f4}.group-stage-heading[aria-expanded=true] .stage-chevron{transform:rotate(180deg)}.group-list{overflow:hidden;max-height:0;opacity:0;border-top:0;transition:max-height .28s ease,opacity .18s ease,border-color .18s ease}.group-stage-section.is-open .group-list{max-height:5000px;opacity:1;border-top:0}.group-row{min-height:68px;display:grid;grid-template-columns:76px minmax(260px,1fr) 130px 105px 24px;gap:14px;align-items:center;border-bottom:1px solid var(--line);transition:background .15s ease}.group-row:hover{background:#8b5cf60e}.group-number{color:#ded5e7;font-size:13px;font-weight:850}.group-trainers{display:flex;gap:0;min-width:0}.group-trainers span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4bbc9;font-size:12px;min-width:0}.group-trainers span+span{margin-left:16px;padding-left:16px;border-left:1px solid #3b3343}.group-progress{color:#756b7d;font-size:11px;text-align:right}.group-status{font-size:10px;font-weight:800;text-align:right}.status-completed{color:#a7d8be}.status-live,.status-in_progress{color:#d6c3ff}.status-tiebreak_required{color:#e8c58d}.status-needs_attention{color:#e49b9b}.status-pending{color:#777080}.group-arrow{color:#776b83;font-size:15px;text-align:right;transition:transform .15s ease,color .15s ease}.group-row:hover .group-arrow{color:#d2b8f4;transform:translate(3px)}.stage-filter-empty{padding:20px 0;color:#756b7d;font-size:12px;border-bottom:1px solid var(--line)}.empty-state{padding:45px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;flex-direction:column}.empty-state strong{font-size:15px}.empty-state span{color:var(--muted);font-size:12px}@media(max-width:900px){.group-filters{grid-template-columns:1fr 1fr 1fr auto}.search-field{grid-column:1 / -1}.group-row{grid-template-columns:55px minmax(0,1fr) 20px;min-height:96px;gap:5px 10px;align-items:start;padding:10px 0}.group-trainers{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:3px;min-width:0}.group-trainers span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.group-trainers span+span{margin-left:0;padding-left:0;border-left:0}.group-progress{display:inline-block;grid-column:2;grid-row:2;text-align:left;margin-right:8px}.group-status{display:inline-block;grid-column:2;grid-row:2;text-align:left;margin-left:88px}.group-arrow{grid-column:3;grid-row:1 / span 2;align-self:center}}
