.custom-date-picker{width:100%;position:relative}.date-picker-input-wrapper{align-items:center;display:flex;position:relative}.date-picker-input{width:100%;padding:var(--space-sm)3rem var(--space-sm)var(--space-md);font-size:var(--fs-base);color:var(--text-dark);cursor:pointer;box-sizing:border-box;background:#fffc;border:1px solid #0000001a;border-radius:12px;height:3rem;line-height:1.5;transition:all .3s}.date-picker-input:hover:not(.disabled){border-color:var(--primary-blue)}.date-picker-input:focus,.date-picker-input.open{border-color:var(--primary-blue);background:#fff;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #5ab2ff26}.date-picker-input.disabled{color:var(--text-medium);cursor:not-allowed;background:#f1f5f9}@media (max-width:767px){.date-picker-input{min-height:48px;padding:.875rem 3.5rem .875rem 1rem;font-size:1rem}}.date-picker-toggle{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.125rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.date-picker-toggle:hover:not(:disabled){color:var(--dark-blue);transform:translateY(-50%)scale(1.1)}.date-picker-toggle:disabled{opacity:.5;cursor:not-allowed}@media (max-width:767px){.date-picker-toggle{font-size:1.25rem;right:1rem}}.date-picker-overlay{z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-picker-dropdown{z-index:9999;background:var(--bg-white);box-sizing:border-box;width:min(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),420px);max-width:420px;max-height:min(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 4rem,80vh);border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;animation:.2s ease-out modalFadeIn;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000026}.date-picker-dropdown::-webkit-scrollbar{width:8px}.date-picker-dropdown::-webkit-scrollbar-track{background:#5ab2ff26;border-radius:4px}.date-picker-dropdown::-webkit-scrollbar-thumb{background:#5ab2ff80;border-radius:4px;transition:background .2s}.date-picker-dropdown::-webkit-scrollbar-thumb:hover{background:#5ab2ffb3}@media (max-width:767px){.date-picker-dropdown{width:min(100vw - 1rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),98vw);max-width:98vw;max-height:min(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 3rem,85vh);padding:1rem;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:375px){.date-picker-dropdown{width:min(100vw - .5rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),98vw);max-width:98vw;max-height:min(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem,85vh);padding:.75rem;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.date-picker-dropdown{width:min(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),480px);max-width:480px;padding:1.5rem;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (min-width:768px) and (max-width:1023px) and (orientation:landscape){.date-picker-dropdown{width:min(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),700px);max-width:700px;max-height:min(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem,90vh);padding:1.75rem;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.date-picker-dropdown .date-picker-day{border-radius:9px;min-height:3rem;font-size:1.0625rem}.date-picker-dropdown .date-picker-weekday{padding:.625rem 0;font-size:.9375rem}.date-picker-dropdown .date-picker-month{font-size:1.625rem}.date-picker-dropdown .date-picker-year{font-size:1.0625rem}.date-picker-dropdown .date-picker-days,.date-picker-dropdown .date-picker-weekdays{gap:.625rem}}@media (min-width:1024px) and (max-width:1366px) and (orientation:portrait){.date-picker-dropdown{width:min(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),700px);max-width:700px;padding:2rem;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (min-width:1024px) and (orientation:landscape){.date-picker-dropdown{width:min(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),1000px);max-width:1000px;max-height:min(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem,90vh);padding:2rem;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.date-picker-dropdown .date-picker-day{border-radius:10px;min-height:3.5rem;font-size:1.125rem}.date-picker-dropdown .date-picker-weekday{padding:.75rem 0;font-size:1rem}.date-picker-dropdown .date-picker-month{font-size:1.75rem}.date-picker-dropdown .date-picker-year{font-size:1.125rem}.date-picker-dropdown .date-picker-days,.date-picker-dropdown .date-picker-weekdays{gap:.75rem}}@media (min-width:1367px) and (orientation:portrait){.date-picker-dropdown{width:min(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),600px);max-width:600px;padding:2rem;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (min-width:1367px) and (orientation:landscape){.date-picker-dropdown{width:min(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px),1200px);max-width:1200px;max-height:min(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem,90vh);padding:2rem;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.date-picker-dropdown .date-picker-day{border-radius:10px;min-height:3.5rem;font-size:1.125rem}.date-picker-dropdown .date-picker-weekday{padding:.75rem 0;font-size:1rem}.date-picker-dropdown .date-picker-month{font-size:1.75rem}.date-picker-dropdown .date-picker-year{font-size:1.125rem}.date-picker-dropdown .date-picker-days,.date-picker-dropdown .date-picker-weekdays{gap:.75rem}}@media (max-height:700px){.date-picker-dropdown{max-height:min(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem,80vh);padding:1rem;top:50%;left:50%;transform:translate(-50%,-50%)}}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.date-picker-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.date-picker-nav-btn{background:var(--bg-light);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--text-dark);border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.date-picker-nav-btn:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;transform:scale(1.05)}.date-picker-nav-btn:active{transform:scale(.95)}.date-picker-nav-btn i{font-size:.875rem}@media (max-width:767px){.date-picker-nav-btn{width:2.75rem;height:2.75rem}}.date-picker-month-year{text-align:center;flex-direction:column;flex:1;gap:.25rem;display:flex}.date-picker-month{color:var(--text-dark);font-size:1.5rem;font-weight:700;font-family:var(--font-poppins),sans-serif}@media (max-width:767px){.date-picker-month{font-size:1.375rem}}.date-picker-year{color:var(--text-medium);justify-content:center;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}@media (max-width:767px){.date-picker-year{font-size:.9375rem}}.date-picker-era{color:var(--text-medium-light);font-size:.875rem;font-weight:400}@media (max-width:767px){.date-picker-era{font-size:.8125rem}}.date-picker-weekdays{grid-template-columns:repeat(7,1fr);gap:.375rem;margin-bottom:.75rem;display:grid}@media (max-width:767px){.date-picker-weekdays{gap:.25rem}}.date-picker-weekday{text-align:center;color:var(--text-medium);padding:.5rem 0;font-size:.875rem;font-weight:600}.date-picker-weekday.sunday{color:#ef4444}.date-picker-weekday.saturday{color:#3b82f6}@media (max-width:767px){.date-picker-weekday{padding:.375rem 0;font-size:.8125rem}}.date-picker-days{grid-template-columns:repeat(7,1fr);gap:.375rem;margin-bottom:1rem;display:grid}@media (max-width:767px){.date-picker-days{gap:.25rem}}.date-picker-day{aspect-ratio:1;box-sizing:border-box;background:var(--bg-light);color:var(--text-dark);cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:2.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.date-picker-day:hover:not(.disabled):not(.other-month):not(.selected){background:var(--primary-blue-paler);border-color:var(--primary-blue);transform:scale(1.05)}.date-picker-day.selected{font-weight:700;box-shadow:0 2px 8px #5ab2ff4d;background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important}.date-picker-day.selected.today{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important}.date-picker-day.today:not(.selected){background:var(--primary-blue-pale);border-color:var(--primary-blue);color:var(--primary-blue);font-weight:700}.date-picker-day.other-month{color:var(--text-muted);background:#f8fafc}.date-picker-day.disabled{opacity:.3;cursor:not-allowed;background:#f1f5f9}@media (max-width:767px){.date-picker-day{border-radius:6px;min-height:2.75rem;font-size:.875rem}}.date-picker-footer{border-top:1px solid #e2e8f0;justify-content:space-between;gap:.75rem;padding-top:1rem;display:flex}.date-picker-action-btn{background:var(--bg-white);color:var(--text-dark);cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s}.date-picker-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.date-picker-action-btn.cancel{background:var(--bg-white);color:var(--text-dark);border-color:#e2e8f0}.date-picker-action-btn.cancel:hover{border-color:var(--text-medium);color:var(--text-dark);background:#f3f4f6}.date-picker-action-btn.confirm{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.date-picker-action-btn.confirm:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);color:#fff}@media (max-width:767px){.date-picker-action-btn{min-height:44px;padding:.75rem 1rem;font-size:1rem}}