.calendar-grid{--cell-size:clamp(44px,10vw,56px);background:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg);border:1px solid var(--color-border)}.calendar-grid__weekdays{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid__weekday{text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:700}.calendar-grid__body{gap:var(--spacing-xs);flex-direction:column;display:flex}.calendar-grid__row{gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid__cell{min-height:var(--cell-size);padding:var(--spacing-xs);border-radius:var(--border-radius);background:var(--color-background-alt);border:1px solid var(--color-border-light);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.calendar-grid__cell--empty{visibility:hidden;background:0 0;border-color:#0000}.calendar-grid__cell--today{border-color:var(--color-primary);background:var(--color-hover-bg);box-shadow:0 0 0 2px var(--color-primary);font-weight:700}.calendar-grid__cell--today .calendar-grid__day-num{color:var(--color-primary)}.calendar-grid__cell--has-payments{cursor:pointer;background:var(--color-background);border-color:var(--color-border)}.calendar-grid__cell--has-payments .calendar-grid__day-num{color:var(--color-primary);border:2px solid var(--color-primary);background:var(--color-hover-bg);border-radius:50%;justify-content:center;align-items:center;width:1.75em;height:1.75em;font-weight:600;display:inline-flex}.calendar-grid__cell--has-payments .calendar-grid__dot{margin-top:3px}.calendar-grid__cell--selected{box-shadow:0 0 0 2px var(--color-primary);background:var(--color-hover-bg)}.calendar-grid__day-num{color:var(--color-text);font-size:.9rem;line-height:1.2}.calendar-grid__dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:2px;display:inline-block}.calendar-grid__tooltip-wrap{cursor:help;flex-direction:column;align-items:center;display:flex;position:relative}.calendar-grid__tooltip-wrap:hover .calendar-grid__tooltip,.calendar-grid__tooltip-wrap:focus-within .calendar-grid__tooltip{opacity:1;visibility:visible}.calendar-grid__tooltip{padding:var(--spacing-md);background:var(--color-background-elevated);color:var(--color-text);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);z-index:20;opacity:0;visibility:hidden;min-width:180px;max-width:min(320px,90vw);transition:opacity var(--transition-fast),visibility var(--transition-fast);gap:var(--spacing-sm);text-align:left;pointer-events:auto;flex-direction:column;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.calendar-grid__tooltip:after{content:"";border:8px solid #0000;border-top-color:var(--color-background-elevated);position:absolute;top:100%;left:50%;transform:translate(-50%)}.calendar-grid__tooltip-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);font-size:.7rem;font-weight:700}.calendar-grid__tooltip-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.calendar-grid__tooltip-list li{margin:0;padding:0}.calendar-grid__tooltip-link{color:var(--color-primary);font-size:var(--font-size-small);padding:2px 0;font-weight:500;text-decoration:none;display:block}.calendar-grid__tooltip-link:hover{text-decoration:underline}.calendar-grid__day-popover{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:30}@media (max-width:640px){.calendar-grid__day-popover{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md);-webkit-overflow-scrolling:touch;max-height:40vh;margin-top:0;position:fixed;overflow-y:auto}}.calendar-grid__day-popover-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);display:flex}.calendar-grid__day-popover-title{font-size:var(--font-size-base);color:var(--color-text);font-weight:700}.calendar-grid__day-popover-close{border-radius:var(--border-radius);background:var(--color-background-alt);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex}.calendar-grid__day-popover-close:hover{background:var(--color-border-light);color:var(--color-text)}.calendar-grid__day-popover-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.calendar-grid__day-popover-link{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-primary);border-radius:var(--border-radius);transition:background var(--transition-fast);font-weight:500;text-decoration:none;display:block}.calendar-grid__day-popover-link:hover{background:var(--color-hover-bg);text-decoration:underline}@media (max-width:640px){.calendar-grid{padding:var(--spacing-md)}.calendar-grid__cell{min-height:44px}.calendar-grid__tooltip{min-width:200px;max-width:260px}}
.calendar-page{padding:var(--spacing-lg)0 var(--spacing-xxl)}.calendar-page__header{margin-bottom:var(--spacing-lg)}.calendar-page__breadcrumb{font-size:var(--font-size-small);color:var(--color-text-light);margin-bottom:var(--spacing-sm);text-decoration:none;display:inline-block}.calendar-page__breadcrumb:hover{color:var(--color-primary)}.calendar-page__title{font-size:var(--font-size-xxl);color:var(--color-text);margin:0 0 var(--spacing-sm);font-weight:700}.calendar-page__description{font-size:var(--font-size-base);color:var(--color-text-light);margin:0 0 var(--spacing-lg);max-width:560px}.calendar-page__nav{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.calendar-page__nav-btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;font-size:var(--font-size-small);color:var(--color-primary);background:var(--color-hover-bg);transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none}.calendar-page__nav-btn:hover{background:var(--color-primary);color:#fff}.calendar-page__nav-btn--disabled{color:var(--color-text-muted);background:var(--color-background-alt);cursor:default}.calendar-page__nav-current{font-size:var(--font-size-large);color:var(--color-text);font-weight:600}.calendar-page__loading,.calendar-page__error{padding:var(--spacing-xl);text-align:center;color:var(--color-text-light)}.calendar-page__error{color:var(--color-error)}