.availability-container{max-width:1000px;margin:0 auto;padding:var(--space-xl) var(--space-md);background-color:#000000;color:#ffffff;min-height:100vh}.availability-header{text-align:center;margin-bottom:var(--space-xl)}.availability-title{font-size:var(--text-3xl);color:#ffffff;margin-bottom:var(--space-sm)}.availability-subtitle{color:#cccccc;font-size:var(--text-lg)}.calendar-container{background-color:#1a1a1a;border-radius:var(--radius-lg);box-shadow:0 4px 6px rgba(0,0,0,.3);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid #333333}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.calendar-title{font-size:var(--text-xl);font-weight:600;color:#ffffff}.calendar-nav{display:flex;gap:var(--space-sm)}.calendar-nav-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#333333;color:#ffffff;transition:all var(--transition-fast)}.calendar-nav-btn:hover{background-color:#ffffff;color:#000000}.month-view{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:var(--space-sm);gap:var(--space-sm)}.weekday-header{text-align:center;font-weight:500;color:#cccccc;padding-bottom:var(--space-sm)}.calendar-day{height:120px;border:1px solid #333333;border-radius:var(--radius-sm);padding:var(--space-xs);position:relative}.calendar-day.disabled{background-color:#333333;color:#666666}.calendar-day.today{border-color:var(--primary-400)}.day-number{position:absolute;top:5px;right:5px;display:inline-block;width:24px;height:24px;text-align:center;line-height:24px}.today .day-number{background-color:var(--primary-600);color:white;border-radius:50%}.availability-status{margin-top:25px;font-size:var(--text-sm)}.availability-status.full{color:var(--error)}.availability-status.limited{color:var(--warning)}.availability-status.available{color:var(--success)}.bike-filter{margin-bottom:var(--space-xl);display:flex;gap:var(--space-md);flex-wrap:wrap}.filter-title{font-weight:500;color:var(--neutral-700);margin-right:var(--space-sm)}.filter-option{padding:var(--space-xs) var(--space-sm);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background-color:white;font-size:var(--text-sm);color:#cccccc;cursor:pointer;transition:all var(--transition-fast)}.filter-option:hover{border-color:var(--primary-400);background-color:var(--primary-50)}.filter-option.active{background-color:var(--primary-600);color:white;border-color:var(--primary-600)}.legend{display:flex;gap:var(--space-lg);margin-top:var(--space-lg);font-size:var(--text-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-xs)}.legend-color{width:16px;height:16px;border-radius:50%}.legend-available{background-color:var(--success)}.legend-limited{background-color:var(--warning)}.legend-full{background-color:var(--error)}.cta-section{text-align:center;padding:var(--space-xl) 0}.cta-text{font-size:var(--text-lg);color:var(--neutral-700);margin-bottom:var(--space-md)}.bikes-count{font-size:.8rem;margin-top:3px;font-weight:400;color:rgba(0,0,0,.6)}.calendar-day.disabled .bikes-count{display:none}@media (max-width:768px){.month-view{gap:var(--space-xs)}.calendar-day{height:80px}.availability-status{margin-top:20px;font-size:10px}.weekday-header{font-size:var(--text-xs)}}@media (max-width:576px){.calendar-container{padding:var(--space-md)}.month-view{font-size:var(--text-xs)}.calendar-day{height:60px;padding:2px}.day-number{width:20px;height:20px;line-height:20px;font-size:10px}.availability-status{margin-top:15px;font-size:8px}}