.date-range-picker{position:relative;width:100%}.date-range-button{width:100%;padding:8px 12px;text-align:left;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:14px}.date-range-button:hover{border-color:#999}.date-range-button:focus{outline:2px solid #1976d2;outline-offset:2px}.date-range-picker-dialog{background:#fff;padding:1rem}.calendar-months-container{display:flex;gap:2rem}.date-range-picker-calendar-header{display:flex;justify-content:space-between;align-items:center}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px}.calendar-nav-button{padding:8px;border:none;background:none;cursor:pointer;border-radius:4px;font-size:18px}.calendar-nav-button:hover{background:#f0f0f0}.calendar-title{font-size:16px;font-weight:600}.calendar-grid{border-collapse:collapse}.calendar-header-cell{padding:8px;text-align:center;font-size:12px;font-weight:600;color:#666}.td-calendar-cell{text-align:center;cursor:pointer;border:1px solid transparent}.calendar-cell{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.calendar-cell-content{padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.calendar-cell-date{font-size:14px}.calendar-cell-price{font-size:10px;color:#666}.date-picker{display:flex;flex-direction:column;gap:.5rem;width:100%}.date-picker-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.date-picker-group{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;transition:all .2s}.date-picker-group:hover{border-color:#9ca3af}.date-picker-group:focus-within{outline:2px solid #667eea;outline-offset:2px;border-color:#667eea}.date-picker-input{display:flex;gap:.25rem;flex:1}.date-picker-segment{padding:.25rem;border-radius:.25rem;font-variant-numeric:tabular-nums;text-align:end;color:#111827}.date-picker-segment[data-placeholder]{color:#9ca3af;font-style:italic}.date-picker-segment:focus{background:#667eea;color:#fff;outline:none}.date-picker-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s}.date-picker-button:hover{background:#f3f4f6;color:#667eea}.date-picker-button:focus{outline:2px solid #667eea;outline-offset:2px}.date-picker-popover{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;margin-top:.5rem;max-width:fit-content}.date-picker-dialog{outline:none}.date-picker-calendar{width:100%}.date-picker-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.calendar-nav-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.375rem;font-size:1rem;transition:all .2s}.calendar-nav-button:hover{background:#f3f4f6;color:#667eea}.calendar-nav-button:disabled{opacity:.3;cursor:not-allowed}.calendar-heading{font-size:1rem;font-weight:600;color:#111827;flex:1;text-align:center}.calendar-grid{border-collapse:collapse;width:100%}.calendar-header-cell{padding:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;text-transform:uppercase}.calendar-cell{width:2.5rem;height:2.5rem;text-align:center;border-radius:.375rem;font-size:.875rem;color:#111827;cursor:pointer;border:2px solid transparent;transition:all .15s}.calendar-cell:hover{background:#f3f4f6}.calendar-cell[data-disabled]{color:#d1d5db;cursor:not-allowed}.calendar-cell[data-outside-month]{color:#d1d5db}.calendar-cell[data-selected]{color:#fff;font-weight:600}.calendar-cell[data-focused]{outline:2px solid #667eea;outline-offset:-2px}.calendar-cell[data-today]{font-weight:600}@media(max-width:640px){.date-picker-popover{padding:1rem}.calendar-cell{width:2rem;height:2rem;font-size:.8125rem}}