.matchesCalendar{--calendar-ink:#202326;--calendar-muted:#697176;--calendar-line:#d9dddf;--calendar-surface:#fff;--calendar-soft:#f3f5f5;width:min(100%,1280px);color:var(--calendar-ink);border:1px solid var(--calendar-line);background:var(--calendar-surface);border-top:4px solid #8a2028;border-radius:6px;margin:clamp(34px,5vw,64px) auto;overflow:hidden}.matchesCalendarHeader{border-bottom:1px solid var(--calendar-line);justify-content:space-between;align-items:end;gap:24px;padding:22px 24px;display:flex}.matchesCalendarHeader>div:first-child{gap:5px;display:grid}.matchesCalendarHeader>div:first-child>span{color:#8a2028;text-transform:uppercase;font-size:10px;font-weight:800}.matchesCalendarHeader h2{letter-spacing:0;font-size:clamp(22px,2.5vw,30px)}.matchesCalendarNavigation{grid-template-columns:36px minmax(145px,auto) 36px auto;align-items:center;gap:6px;display:grid}.matchesCalendarNavigation>strong{text-align:center;text-transform:capitalize;padding-inline:8px;font-size:14px}.matchesCalendarNavigation button{border:1px solid var(--calendar-line);width:36px;height:36px;color:var(--calendar-ink);background:var(--calendar-surface);cursor:pointer;border-radius:4px;place-items:center;padding:0;transition:color .18s,border-color .18s,background-color .18s;display:grid}.matchesCalendarNavigation button svg{width:17px;height:17px}.matchesCalendarNavigation button:hover{color:#8a2028;background:#fcf5f6;border-color:#b77075}.matchesCalendarNavigation .calendarTodayButton{color:#7c2027;width:auto;font:inherit;padding-inline:11px;font-size:12px;font-weight:800}.matchCalendarWeekDays{border-bottom:1px solid var(--calendar-line);background:var(--calendar-soft);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.matchCalendarWeekDays span{border-right:1px solid var(--calendar-line);color:var(--calendar-muted);text-align:center;text-transform:uppercase;padding:10px 8px;font-size:10px;font-weight:800}.matchCalendarWeekDays span:last-child{border-right:0}.matchCalendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.matchCalendarDay{border-right:1px solid var(--calendar-line);border-bottom:1px solid var(--calendar-line);background:var(--calendar-surface);grid-template-rows:auto 1fr;align-content:start;gap:7px;min-width:0;min-height:116px;padding:8px;transition:background-color .18s,box-shadow .18s;display:grid;position:relative}.matchCalendarDay:nth-child(7n){border-right:0}.matchCalendarDay:nth-last-child(-n+7){border-bottom:0}.matchCalendarDay.outsideMonth{background:var(--calendar-soft);opacity:.52}.matchCalendarDay.selected{z-index:1;background:#fff8f8;box-shadow:inset 0 0 0 2px #8a2028}.matchCalendarDayNumber{width:27px;height:27px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:800;display:grid}.matchCalendarDayNumber:disabled{cursor:default}.today .matchCalendarDayNumber{color:#fff;background:#7c2027}.matchCalendarDayEvents{align-content:start;gap:4px;min-width:0;display:grid}.matchCalendarEvent{color:#274d78;width:100%;min-width:0;min-height:26px;font:inherit;text-align:left;cursor:pointer;background:#edf5ff;border:0;border-left:3px solid #2866b1;border-radius:3px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:4px 6px;display:grid;overflow:hidden}.matchCalendarEvent span,.matchCalendarEvent b{white-space:nowrap;font-size:9px}.matchCalendarEvent strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.matchCalendarEvent b{font-weight:800}.matchCalendarEvent.played{color:#17633e;background:#edf9f2;border-color:#198754}.matchCalendarEvent.cancelled{color:#8f2b24;background:#fff1ef;border-color:#ba3b31}.matchCalendarAgenda{border-top:1px solid var(--calendar-line);background:var(--calendar-soft);gap:14px;padding:20px 24px 22px;display:grid}.matchCalendarAgenda>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.matchCalendarAgenda>header>div{align-items:center;gap:10px;min-width:0;display:flex}.matchCalendarAgenda>header svg{color:#8a2028;flex:none}.matchCalendarAgenda>header span{color:var(--calendar-muted);text-transform:uppercase;font-size:9px;font-weight:800}.matchCalendarAgenda>header h3{letter-spacing:0;margin-top:2px;font-size:16px}.matchCalendarAgenda>header>strong{color:var(--calendar-muted);text-transform:uppercase;font-size:11px}.matchCalendarAgendaList{gap:7px;display:grid}.matchCalendarAgendaList article{border:1px solid var(--calendar-line);background:var(--calendar-surface);border-radius:4px;grid-template-columns:105px minmax(180px,1fr) minmax(100px,auto) auto auto;align-items:center;gap:16px;min-height:54px;padding:9px 12px;display:grid}.matchCalendarAgendaList article time,.matchCalendarAgendaList article>span{color:var(--calendar-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.matchCalendarAgendaList article time svg,.matchCalendarAgendaList article>span svg{color:#8a2028;flex:none}.matchCalendarAgendaList article>div{align-items:baseline;gap:5px;min-width:0;display:flex}.matchCalendarAgendaList article>div span{color:var(--calendar-muted);font-size:11px}.matchCalendarAgendaList article>div strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.matchCalendarAgendaList article>b{color:#245789;text-align:center;background:#edf5ff;border-radius:3px;min-width:74px;padding:5px 7px;font-size:10px}.matchCalendarAgendaList article>b.played{color:#17633e;background:#e9f7ef}.matchCalendarAgendaList article>b.cancelled{color:#9d3028;background:#fff0ee}.matchCalendarAgendaList article>button{min-height:32px;color:var(--calendar-ink);background:var(--calendar-surface);font:inherit;cursor:pointer;border:1px solid #cbd1d5;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.matchCalendarAgendaList article>button svg{width:14px;height:14px}.matchCalendarAgendaList article>button:hover{color:#8a2028;border-color:#b77075}.matchCalendarEmpty{border:1px dashed var(--calendar-line);color:var(--calendar-muted);text-align:center;padding:14px;font-size:12px}body.dark .matchesCalendar{--calendar-ink:#eff1f2;--calendar-muted:#adb3b7;--calendar-line:#444a4d;--calendar-surface:#292d30;--calendar-soft:#23272a}body.dark .matchesCalendar .matchesCalendarHeader>div:first-child>span{color:#ef9da3}body.dark .matchesCalendar .matchesCalendarNavigation button{color:#eef0f1;background:#303539}body.dark .matchesCalendar .matchesCalendarNavigation button:hover{color:#ffb7bb;background:#443033;border-color:#a85b61}body.dark .matchesCalendar .matchCalendarDay.selected{background:#3b292b;box-shadow:inset 0 0 0 2px #cf626a}.today body.dark .matchesCalendar .matchCalendarDayNumber{background:#ad3942}body.dark .matchesCalendar .matchCalendarEvent{color:#b9d9ef;background:#263944}body.dark .matchesCalendar .matchCalendarEvent.played{color:#a9ddc2;background:#243b31}body.dark .matchesCalendar .matchCalendarEvent.cancelled{color:#efb0aa;background:#442b2b}body.dark .matchesCalendar .matchCalendarAgenda>header svg,body.dark .matchesCalendar .matchCalendarAgendaList article time svg,body.dark .matchesCalendar .matchCalendarAgendaList article>span svg{color:#ef9da3}body.dark .matchesCalendar .matchCalendarAgendaList article>b{color:#b9d9ef;background:#263944}body.dark .matchesCalendar .matchCalendarAgendaList article>b.played{color:#a9ddc2;background:#243b31}body.dark .matchesCalendar .matchCalendarAgendaList article>b.cancelled{color:#efb0aa;background:#442b2b}body.dark .matchesCalendar .matchCalendarAgendaList article>button{color:#eef0f1;background:#34393d;border-color:#555c61}body.dark .matchesCalendar .matchCalendarAgendaList article>button:hover{color:#ffb7bb;border-color:#a85b61}.adminDashboard .matchesCalendar{width:100%;margin:0}@media (max-width:760px){.matchesCalendarHeader{flex-direction:column;align-items:stretch}.matchesCalendarNavigation{grid-template-columns:36px minmax(0,1fr) 36px auto}.matchCalendarDay{min-height:82px;padding:6px}.matchCalendarEvent{grid-template-columns:auto minmax(0,1fr)}.matchCalendarEvent b{display:none}.matchCalendarAgendaList article{grid-template-columns:90px minmax(0,1fr) auto;gap:10px}.matchCalendarAgendaList article>span{grid-column:2}.matchCalendarAgendaList article>b{grid-area:1/3/span 2}.matchCalendarAgendaList article>button{grid-column:1/-1}}@media (max-width:560px){.matchesCalendar{border-left:0;border-right:0;border-radius:0;margin-block:28px}.adminDashboard .matchesCalendar{border-right:1px solid var(--calendar-line);border-left:1px solid var(--calendar-line);border-radius:6px;margin:0}.matchesCalendarHeader{padding:18px 16px}.matchesCalendarNavigation{grid-template-columns:34px minmax(0,1fr) 34px}.matchesCalendarNavigation button{width:34px;height:34px}.matchesCalendarNavigation .calendarTodayButton{grid-column:1/-1;width:100%}.matchCalendarWeekDays span{padding:8px 2px;font-size:9px}.matchCalendarDay{gap:3px;min-height:61px;padding:4px}.matchCalendarDayNumber{width:24px;height:24px;font-size:10px}.matchCalendarDayEvents{flex-wrap:wrap;gap:3px;display:flex}.matchCalendarEvent{background:0 0;border:0;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;display:grid;position:relative}.matchCalendarEvent span,.matchCalendarEvent strong,.matchCalendarEvent b{display:none}.matchCalendarEvent:after{content:"";background:#2866b1;border-radius:50%;width:7px;height:7px}.matchCalendarEvent.played:after{background:#198754}.matchCalendarEvent.cancelled:after{background:#ba3b31}body.dark .matchesCalendar .matchCalendarEvent{background:0 0}body.dark .matchesCalendar .matchCalendarEvent:after{background:#5da0d7}body.dark .matchesCalendar .matchCalendarEvent.played:after{background:#59b886}body.dark .matchesCalendar .matchCalendarEvent.cancelled:after{background:#d76b63}.matchCalendarAgenda{padding:16px}.matchCalendarAgenda>header{flex-direction:column;align-items:flex-start;gap:7px}.matchCalendarAgendaList article{grid-template-columns:1fr auto;padding:11px}.matchCalendarAgendaList article time{grid-column:1}.matchCalendarAgendaList article>div{grid-area:2/1/auto/-1}.matchCalendarAgendaList article>span{grid-area:3/1}.matchCalendarAgendaList article>b{grid-area:1/2}.matchCalendarAgendaList article>button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.matchCalendarDay,.matchesCalendarNavigation button{transition:none}}