.dp-wrapper{position:relative;display:inline-block;width:100%}.dp-input-wrap{position:relative;display:block}.dp-input{width:100%;padding:.625rem 2.5rem .625rem .75rem;font-size:.875rem;line-height:1.5;border-radius:.75rem;border:1px solid var(--color-border, #d1d5db);background-color:var(--color-bg-input, #fff);color:var(--color-text-primary, #0f172a);cursor:pointer;transition:border-color .15s,box-shadow .15s;min-height:2.75rem}@media(min-width:768px){.dp-input{font-size:.875rem;min-height:2.5rem;padding-top:.5rem;padding-bottom:.5rem}}.dp-input::-moz-placeholder{color:var(--color-text-muted, #94a3b8)}.dp-input::placeholder{color:var(--color-text-muted, #94a3b8)}.dp-input:focus{outline:none;border-color:var(--color-button, #0284c7);box-shadow:0 0 0 2px #0284c740}.dp-input--open{border-color:var(--color-button, #0284c7);box-shadow:0 0 0 2px #0284c740}.dp-input--error{border-color:var(--color-error, #dc2626);box-shadow:0 0 0 2px var(--color-error-muted, rgba(220, 38, 38, .15))}.dp-input--error:focus{border-color:var(--color-error, #dc2626)}.dp-error{margin:.25rem 0 0;font-size:.75rem;color:var(--color-error, #dc2626);line-height:1.3}.dp-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-text-muted, #94a3b8);pointer-events:none}.dp-dropdown{position:absolute;z-index:9999;box-sizing:border-box;margin-top:.375rem;border-radius:1rem;border:1px solid var(--color-border, #e2e8f0);background:var(--color-card-bg, #fff);box-shadow:0 12px 28px -6px #00000024,0 4px 12px -4px #00000014;padding:.75rem;width:18rem;max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto;overscroll-behavior:contain;-webkit-user-select:none;-webkit-overflow-scrolling:touch;-moz-user-select:none;user-select:none}@media(max-width:480px){.dp-dropdown{right:0;width:calc(100vw - 2rem);max-width:20rem}}.dark .dp-dropdown{box-shadow:0 12px 28px -6px #0000006b,0 4px 12px -4px #00000047}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dp-nav-title,.dp-nav-title-wrap{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #0f172a)}.dp-nav-title-wrap{display:flex;gap:.25rem}.dp-nav-title-btn{padding:.125rem .25rem;border:none;border-radius:.25rem;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s}.dp-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary, #475569);cursor:pointer;transition:background-color .15s,color .15s}.dp-nav-btn:hover{background-color:#0284c71f;color:var(--color-button, #0284c7)}.dp-nav-btn svg{width:1rem;height:1rem}.dp-nav-title-wrap{display:flex;gap:.25rem;align-items:center}.dp-nav-title-btn{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #0f172a);border:none;background:transparent;cursor:pointer;padding:.125rem .25rem;border-radius:.25rem;transition:background-color .15s,color .15s}.dp-nav-title-btn:hover{background-color:#0284c71f;color:var(--color-button, #0284c7)}.dp-months{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.25rem}.dp-month{display:flex;align-items:center;justify-content:center;padding:.5rem .25rem;font-size:.8125rem;font-weight:500;border:none;border-radius:.5rem;background:transparent;cursor:pointer;color:var(--color-text-primary, #1e293b);transition:background-color .12s ease,color .12s ease}.dp-month:hover{background-color:#0284c71f;color:var(--color-button, #0284c7)}.dp-month--selected{background-color:var(--color-button, #0284c7);color:#fff}.dp-years{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.25rem}.dp-year{display:flex;align-items:center;justify-content:center;padding:.5rem .25rem;font-size:.8125rem;font-weight:500;border:none;border-radius:.5rem;background:transparent;cursor:pointer;color:var(--color-text-primary, #1e293b);transition:background-color .12s ease,color .12s ease}.dp-year:hover{background-color:#0284c71f;color:var(--color-button, #0284c7)}.dp-year--selected{background-color:var(--color-button, #0284c7);color:#fff}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:.25rem}.dp-weekday{text-align:center;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted, #94a3b8);padding:.25rem 0}.dp-days{display:flex;flex-direction:column;gap:.125rem}.dp-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}.dp-day{display:flex;align-items:center;justify-content:center;width:100%;max-width:2.75rem;height:auto;aspect-ratio:1;margin:0 auto;border-radius:50%;font-size:.8125rem;font-weight:500;border:none;background:transparent;cursor:pointer;color:var(--color-text-primary, #1e293b);transition:background-color .12s ease,color .12s ease,transform .1s ease}.dp-day:hover:not(.dp-day--disabled):not(.dp-day--selected){background-color:#0284c71f;color:var(--color-button, #0284c7)}.dp-day:active:not(.dp-day--disabled){transform:scale(.92)}.dp-day--outside{color:var(--color-text-muted, #cbd5e1);opacity:.5}.dp-day--outside:hover:not(.dp-day--disabled):not(.dp-day--selected){opacity:.8}.dp-day--today:not(.dp-day--selected){font-weight:700;color:var(--color-button, #0284c7)}.dp-day--selected{background-color:var(--color-button, #0284c7);color:#fff;font-weight:600}.dp-day--selected:hover{background-color:var(--color-button, #0284c7);opacity:.9;color:#fff}.dp-day--disabled{opacity:.3;cursor:not-allowed}.dp-day:focus-visible,.dp-month:focus-visible,.dp-year:focus-visible,.dp-nav-btn:focus-visible,.dp-nav-title-btn:focus-visible,.dp-footer-btn:focus-visible,.dp-dialog-close:focus-visible{outline:2px solid var(--color-button, #0284c7);outline-offset:2px}.dp-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border, #e2e8f0)}.dp-footer-btn{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:9999px;border:none;cursor:pointer;transition:background-color .15s,color .15s;background:transparent}.dp-footer-today{color:var(--color-button, #0284c7)}.dp-footer-today:hover{background-color:#0284c71f}.dp-footer-clear{color:var(--color-text-muted, #94a3b8)}.dp-footer-clear:hover{color:var(--color-error, #dc2626);background-color:var(--color-error-muted, rgba(220, 38, 38, .08))}.dp-backdrop{position:fixed;inset:0;z-index:9998;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;overscroll-behavior:contain}.dp-dialog{position:relative;box-sizing:border-box;background:var(--color-card-bg, #fff);border-radius:1.25rem;border:1px solid var(--color-border, #e2e8f0);box-shadow:0 20px 48px -8px #00000038,0 8px 20px -6px #0000001f;padding:.75rem;width:100%;max-width:22rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;-webkit-user-select:none;-webkit-overflow-scrolling:touch;-moz-user-select:none;user-select:none}.dark .dp-dialog{box-shadow:0 20px 48px -8px #0000008c,0 8px 20px -6px #00000059}.dp-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.dp-dialog-title{font-size:1rem;font-weight:600;color:var(--color-text-primary, #0f172a)}.dp-dialog-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary, #475569);cursor:pointer;transition:background-color .15s,color .15s}.dp-dialog-close:hover{background-color:#0000000f;color:var(--color-text-primary, #0f172a)}.dark .dp-dialog-close:hover{background-color:#ffffff1a}.dp-dialog-close svg{width:1.125rem;height:1.125rem}@media(max-width:900px),(max-height:560px),(pointer:coarse){.dp-nav-btn,.dp-dialog-close{width:2.75rem;height:2.75rem;flex:0 0 2.75rem}.dp-nav-title-btn,.dp-footer-btn,.dp-month,.dp-year{min-height:2.75rem}.dp-footer-btn{display:inline-flex;align-items:center;padding-inline:.75rem}.dp-week{grid-template-columns:repeat(7,minmax(0,1fr))}.dp-day{max-width:2.75rem}}@media(max-width:360px){.dp-backdrop,.dp-dialog{padding:.5rem}.dp-week{gap:.125rem}}
