@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calendar-container{background-color:#fff;border-radius:8px;padding:16px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.calendar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.calendar-nav-button{cursor:pointer;background-color:#f9f9f9;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.calendar-nav-button:hover{background-color:#e0e0e0}.calendar-title-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.calendar-month-title{color:#434242;margin:0;font-size:18px;font-weight:600}.calendar-today-button{color:#ff8200;cursor:pointer;white-space:nowrap;background-color:#0000;border:2px solid #ff8200;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s}.calendar-today-button:hover{color:#fff;background-color:#ff8200}.calendar-day-headers{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.calendar-day-header{text-align:center;color:#666;padding:4px;font-size:11px;font-weight:600}.day-full{display:none}.day-short{display:inline}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-cell{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:60px;padding:4px;transition:all .3s;display:flex}.calendar-day-cell.empty{background-color:#0000;border:none}.calendar-day-cell.today{background-color:#fff5e6;border:2px solid #ff8200}.calendar-day-cell.clickable{cursor:pointer}.calendar-day-cell.clickable:hover{background-color:#e6f4ff;border-color:#0073c6}.calendar-day-number{color:#434242;margin-bottom:4px;font-size:11px;font-weight:600}.calendar-day-cell.today .calendar-day-number{color:#ff8200;font-weight:700}.calendar-events{flex-direction:column;flex:1;gap:2px;display:flex}.calendar-event-badge{color:#fff;text-overflow:ellipsis;white-space:nowrap;background-color:#0073c6;border-radius:2px;padding:2px 3px;font-size:8px;line-height:1.2;text-decoration:none;transition:all .3s;overflow:hidden}.calendar-event-badge:hover{background-color:#005a9e;transform:scale(1.05)}.calendar-event-more{color:#666;text-align:center;padding:2px;font-size:8px}.mobile-event-indicator{flex-direction:column;align-items:center;gap:2px;margin-top:4px;display:flex}.event-dot{background-color:#0073c6;border-radius:50%;width:8px;height:8px}.event-count{color:#0073c6;font-size:9px;font-weight:600}.day-detail-view{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.day-detail-header{margin-bottom:20px}.back-to-calendar-button{color:#434242;cursor:pointer;background-color:#f9f9f9;border:none;border-radius:6px;align-items:center;gap:4px;margin-bottom:16px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.back-to-calendar-button:hover{background-color:#e0e0e0}.day-detail-title{color:#434242;margin:0;font-size:20px;font-weight:600}.day-detail-events{flex-direction:column;gap:12px;display:flex}.day-detail-event-card{background-color:#f9f9f9;border-left:4px solid #0073c6;border-radius:8px;padding:16px;text-decoration:none;transition:all .3s;display:block}.day-detail-event-card:hover{background-color:#e6f4ff;transform:translate(4px)}.event-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.event-card-title{color:#434242;margin:0;font-size:18px;font-weight:600}.event-card-details{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.event-card-detail{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.event-card-description{color:#666;margin:0;font-size:14px;line-height:1.5}@media (min-width:640px){.calendar-container{padding:20px}.calendar-header{margin-bottom:20px}.calendar-nav-button{width:40px;height:40px}.calendar-month-title{font-size:20px}.calendar-today-button{padding:8px 16px;font-size:14px}.calendar-day-headers{gap:6px;margin-bottom:6px}.calendar-day-header{padding:6px;font-size:12px}.day-full{display:inline}.day-short{display:none}.calendar-grid{gap:6px}.calendar-day-cell{min-height:80px;padding:6px}.calendar-day-number{margin-bottom:6px;font-size:12px}.calendar-events{gap:3px}.calendar-event-badge{padding:3px 4px;font-size:9px}.calendar-event-more{font-size:9px}}@media (min-width:1024px){.calendar-container{padding:24px}.calendar-header{margin-bottom:24px}.calendar-month-title{font-size:24px}.calendar-day-header{padding:8px;font-size:14px}.calendar-grid{gap:8px}.calendar-day-cell{min-height:100px;padding:8px}.calendar-day-number{margin-bottom:8px;font-size:14px}.calendar-events{gap:4px}.calendar-event-badge{border-radius:4px;padding:4px 6px;font-size:11px}.calendar-event-more{font-size:10px}}