.date-range-picker{position:relative;display:inline-block;width:100%}.date-range-picker .date-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px}.date-range-picker .date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.date-range-picker .dropdown-container{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;margin-top:4px}.date-range-picker .dropdown-container .quick-select{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee}.date-range-picker .dropdown-container .quick-select:hover{background-color:#f5f5f5}.date-range-picker .dropdown-container .quick-select.active{background-color:#007bff;color:#fff}.date-range-picker .dropdown-container .quick-select:last-child{border-bottom:none}.date-range-picker .calendar-container{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;margin-top:4px;padding:16px;min-width:300px}.date-range-picker .calendar-container .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.date-range-picker .calendar-container .calendar-header .nav-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:4px}.date-range-picker .calendar-container .calendar-header .nav-btn:hover{background-color:#f0f0f0}.date-range-picker .calendar-container .calendar-header .month-year{font-weight:700;cursor:pointer;padding:4px 8px}.date-range-picker .calendar-container .calendar-header .month-year:hover{background-color:#f0f0f0;border-radius:4px}.date-range-picker .calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.date-range-picker .calendar-container .calendar-grid .day-header{text-align:center;padding:6px 0;font-weight:700;color:#666}.date-range-picker .calendar-container .calendar-grid .calendar-day{text-align:center;padding:8px 0;cursor:pointer;border-radius:4px}.date-range-picker .calendar-container .calendar-grid .calendar-day:hover:not(.selected){background-color:#f0f0f0}.date-range-picker .calendar-container .calendar-grid .calendar-day.disabled{color:#ccc;cursor:default}.date-range-picker .calendar-container .calendar-grid .calendar-day.in-range{background-color:#e3f2fd}.date-range-picker .calendar-container .calendar-grid .calendar-day.end-date,.date-range-picker .calendar-container .calendar-grid .calendar-day.start-date{background-color:#007bff;color:#fff}.date-range-picker .calendar-container .month-year-select{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000}.date-range-picker .calendar-container .month-year-select select{padding:8px;border-radius:4px;border:1px solid #ccc}.date-range-picker .calendar-container .calendar-select{background-color:#fff;border:none;font-size:inherit;cursor:pointer;margin:0 4px;padding:2px 4px;border-radius:2px}.date-range-picker .calendar-container .calendar-select:hover{background-color:#f0f0f0}