.custom-datepicker{display:inline-block}.custom-datepicker,.datepicker-input-container{position:relative;width:100%}.datepicker-input{width:100%;height:36px;padding:var(--spacing-8,8px) 40px var(--spacing-8,8px) var(--spacing-12,12px);border:1px solid var(--border-color,#d1d5db);border-radius:var(--Border-Radius-Radius-4,4px);background:var(--surface-primary,#ffffff);color:var(--text-primary,#111827);font-size:var(--font-size-14);font-family:Inter,sans-serif;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.datepicker-input:focus{border-color:var(--primary-500-base,#3862C5);box-shadow:none;outline:none}.floating-label-group{position:relative;display:inline-block;width:100%}.datepicker-input.floating-input{height:36px;padding-top:8px;padding-bottom:8px}.floating-label-group .floating-label{position:absolute;left:var(--spacing-12,12px);top:50%;transform:translateY(-50%);font-size:var(--font-size-14,.875rem);color:var(--neutral-500,#6b7280);pointer-events:none;background:var(--neutral-0,#fff);padding:0 var(--spacing-4,4px);font-weight:var(--font-weight-400,400);line-height:1.4}.custom-datepicker[data-has-value=true] .floating-label-group .floating-label,.floating-label-group:focus-within .floating-label,.floating-label-group:has(.sd-container[data-has-value=true]) .floating-label,.floating-label-group[data-has-value=true] .floating-label{top:-8px;transform:translateY(0);font-size:var(--font-size-12);color:var(--neutral-400);font-weight:var(--font-weight-500,500);background:var(--neutral-0,#fff);padding:0 var(--spacing-4,4px)}.floating-label-group:focus-within .floating-label{color:var(--neutral-400)}.datepicker-input-container .calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--neutral-400);transition:color .2s ease}.datepicker-input-container:focus-within .calendar-icon{color:var(--neutral-600)}.calendar-icon .material-symbols-outlined{font-size:22px;line-height:inherit}.datepicker-overlay{position:fixed;inset:0;z-index:9999;background:transparent;pointer-events:auto}.calendar-container{position:fixed;top:-9999px;left:-9999px;z-index:10001;background:var(--p-color-bg-surface-primary);border:1px solid var(--p-color-border-primary);border-radius:8px;box-shadow:var(--elevation-2);padding:0;pointer-events:auto}.calendar{padding:16px;min-width:280px}.calendar-header{display:flex;justify-content:space-between;align-items:center}.nav-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:var(--neutral-500)}.nav-button:hover{background-color:var(--p-color-bg-surface-secondary,#f3f4f6);color:var(--p-color-text-primary)}.month-year{display:flex;align-items:center;gap:4px;font-weight:500;font-size:14px;color:var(--neutral-700);margin-top:-8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.month-year:hover{background-color:var(--p-color-bg-surface-secondary,#f3f4f6)}.month-year .month-icon{font-size:18px;color:var(--neutral-500)}.month-year .caret-icon{font-size:16px;color:var(--neutral-500,#6b7280)}.year-picker-view{display:flex;flex-direction:column}.year-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}.year-range{display:flex;align-items:center;gap:4px;font-weight:500;font-size:14px;color:var(--neutral-700);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.year-range:hover{background-color:var(--p-color-bg-surface-secondary,#f3f4f6)}.year-range .month-icon{font-size:18px;color:var(--neutral-500)}.year-range .caret-icon{font-size:16px;color:var(--neutral-500,#6b7280)}.nav-buttons-group{display:flex;align-items:center;gap:0}.years-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.year-item{padding:12px;text-align:center;cursor:pointer;border-radius:6px;font-size:14px;color:var(--neutral-700);transition:background-color .15s ease;border:1px solid transparent}.year-item:hover{background-color:var(--p-color-bg-surface-secondary,#f3f4f6)}.year-item.selected{background-color:var(--primary-500);color:var(--neutral-0);font-weight:500;border-color:var(--primary-500)}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{text-align:center;font-size:12px;color:var(--neutral-400);text-transform:uppercase;padding:8px 0}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.day.other-month{color:var(--neutral-300)}.day.today{background:var(--primary-100);color:var(--primary-700);font-weight:600;border-radius:2px}.day.selected{border-radius:2px}.day.range-start,.day.selected{background:var(--primary-500);color:var(--neutral-0)}.day.range-start{border-radius:6px 0 0 6px;font-weight:600}.day.range-end{background:var(--primary-500);color:var(--neutral-0);border-radius:0 6px 6px 0;font-weight:600}.day.in-range{background:var(--primary-100);color:var(--primary-700)}.day.disabled{color:var(--neutral-300);cursor:not-allowed;opacity:.5}.multi-month-horizontal{display:flex;gap:16px}.multi-month-vertical{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.multi-month-horizontal{flex-direction:column}}