.calendar-component{background:#12163399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(224,227,243,.1);border-radius:24px;padding:40px;color:#fff;max-width:1300px;margin:0 auto 40px;box-shadow:0 20px 50px #0000004d}.calendar-component .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.calendar-component .calendar-header h3{font-size:2.8rem;font-weight:700;text-transform:capitalize;margin:0;color:#e0e3f3}.calendar-component .calendar-header .nav-btn{background:#e0e3f31a;border:none;color:#e0e3f3;padding:10px;border-radius:12px;cursor:pointer;transition:all .3s ease}.calendar-component .calendar-header .nav-btn:hover:not(:disabled){background:#e0e3f333;transform:scale(1.1)}.calendar-component .calendar-header .nav-btn:disabled{opacity:.3;cursor:not-allowed}.calendar-component .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px}.calendar-component .calendar-grid .day-name{text-align:center;font-weight:600;color:#e0e3f380;font-size:1.4rem;padding-bottom:15px;text-transform:uppercase;letter-spacing:1px}.calendar-component .calendar-grid .day{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.05);min-height:60px}.calendar-component .calendar-grid .day:hover{background:#e0e3f31a;border-color:#e0e3f34d}.calendar-component .calendar-grid .day.blank{background:transparent;border:none;cursor:default}.calendar-component .calendar-grid .day.today{border-color:#bd6909}.calendar-component .calendar-grid .day.today:after{content:"";position:absolute;bottom:8px;width:4px;height:4px;border-radius:50%;background:#bd6909}.calendar-component .calendar-grid .day.has-events{background:linear-gradient(135deg,#5a46c833,#5a46c866);border-color:#5a46c880}.calendar-component .calendar-grid .day.has-events .day-number{font-weight:700}.calendar-component .calendar-grid .day.selected{background:#e0e3f3;color:#121633;transform:scale(1.05);box-shadow:0 10px 20px #0003}.calendar-component .calendar-grid .day.selected .day-number{color:#121633}.calendar-component .calendar-grid .day.selected .event-count{background:#121633;color:#e0e3f3}.calendar-component .calendar-grid .day .day-number{font-size:1.8rem;font-weight:500}.calendar-component .calendar-grid .day .event-count{position:absolute;top:8px;right:8px;background:#bd6909;color:#fff;font-size:1rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}@media(max-width:768px){.calendar-component{padding:20px;margin:20px auto}.calendar-component .calendar-grid{gap:8px}.calendar-component .calendar-grid .day-name{font-size:1rem}.calendar-component .calendar-grid .day{border-radius:10px}.calendar-component .calendar-grid .day .day-number{font-size:1.4rem}.calendar-component .calendar-grid .day .event-count{width:16px;height:16px;font-size:.9rem;top:4px;right:4px}}