:root{--smdate-primary-color:#06769A;--smdate-secondary-color:#cee5ed;--smdate-light-grey:#f8f9fa;--smdate-border:#ddd;--smdate-red:#f3704d}.picker-wrapper{display:flex;gap:1rem;margin-bottom:2rem}.predefined-ranges{display:flex;flex-direction:column;gap:5px;align-self:center}.predefined-ranges button{flex:1 1 48%;padding:10px 8px;background:var(--smdate-light-grey);border:1px solid var(--smdate-border);border-radius:5px;cursor:pointer;font-size:12px;text-align:center;transition:background .2s,color .2s;white-space:nowrap}.predefined-ranges button.selected,.predefined-ranges button:hover{background:var(--smdate-primary-color);color:#fff;border:1px solid var(--smdate-primary-color)}.calendar-month-year-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.month-year-selector{display:flex;gap:.75rem}.month-year-selector select{padding:5px;font-size:14px;border:1px solid var(--smdate-border);border-radius:5px}.calendar-month-year-selector button{padding:7px 10px;border:none;background:var(--smdate-light-grey);border-radius:5px;cursor:pointer;font-size:14px;transition:background .2s;display:flex;justify-items:center;align-items:center}.calendar-month-year-selector button:hover{background:var(--smdate-primary-color);color:#fff}.calendar-container{display:flex;justify-content:space-between;gap:20px}.calendar{width:100%;text-align:center}.calendar-header{padding-left:1rem;padding-right:1rem;margin-bottom:.75rem}.calendar-header p{font-weight:600;font-size:1.1rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-weekday{font-weight:700;font-size:12px;color:#555;text-align:center}.calendar-day{padding:8px;max-height:30px;font-size:12px;background:var(--smdate-light-grey);border:1px solid var(--smdate-border);border-radius:5px;cursor:pointer;transition:background .2s,color .2s}.calendar-day.empty{visibility:hidden}.calendar-day.selected{font-weight:700}.calendar-day.selected,.calendar-day:hover{background:var(--smdate-primary-color)!important;border:1px solid var(--smdate-primary-color)!important;color:#fff}.calendar-day.hover-range:not(.selected):not(.in-range),.calendar-day.in-range{background:var(--smdate-secondary-color);border:1px solid var(--smdate-secondary-color)}.calendar-day.today{outline:2px solid var(--smdate-red);outline-offset:1px}.actions-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.actions-wrapper.column{flex-direction:column}.selected-dates{flex:1;font-weight:500;text-align:center}.actions{align-self:flex-end;display:flex;gap:10px}.actions button{min-width:80px;padding:8px 10px;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.actions .apply-button,.actions button:hover{background:var(--smdate-primary-color);color:#fff}.actions button:disabled{background:var(--smdate-border);cursor:not-allowed}@media (max-width:500px){.picker-wrapper{flex-direction:column}.predefined-ranges{flex-direction:row;max-width:280px;overflow-x:auto}}