.date-picker-popup{z-index:30;border:1px solid var(--color-gray-200);opacity:0;pointer-events:none;background:#fff;border-radius:12px;width:max-content;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.date-picker-popup.open{opacity:1;pointer-events:auto;transform:translateY(0)}.picker-header{justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.picker-nav{cursor:pointer;width:32px;height:32px;color:var(--color-gray-500);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;transition:all .15s;display:flex}.picker-nav:hover{background:var(--color-gray-100);color:var(--color-navy-900)}.picker-nav:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.picker-nav:active{transition:transform .1s;transform:scale(.95)}.picker-nav svg{width:16px;height:16px}.picker-months-title{gap:48px;display:flex}.picker-month-title{color:var(--color-navy-900);font-size:15px;font-weight:600}.picker-month-title--clickable{cursor:pointer;background:0 0;border:none;border-radius:9999px;margin:-4px -10px;padding:4px 10px;font-family:inherit;line-height:1.2;transition:background .15s,color .15s}.picker-month-title--clickable:hover{background:var(--color-gray-100);color:var(--color-pink-500)}.picker-month-title--clickable:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.picker-year-label{color:var(--color-navy-900);text-align:center;min-width:56px;font-size:15px;font-weight:600;line-height:32px}.picker-body{gap:0;padding:0 20px;display:flex}.picker-month-grid{width:252px}.picker-month-divider{background:var(--color-gray-200);width:1px;margin:0 16px}.picker-weekday-row{grid-template-columns:repeat(7,1fr);display:grid}.picker-weekday{text-align:center;color:var(--color-gray-500);padding:4px 0;font-size:11px;font-weight:600}.picker-days-grid{flex-direction:column;gap:2px;display:flex}.picker-week-row{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.picker-day{cursor:pointer;width:34px;height:34px;color:var(--color-navy-900);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.picker-day:hover:not(.empty):not(.in-range):not(.range-start):not(.range-end){background:var(--color-gray-100)}.picker-day:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.picker-day.empty{cursor:default}.picker-day.in-range{background:var(--color-pink-50);border-radius:0}.picker-day.range-start{background:var(--color-pink-500);color:#fff;border-radius:8px 0 0 8px;font-weight:600}.picker-day.range-end{background:var(--color-pink-500);color:#fff;border-radius:0 8px 8px 0;font-weight:600}.picker-day.today:not(.range-start):not(.range-end){box-shadow:inset 0 0 0 1.5px var(--color-pink-500);font-weight:700}.picker-monthgrid{grid-template-columns:repeat(3,1fr);gap:8px;width:360px;padding:14px 20px 20px;display:grid}.picker-monthgrid-cell{min-width:0;height:44px;color:var(--color-navy-900);background:var(--color-warm-50);border:1px solid var(--color-gray-200);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:13px;font-weight:650;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 1px 1px #1b2b3d08}.picker-monthgrid-cell:hover{border-color:var(--color-pink-200);color:var(--color-pink-500);background:#fff;box-shadow:0 4px 12px #1b2b3d14}.picker-monthgrid-cell:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.picker-monthgrid-cell.current{background:var(--color-teal-light);border-color:color-mix(in srgb, var(--color-teal) 35%, white);color:var(--color-teal);box-shadow:none;font-weight:700}.picker-monthgrid-cell.selected{background:var(--color-pink-500);border-color:var(--color-pink-500);color:#fff;font-weight:750;box-shadow:0 8px 18px #d118622e}.picker-monthgrid-cell.selected:hover{background:var(--color-pink-600);border-color:var(--color-pink-600);color:#fff}.picker-monthgrid-cell:active{transform:scale(.98)}.picker-footer{border-top:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.picker-summary{color:var(--color-gray-500);font-size:13px}.picker-actions{gap:8px;display:flex}.picker-btn-clear{color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s}.picker-btn-clear:hover{background:var(--color-gray-100)}.picker-btn-clear:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.picker-btn-apply{color:#fff;background:var(--color-pink-500);cursor:pointer;border:none;border-radius:9999px;padding:6px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.picker-btn-apply:hover{background:var(--color-pink-600)}.picker-btn-apply:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.picker-btn-apply:active{transition:transform .1s;transform:scale(.95)}.picker-btn-apply:disabled{opacity:.4;cursor:not-allowed}.picker-btn-apply:disabled:hover{background:var(--color-pink-500)}.date-picker-backdrop{display:none}@media (max-width:639px){.date-picker-backdrop{z-index:49;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s;display:block;position:fixed;inset:0}.date-picker-backdrop.open{opacity:1;pointer-events:auto}.date-picker-popup{z-index:50;border-radius:16px 16px 0 0;width:auto;max-height:88vh;transition:transform .22s;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 30px #0000002e;position:fixed!important;inset:auto 0 0!important}.date-picker-popup.open{transform:translateY(0)}.date-picker-popup:before{content:"";background:var(--color-gray-200);border-radius:9999px;width:36px;height:4px;margin:8px auto 0;display:block}.picker-body{padding:0 16px}.picker-body>.picker-month-grid:last-child,.picker-month-divider{display:none}.picker-month-grid{width:100%}.picker-weekday-row,.picker-week-row{grid-template-columns:repeat(7,1fr)}.picker-day{width:100%;height:44px;font-size:15px}.picker-months-title{gap:0}.picker-month-title:last-child{display:none}.picker-monthgrid{width:auto}.picker-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;flex-wrap:wrap;gap:8px;position:sticky;bottom:0}.picker-btn-clear,.picker-btn-apply{min-height:44px;padding:10px 20px;font-size:15px}}@media (prefers-reduced-motion:reduce){.date-picker-popup,.picker-nav,.picker-day,.picker-month-title--clickable,.picker-monthgrid-cell,.picker-btn-clear,.picker-btn-apply{transition-duration:.01ms!important}}