.cohort-filters{display:flex;flex-direction:row;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.filter-label{font-family:inherit;font-weight:var(--font-weight-normal);font-size:var(--font-size-base);color:#000}.filter-pills{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-pill{padding:8px 16px;border-radius:21px;border:none;background:#8a4cff24;color:var(--heicoders-purple-purple-2, #6e3cc2);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:all .2s ease;min-width:71px;text-align:center}.filter-pill:hover{background:#8a4cff40}.filter-pill.active{background:#8a4cff;color:#fff}.cohort-slot-card{background:var(--color-light-gray-card);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-sm)}.cohort-slot-header{background:#8a4cff;padding:var(--spacing-md) var(--spacing-md2);display:flex;justify-content:space-between;align-items:center;color:#fff}.cohort-slot-title{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.cohort-slot-occupancy{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.cohort-slot-body{flex-wrap:wrap;padding:24px;display:flex;gap:var(--spacing-xl);align-items:start}.cohort-slot-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.info-item{display:flex;align-items:flex-start;gap:var(--spacing-12);font-size:var(--font-size-base);color:#333}.info-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--color-secondary)}.info-content{display:flex;flex-direction:column}.info-main{font-weight:var(--font-weight-normal)}.info-sub{font-size:var(--font-size-sm);color:#666}.cohort-slot-sessions{flex:2;display:flex;gap:var(--spacing-12);overflow-x:auto;padding-bottom:var(--spacing-sm);min-width:0;flex-wrap:wrap}.session-box{border:1.5px solid #f4823f;border-radius:var(--radius-sm);background-color:var(--color-white);width:var(--size-60);height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:8px}.session-day{font-size:var(--font-size-xs);color:#f4317f;font-weight:var(--font-weight-medium);text-transform:uppercase;line-height:1}.session-date{font-size:26px;color:#f4317f;font-weight:var(--font-weight-extrabold);line-height:1;margin:2px 0}.session-month{font-size:13px;color:#f4317f;font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:1}.cohort-slot-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-12);min-width:0}.slot-recommendation{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center}.select-slot-btn{width:100%}.slot-status{font-size:var(--font-size-sm);color:#ff4c4c;font-weight:var(--font-weight-normal)}.cohort-slot-card.selected{outline:2px solid #8a4cff;outline-offset:-2px}.cohort-slot-card.full{opacity:.6}@media(max-width:768px){.cohort-slot-info,.cohort-slot-sessions{flex:1 1 0;gap:8px}.cohort-slot-sessions{justify-content:flex-end}.cohort-slot-body{gap:18px}.cohort-slot-action{flex:0 0 100%;border-top:1px solid #ccc;padding-top:var(--spacing-md)}.session-box{width:46px;padding:5px}.session-date{font-size:var(--font-size-xl);margin:0}}@media(max-width:600px){.cohort-slot-body{flex-direction:column}.cohort-slot-info,.cohort-slot-sessions{flex:0 0 auto;gap:8px}.cohort-slot-sessions{justify-content:flex-start}.cohort-slot-action{width:100%}}