.date-range-picker{position:relative;width:100%}.date-range-picker-group{position:relative;display:flex;width:100%}.date-range-picker-button{width:100%;display:flex;align-items:stretch;border:1px solid #DDDDDD;border-radius:8px;background:#fff;cursor:pointer;padding:0;transition:box-shadow .2s ease}.date-range-picker-button:hover{box-shadow:0 2px 4px #0000002e}.date-range-picker-button:focus{outline:none;box-shadow:0 0 0 2px #222}.date-section{flex:1;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:4px;min-width:0}.date-section:first-child{border-right:1px solid #DDDDDD}.date-section-label{font-size:10px;font-weight:600;text-transform:uppercase;color:#222;letter-spacing:.04em}.date-section-value{font-size:14px;color:#6a6a6a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-section-value:not(:empty){color:#222}[data-testid=underlay]{background-color:#0009!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.date-range-picker-popover{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-height:none!important;z-index:100000}.date-range-picker-dialog{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 10px 40px #0000004d}.calendar-months-container{display:flex;gap:2rem}.date-range-picker-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 8px}.calendar-header-months{flex:1;text-align:center}.calendar-heading{font-size:16px;font-weight:600;color:#222;margin:0}.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}}