.date-sidebar{border-radius:var(--bs-border-radius);border:1px solid var(--bs-border-color);margin-bottom:10px}.date-header{width:100%;background:#fff;border:none;padding:11px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:600;color:#1a1a1a;transition:background-color 0.2s}.date-content{padding:20px 10px;display:block}.date-content.collapsed{display:none}.selected-dates{background:#f7f9fc;padding:12px 16px;border-radius:6px;margin-bottom:16px;text-align:center;font-size:14px;font-weight:500;color:#1a1a1a}.selected-dates{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff0;padding:0;margin-bottom:16px}.date-pill{background:#ededed;padding:5px 14px;border-radius:var(--bs-border-radius);font-size:16px;font-weight:600;color:#1a1a1a;white-space:nowrap}.date-arrow{font-size:18px;font-weight:600;color:#1a1a1a}.single-calendar{display:flex;justify-content:center;margin-bottom:20px}.calendar-month{width:100%;max-width:350px}@media (min-width:992px){.selected-dates{overflow-y:auto}.filter-sidebar-container .date-pill{font-size:12px}}.calendar-month{flex:1}.month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.month-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.nav-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.2s}.nav-btn:hover{background-color:#f0f0f0;color:#1a1a1a}.nav-spacer{width:32px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.weekday{text-align:center;font-size:12px;font-weight:600;color:#666;padding:8px 4px}.calendar-days{display:contents}.day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border-radius:10px;transition:all 0.2s;position:relative;user-select:none}.day.empty{cursor:default;pointer-events:none}.day:hover:not(.disabled):not(.selected):not(.in-range):not(.empty){background-color:#f0f0f0}.day.disabled{color:#e0e0e0;cursor:not-allowed;pointer-events:none}.day.other-month{color:#999}.day.selected{background:var(--gradient-black-to-gray);color:#fff;font-weight:600}.day.in-range{background-color:#f0f0f0;color:var(--bs-body-color);border-radius:10px}.day.range-start{border-radius:10px}.day.range-end{border-radius:10px}.day.range-start.range-end{border-radius:10px}.day.today{font-weight:700;color:var(--bs-primary);position:relative}.day.today::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;background-color:var(--bs-primary);border-radius:10px}.day.today.selected{color:#fff}.day.today.selected::after{background-color:#fff}.quick-select{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--bs-border-color)}.quick-btn{padding:4px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:var(--bs-border-radius);font-size:12px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all 0.2s;white-space:nowrap}.quick-btn:hover{border-color:var(--bs-body-color);color:var(--bs-body-color)}.quick-btn.active{background:var(--gradient-black-to-gray);border-color:var(--bs-body-color);color:#fff}.action-buttons{display:flex;gap:12px;padding-top:16px;border-top:1px solid #e5e5e5;justify-content:space-around}.btn-clear,.btn-done{line-height:normal;padding:0 13px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-clear{background:#fff;border:1px solid var(--bs-border-color);color:#1a1a1a}.btn-clear:hover{background-color:rgb(26 26 26 / .1)}.btn-done{background:var(--gradient-black-to-gray);border:1px solid #1a1a1a;color:#fff}.main-content{padding:40px;background:#fff;margin:20px;border-radius:8px;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.flexible-content{padding:40px 20px}#mobileFilterDateModal .date-sidebar{border:0}#mobileFilterDateModal .modal-dialog{height:auto;max-width:400px}#mobileFilterDateModal .quick-select{flex-wrap:nowrap;overflow-y:auto}#mobileFilterDateModal .action-buttons{justify-content:end}@media (max-width:767px){.date-sidebar{margin:10px}.date-content{padding:16px}.main-content{margin:10px;padding:20px}}