.date-range-picker{flex-direction:column;gap:12px;width:100%;display:flex}.date-range-label{color:var(--color-inverse-primary);font-size:16px;font-weight:600}.date-range-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.date-input-group{flex-direction:column;gap:8px;display:flex}.date-label{color:var(--color-caption);font-size:14px;font-weight:500}.date-input{padding:var(--s3) 12px;border:1px solid var(--color-secondary-container);border-radius:var(--r-transient);color:var(--color-inverse-primary);background-color:var(--color-primary-container);font-size:14px;transition:border-color .2s}.date-input:hover:not(:disabled){border-color:var(--color-outline)}.date-input:focus{border-color:var(--svc-boarding);outline:none;box-shadow:0 0 0 3px #ff6f611a}.date-input:disabled{background-color:var(--color-primary-container);cursor:not-allowed;opacity:.6}.date-picker{flex-direction:column;gap:8px;width:100%;display:flex}.date-picker-label{color:var(--color-caption);font-size:14px;font-weight:500}.date-picker-input{padding:var(--s3) 12px;border:1px solid var(--color-secondary-container);border-radius:var(--r-transient);color:var(--color-inverse-primary);background-color:var(--color-primary-container);width:100%;font-size:14px;transition:border-color .2s}.date-picker-input:hover{border-color:var(--color-outline)}.date-picker-input:focus{border-color:var(--svc-boarding);outline:none;box-shadow:0 0 0 3px #ff6f611a}.time-selector{flex-direction:column;gap:16px;width:100%;display:flex}.time-selector-label{color:var(--color-inverse-primary);text-transform:capitalize;letter-spacing:.3px;margin:0;font-size:16px;font-weight:700}.time-selector-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--color-caption);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.form-input{padding:12px var(--s4);border:1.5px solid var(--color-secondary-container);border-radius:var(--r-transient);color:var(--color-inverse-primary);background:linear-gradient(135deg, var(--color-primary-container) 0%, var(--color-primary-container) 100%);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(135deg, white 0%, var(--color-primary-container) 100%), linear-gradient(to right, transparent calc(100% - 28px), var(--color-primary-container) calc(100% - 28px));background-repeat:no-repeat;background-position:padding-box, border-box;padding-right:32px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:hover:not(:disabled){border-color:var(--color-secondary-container);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.form-input:focus{border-color:var(--service-color,#3b82f6);background-image:linear-gradient(135deg, white 0%, var(--color-primary-container) 100%), linear-gradient(to right, transparent calc(100% - 28px), var(--service-color,#3b82f6) calc(100% - 28px));outline:none;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626}.form-input:disabled{background-color:var(--color-primary-container);border-color:var(--color-secondary-container);cursor:not-allowed;opacity:.65}.duration-display{padding:var(--s3) 16px;border-left:3px solid var(--accent-male);border-radius:var(--r-transient);text-align:left;width:-moz-fit-content;width:fit-content;color:var(--color-inverse-primary);letter-spacing:.2px;background:linear-gradient(135deg,#3b82f614 0%,#3b82f60a 100%);margin-top:12px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #3b82f60f}@media (max-width:640px){.date-range-inputs{grid-template-columns:1fr;gap:12px}.time-selector-grid{grid-template-columns:1fr 1fr;gap:16px}.time-selector{gap:var(--s4);margin-top:20px;padding-top:20px}}