.date-picker{width:100%;display:inline-block;position:relative}.date-picker-trigger{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-family:var(--font-family);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s;display:flex}.date-picker-trigger:hover{border-color:var(--color-primary);background:var(--color-surface-alt)}.date-picker-trigger:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #f5a6231a}.date-picker-value{text-align:left;flex:1}.date-picker-trigger svg{color:var(--color-text-muted);flex-shrink:0}.date-picker-dropdown{z-index:10000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:320px;padding:1rem;animation:.2s ease-out slideInCalendar;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 8px 32px #0003}@keyframes slideInCalendar{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.date-picker-month{color:var(--color-text);text-align:center;flex:1;font-size:1rem;font-weight:600}.date-picker-nav-btn{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.date-picker-nav-btn:hover{background:var(--color-surface-alt);border-color:var(--color-primary)}.date-picker-weekdays{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.date-picker-weekday{text-align:center;color:var(--color-text-muted);padding:.5rem 0;font-size:.75rem;font-weight:600}.date-picker-days{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.date-picker-day{aspect-ratio:1;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.date-picker-day:not(.date-picker-day--empty):hover{background:var(--color-surface-alt);border-color:var(--color-primary)}.date-picker-day--empty{cursor:default;pointer-events:none;background:0 0}.date-picker-day--today{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.date-picker-day--selected{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:#fff;border-color:var(--color-primary);font-weight:600;box-shadow:0 2px 8px #f5a6234d}.date-picker-day--selected:hover{box-shadow:0 4px 12px #f5a62366}.date-picker-day:disabled{cursor:default;pointer-events:none}@media (max-width:640px){.date-picker-dropdown{min-width:90vw;max-width:320px;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}