.common-datepicker-wrapper{display:flex;flex-direction:column;gap:.5rem}.common-datepicker{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-white);cursor:pointer;transition:all .2s ease;font-family:var(--font-inter),system-ui,sans-serif}.common-datepicker:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.common-datepicker:focus,.common-datepicker:hover:not(.common-datepicker--disabled){border-color:var(--primary-color)}.common-datepicker--small{min-height:2rem;padding:.5rem .75rem;font-size:.875rem}.common-datepicker--medium{min-height:2.5rem;padding:.75rem 1rem;font-size:1rem}.common-datepicker--large{min-height:3rem;padding:1rem 1.25rem;font-size:1.125rem}.common-datepicker--error{border-color:var(--error-color)}.common-datepicker--error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.common-datepicker--success{border-color:var(--success-color)}.common-datepicker--success:focus{border-color:var(--success-color);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.common-datepicker--warning{border-color:var(--warning-color)}.common-datepicker--warning:focus{border-color:var(--warning-color);box-shadow:0 0 0 3px rgba(245,158,11,.1)}.common-datepicker--disabled{background:var(--bg-light);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.common-datepicker--open{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.common-datepicker__container{position:relative;width:100%}.common-datepicker__value{color:var(--text-primary);flex:1 1}.common-datepicker__icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.common-datepicker__icon svg{width:1.25rem;height:1.25rem}.common-datepicker__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-white);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideDown .2s ease-out;min-width:280px}.common-datepicker__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.common-datepicker__month{font-weight:600;color:var(--text-primary);font-size:.875rem}.common-datepicker__nav{background:none;border:none;padding:.5rem;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.common-datepicker__nav:hover{background:var(--bg-light);color:var(--text-primary)}.common-datepicker__nav svg{width:1rem;height:1rem}.common-datepicker__calendar{padding:1rem}.common-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.25rem;gap:.25rem;margin-bottom:.5rem}.common-datepicker__weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:.5rem 0}.common-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.25rem;gap:.25rem}.common-datepicker__day{background:none;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all .2s ease;min-height:2rem;display:flex;align-items:center;justify-content:center}.common-datepicker__day:hover:not(.common-datepicker__day--empty){background:var(--bg-light)}.common-datepicker__day--empty{cursor:default}.common-datepicker__day--selected,.common-datepicker__day--today{background:var(--primary-gradient);color:#fff;font-weight:600}.common-datepicker__footer{display:flex;justify-content:space-between;padding:1rem;border-top:1px solid var(--border-color)}.common-datepicker__action{background:none;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--primary-color);transition:all .2s ease}.common-datepicker__action:hover{background:var(--bg-light)}.common-datepicker__label{font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer}.common-datepicker__message{font-size:.75rem;line-height:1.4}.common-datepicker__error{color:var(--error-color)}.common-datepicker__success{color:var(--success-color)}.common-datepicker__warning{color:var(--warning-color)}.common-datepicker__helper{color:var(--text-secondary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.common-datepicker--large{min-height:2.75rem;padding:.875rem 1rem;font-size:1rem}.common-datepicker__dropdown{min-width:260px}.common-datepicker__calendar,.common-datepicker__footer,.common-datepicker__header{padding:.75rem}}