.date-picker{position:relative}.date-picker[data-open=true],.date-picker:focus-within{z-index:1000!important}.date-picker-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.date-picker-trigger:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px #1565c033}.date-picker-value{min-width:0;color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.date-picker-value.is-placeholder{color:var(--text-muted)}.date-picker-icon{width:20px;height:20px;color:var(--blue);opacity:.85;flex-shrink:0}.date-picker-popover{box-sizing:border-box;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#fffffff2;border:1.5px solid #fffffff2;border-radius:20px;width:260px;max-width:calc(100vw - 24px);padding:12px;animation:.18s cubic-bezier(.22,1,.36,1) date-picker-in;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px -4px #0b1d3a24,0 4px 12px #0b1d3a0f,inset 0 1.5px 2px #fff;z-index:1001!important}.date-picker-popover--up{top:auto;bottom:calc(100% + 6px)}.date-picker-popover[hidden]{display:none}@keyframes date-picker-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.date-picker-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;padding:0 2px;display:flex}.date-picker-month-label{font-family:var(--font-display,inherit);color:var(--navy,#0b1d3a);letter-spacing:-.01em;cursor:default;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:2px 4px;font-size:.9375rem;font-weight:600}.date-picker-nav{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s,transform .12s;display:flex}.date-picker-nav:hover{color:var(--navy,#0b1d3a);background:#e2e8f0;border-color:#cbd5e1}.date-picker-nav:active{transform:scale(.92)}.date-picker-nav svg{width:11px;height:11px}.date-picker-weekdays{grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:2px;display:grid}.date-picker-weekday{color:#94a3b8;text-align:center;letter-spacing:.04em;padding:2px 0;font-size:.65rem;font-weight:700}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.date-picker-day{aspect-ratio:1;width:100%;max-width:32px;min-height:28px;font-family:var(--font-body,inherit);color:var(--text-dark,#0f172a);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;margin:0 auto;font-size:.8125rem;font-weight:500;transition:background .12s,color .12s,transform .1s;display:flex}.date-picker-day:hover:not(:disabled){color:var(--navy,#0b1d3a);background:#f1f5f9}.date-picker-day:active:not(:disabled){transform:scale(.92)}.date-picker-day.is-other-month{color:#94a3b873}.date-picker-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1.5px var(--navy,#0b1d3a);color:var(--navy,#0b1d3a);font-weight:700}.date-picker-day.is-selected{background:var(--navy,#0b1d3a);color:#fff;font-weight:700;box-shadow:0 2px 6px #0b1d3a59}.date-picker-day:disabled{color:#94a3b84d;cursor:not-allowed}.date-picker-footer{border-top:1px solid #0b1d3a0f;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;display:flex}.date-picker-footer button{font-family:var(--font-body,inherit);color:var(--navy,#0b1d3a);cursor:pointer;background:0 0;border:none;border-radius:9999px;min-height:30px;padding:4px 12px;font-size:.8125rem;font-weight:600;transition:background .15s}.date-picker-footer button[data-action=today]{background:var(--navy,#0b1d3a);color:#fff}.date-picker-footer button[data-action=today]:hover{background:var(--navy-mid,#162d52)}.date-picker-footer button[data-action=clear]{color:#64748b;font-weight:500}.date-picker-footer button[data-action=clear]:hover{background:#f1f5f9}@media (width<=600px){.date-picker-popover{width:260px;max-width:min(260px,100vw - 24px)}.date-picker-nav{width:26px;height:26px}.date-picker-day{min-height:28px}.date-picker-footer button{min-height:30px}}@media (prefers-reduced-motion:reduce){.date-picker-popover{animation:none}}
