.calendar-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center}.calendar-container{padding:20px}.calendar-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:30px;max-width:420px;width:100%}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-title{margin:0;font-size:24px;font-weight:700;color:#2d3748}.calendar-nav{width:40px;height:40px;border:none;border-radius:10px;background:#f7fafc;color:#4a5568;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.calendar-nav:hover{background:#667eea;color:#fff;transform:scale(1.1)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:10px;text-align:center;font-weight:600;color:#718096;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px;font-weight:500;color:#2d3748;cursor:pointer;transition:all .2s;background:#f7fafc}.calendar-day.empty{background:transparent;cursor:default}.calendar-day:not(.empty):hover{background:#e2e8f0;transform:scale(1.1)}.calendar-day.today{background:#667eea;color:#fff;font-weight:700}.calendar-day.selected{background:#764ba2;color:#fff;transform:scale(1.1)}@media(max-width:480px){.calendar-card{padding:20px}.calendar-title{font-size:20px}.calendar-day{font-size:14px}}