.date-picker-wrap{position:relative;width:100%}.date-picker-trigger{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg, var(--bg3));color:var(--text);font-size:14px;font-family:var(--mono);text-align:left;cursor:pointer;transition:border-color .18s}.date-picker-trigger:hover{border-color:var(--border2)}.date-picker-dropdown{width:252px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;box-sizing:border-box;background:var(--bg3, #111827);border:1px solid var(--border2, rgba(255, 255, 255, .1));border-radius:10px;box-shadow:0 16px 40px #00000073,0 0 0 1px #ffffff0a;padding:10px 12px}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.date-picker-range-shortcuts{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.date-picker-range-shortcuts__label{font-size:10px;font-weight:600;color:var(--text-dim);letter-spacing:.04em;margin-bottom:6px}.date-picker-range-shortcuts__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.date-picker-range-shortcuts__btn{padding:6px 4px;border:1px solid var(--border);border-radius:6px;background:#ffffff0d;color:var(--text);font-size:11px;font-weight:600;font-family:var(--sans);line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.date-picker-range-shortcuts__btn:hover{border-color:var(--border-accent, rgba(124, 58, 237, .45));background:var(--accent-dim, rgba(124, 58, 237, .12));color:var(--accent)}.date-picker-month{font-size:14px;font-weight:600;color:var(--text)}.date-picker-nav{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff0f;color:var(--text);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s;flex-shrink:0}.date-picker-nav:hover{background:var(--accent-dim);color:var(--accent)}.date-picker-nav:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}.date-picker-weekday{font-size:11px;color:var(--text-dim);text-align:center;line-height:1.2}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker-cell{height:30px;min-height:30px;aspect-ratio:auto;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:12px;font-family:var(--mono);cursor:pointer;transition:background .18s,color .18s;display:flex;align-items:center;justify-content:center;padding:0}.date-picker-cell:hover{background:var(--accent-dim);color:var(--accent)}.date-picker-cell.other-month{color:var(--text-muted, #64748b)}.date-picker-cell.today{background:#ffffff14;font-weight:600}.date-picker-cell.selected{background:var(--accent);color:var(--bg)}.date-picker-cell.selected:hover{background:var(--accent-hover);color:var(--bg)}.date-picker-cell:disabled{opacity:.32;cursor:not-allowed}.date-picker-cell:disabled:hover{background:transparent;color:inherit}.date-picker-cell.other-month:disabled{color:var(--text-muted, #64748b)}.date-picker-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.date-picker-action{padding:5px 10px;border:none;border-radius:6px;background:transparent;color:var(--accent);font-size:12px;cursor:pointer;transition:background .18s}.date-picker-action:hover{background:var(--accent-dim)}html[data-theme=light] .date-picker-trigger{background:#fff;border-color:var(--border2);box-shadow:0 1px 2px #0f172a0a}html[data-theme=light] .date-picker-trigger:hover{border-color:#0f172a38}html[data-theme=light] .date-picker-dropdown{background:var(--panel, #fff);border:1px solid var(--border2);box-shadow:0 14px 44px #0f172a1f,0 2px 10px #0f172a0f}html[data-theme=light] .date-picker-nav{background:#0f172a0f;color:var(--text)}html[data-theme=light] .date-picker-nav:hover{background:rgba(var(--accent-rgb),.14)}html[data-theme=light] .date-picker-nav:disabled{opacity:.28}html[data-theme=light] .date-picker-cell.today{background:rgba(var(--accent-rgb),.1)}html[data-theme=light] .date-picker-footer{border-top-color:var(--border)}html[data-theme=light] .date-picker-range-shortcuts{border-bottom-color:var(--border)}html[data-theme=light] .date-picker-range-shortcuts__btn{background:#0f172a0a;border-color:var(--border2)}