.date-picker-container{width:100%;position:relative}.date-picker-trigger{background-color:var(--color-bg-base);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.date-picker-trigger:hover{border-color:var(--color-primary)}.date-picker-trigger:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #fcd53533}.date-picker-trigger.error{border-color:var(--color-danger)}.date-picker-trigger.has-value{border-color:var(--color-primary)}.date-picker-icon{color:var(--color-text-muted);flex-shrink:0;font-size:18px}.date-picker-value{color:var(--color-text-main);flex:1;font-size:14px}.date-picker-value.placeholder{color:var(--color-text-muted)}.date-picker-clear{color:var(--color-text-muted);border-radius:50%;padding:2px;font-size:18px;transition:background-color .2s,color .2s}.date-picker-clear:hover{background-color:var(--color-bg-surface-hover);color:var(--color-text-main)}.date-picker-dropdown{background-color:var(--color-bg-surface);border:1px solid var(--border-color);z-index:1000;border-radius:12px;width:280px;padding:16px;animation:.15s ease-out datePickerFadeIn;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0003}@keyframes datePickerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.date-picker-month-year{color:var(--color-text-main);font-size:14px;font-weight:600}.date-picker-nav{color:var(--color-text-muted);cursor:pointer;border-radius:6px;padding:4px;font-size:20px;transition:background-color .2s,color .2s}.date-picker-nav:hover{background-color:var(--color-bg-surface-hover);color:var(--color-text-main)}.date-picker-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.date-picker-weekday{text-align:center;color:var(--color-text-muted);padding:4px;font-size:11px;font-weight:500}.date-picker-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-picker-day{aspect-ratio:1;color:var(--color-text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:background-color .15s,color .15s;display:flex}.date-picker-day:hover:not(.disabled):not(.empty){background-color:var(--color-bg-surface-hover)}.date-picker-day.empty{cursor:default}.date-picker-day.today{border:1px solid var(--color-primary);font-weight:600}.date-picker-day.selected{background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:600}.date-picker-day.selected:hover{background-color:var(--color-primary-hover)}.date-picker-day.disabled{color:var(--color-text-muted);opacity:.4;cursor:not-allowed}.date-picker-footer{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.date-picker-today{background-color:var(--color-bg-utility);width:100%;color:var(--color-text-main);cursor:pointer;border:none;border-radius:6px;padding:8px;font-size:13px;font-weight:500;transition:background-color .2s}.date-picker-today:hover{background-color:var(--color-bg-surface-hover)}.date-picker-month-year-clickable{cursor:pointer;border-radius:6px;padding:2px 8px;transition:background-color .2s}.date-picker-month-year-clickable:hover{background-color:var(--color-bg-surface-hover)}.date-picker-year-month-selector{gap:8px;height:220px;display:flex}.date-picker-year-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.date-picker-month-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.year-btn,.month-btn{color:var(--color-text-main);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:13px;transition:background-color .15s}.year-btn:hover,.month-btn:hover{background-color:var(--color-bg-surface-hover)}.year-btn.active,.month-btn.active{background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:600}@media (max-width:480px){.date-picker-dropdown{width:calc(100vw - 32px);max-width:280px}}