.holiday-calendar { width: 100%; } .holiday-calendar .ant-picker-calendar { background: transparent; } .holiday-calendar .ant-picker-calendar-header { padding: 12px 0; } .holiday-calendar .ant-picker-calendar-date { position: relative; height: 80px; padding: 4px 8px; border: 1px solid #f0f0f0; border-radius: 6px; transition: all 0.3s; } .holiday-calendar.dark .ant-picker-calendar-date { border-color: #303030; background: #1f1f1f; } .holiday-calendar .ant-picker-calendar-date:hover { background: #f5f5f5; } .holiday-calendar.dark .ant-picker-calendar-date:hover { background: #2a2a2a; } .holiday-calendar .ant-picker-calendar-date-value { font-size: 12px; font-weight: 500; color: #262626; } .holiday-calendar.dark .ant-picker-calendar-date-value { color: #ffffff; } .holiday-calendar .ant-picker-calendar-date-content { height: 100%; overflow: hidden; } .holiday-cell { position: absolute; bottom: 2px; left: 2px; right: 2px; z-index: 1; } .holiday-cell .ant-tag { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; font-weight: 500; } .holiday-calendar .ant-picker-calendar-date-today { border-color: #1890ff; background: #e6f7ff; } .holiday-calendar.dark .ant-picker-calendar-date-today { border-color: #177ddc; background: #111b26; } .holiday-calendar .ant-picker-calendar-date-selected { border-color: #1890ff; background: #e6f7ff; } .holiday-calendar.dark .ant-picker-calendar-date-selected { border-color: #177ddc; background: #111b26; } .holiday-calendar .ant-picker-calendar-date-other { color: #bfbfbf; } .holiday-calendar.dark .ant-picker-calendar-date-other { color: #595959; } .holiday-calendar .ant-picker-calendar-date-other .ant-picker-calendar-date-value { color: #bfbfbf; } .holiday-calendar.dark .ant-picker-calendar-date-other .ant-picker-calendar-date-value { color: #595959; } .holiday-calendar .ant-picker-calendar-mini { border: 1px solid #f0f0f0; border-radius: 6px; } .holiday-calendar.dark .ant-picker-calendar-mini { border-color: #303030; background: #1f1f1f; } .holiday-calendar .ant-picker-calendar-mini .ant-picker-calendar-date { border: none; border-radius: 0; } .holiday-calendar .ant-picker-calendar-mini .ant-picker-calendar-date:hover { background: #f5f5f5; } .holiday-calendar.dark .ant-picker-calendar-mini .ant-picker-calendar-date:hover { background: #2a2a2a; } /* Modal styles */ .holiday-calendar .ant-modal-content { border-radius: 8px; } .holiday-calendar.dark .ant-modal-content { background: #1f1f1f; border: 1px solid #303030; } .holiday-calendar.dark .ant-modal-header { background: #1f1f1f; border-bottom: 1px solid #303030; } .holiday-calendar.dark .ant-modal-title { color: #ffffff; } .holiday-calendar.dark .ant-modal-close { color: #ffffff; } .holiday-calendar.dark .ant-form-item-label > label { color: #ffffff; } .holiday-calendar.dark .ant-input, .holiday-calendar.dark .ant-input-textarea { background: #2a2a2a; border-color: #434343; color: #ffffff; } .holiday-calendar.dark .ant-input:focus, .holiday-calendar.dark .ant-input-textarea:focus { border-color: #177ddc; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); } .holiday-calendar.dark .ant-select-selector { background: #2a2a2a !important; border-color: #434343 !important; color: #ffffff !important; } .holiday-calendar.dark .ant-select-focused .ant-select-selector { border-color: #177ddc !important; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2) !important; } .holiday-calendar.dark .ant-picker { background: #2a2a2a; border-color: #434343; } .holiday-calendar.dark .ant-picker-input > input { color: #ffffff; } .holiday-calendar.dark .ant-picker-focused { border-color: #177ddc; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); } /* Button styles */ .holiday-calendar .ant-btn { border-radius: 6px; font-weight: 500; } .holiday-calendar.dark .ant-btn { border-color: #434343; } .holiday-calendar.dark .ant-btn-primary { background: #177ddc; border-color: #177ddc; } .holiday-calendar.dark .ant-btn-primary:hover { background: #1890ff; border-color: #1890ff; } /* Card styles */ .holiday-calendar .ant-card { border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02); } .holiday-calendar.dark .ant-card { background: #1f1f1f; border-color: #303030; } .holiday-calendar.dark .ant-card-head { border-bottom-color: #303030; } .holiday-calendar.dark .ant-card-head-title { color: #ffffff; } /* Typography styles */ .holiday-calendar.dark .ant-typography { color: #ffffff; } .holiday-calendar.dark .ant-typography h5 { color: #ffffff; } /* Space styles */ .holiday-calendar .ant-space { gap: 8px !important; } /* Tag styles */ .holiday-calendar .ant-tag { border-radius: 4px; font-size: 10px; line-height: 1.2; padding: 1px 4px; margin: 0; border: none; font-weight: 500; } /* Responsive design */ @media (max-width: 768px) { .holiday-calendar .ant-picker-calendar-date { height: 60px; padding: 2px 4px; } .holiday-calendar .ant-picker-calendar-date-value { font-size: 11px; } .holiday-cell .ant-tag { font-size: 9px; padding: 0 2px; } }