.day-cell[data-v-570dd4ea]:focus{outline:2px solid #409eff;outline-offset:2px;z-index:1}.config-card[data-v-570dd4ea],.calendar-card[data-v-570dd4ea],.legend-card[data-v-570dd4ea],.info-card[data-v-570dd4ea]{margin-bottom:20px}.card-header[data-v-570dd4ea]{font-weight:700;font-size:16px}.calendar-container[data-v-570dd4ea]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.month-calendar[data-v-570dd4ea]{border:1px solid #e4e7ed;border-radius:8px;padding:16px}.month-title[data-v-570dd4ea]{text-align:center;margin:0 0 16px;font-size:18px;font-weight:700}.calendar-grid[data-v-570dd4ea]{width:100%}.weekday-header[data-v-570dd4ea]{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:8px}.weekday[data-v-570dd4ea]{text-align:center;font-weight:700;padding:8px 4px;background-color:#f5f7fa;border-radius:4px}.days-grid[data-v-570dd4ea]{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.day-cell[data-v-570dd4ea]{min-height:60px;padding:4px;border:1px solid #e4e7ed;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s}.day-cell[data-v-570dd4ea]:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.day-number[data-v-570dd4ea]{font-weight:700;font-size:14px}.day-type[data-v-570dd4ea]{font-size:10px;margin-top:2px;text-align:center;line-height:1.2}.other-month[data-v-570dd4ea]{opacity:.3}.menstrual[data-v-570dd4ea]{background-color:#f56c6c;color:#fff}.ovulation-day[data-v-570dd4ea]{background-color:#e6a23c;color:#fff}.ovulation-period[data-v-570dd4ea]{background-color:#f0a020;color:#fff}.safe-period[data-v-570dd4ea]{background-color:#67c23a;color:#fff}.legend-container[data-v-570dd4ea]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.legend-item[data-v-570dd4ea]{display:flex;align-items:center;gap:8px}.legend-color[data-v-570dd4ea]{width:20px;height:20px;border-radius:4px}.legend-color.menstrual[data-v-570dd4ea]{background-color:#f56c6c}.legend-color.ovulation-day[data-v-570dd4ea]{background-color:#e6a23c}.legend-color.ovulation-period[data-v-570dd4ea]{background-color:#f0a020}.legend-color.safe-period[data-v-570dd4ea]{background-color:#67c23a}.info-content[data-v-570dd4ea],.info-text[data-v-570dd4ea]{margin-top:16px}.info-text h4[data-v-570dd4ea]{margin:16px 0 8px;color:#409eff}.info-text ul[data-v-570dd4ea],.info-text ol[data-v-570dd4ea]{margin:8px 0;padding-left:20px}.info-text li[data-v-570dd4ea]{margin:4px 0;line-height:1.6}@media (max-width: 768px){.calendar-container[data-v-570dd4ea]{grid-template-columns:1fr}.legend-container[data-v-570dd4ea]{flex-direction:column;align-items:center}.day-cell[data-v-570dd4ea]{min-height:50px}.day-type[data-v-570dd4ea]{font-size:8px}}