.calendar-wrap{margin:15px 0}
.cal-month{margin-bottom:15px}
.cal-month h4{text-align:center;font-size:14px;margin-bottom:5px;color:#333}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.cal-header{font-size:11px;font-weight:700;color:#888;padding:4px 0}
.cal-day{padding:6px 2px;font-size:12px;border-radius:3px;min-height:28px;display:flex;align-items:center;justify-content:center}
.cal-day.empty{background:transparent}
.cal-day.period{background:#e53935;color:#fff}
.cal-day.danger{background:#F78015;color:#fff}
.cal-day.ovulation{background:#3592e2;color:#fff;font-weight:700}
.cal-day.safe{background:#e8f5e9;color:#333}
.calendar-legend{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#666}
.legend-item{display:flex;align-items:center;gap:4px}
.dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.dot.period{background:#e53935}
.dot.danger{background:#F78015}
.dot.ovulation{background:#3592e2}
.dot.safe{background:#e8f5e9}