.empty-legs-date-input,.date-filter-input{cursor:pointer !important;background-color:#fff !important;transition:all 0.3s ease;border:1px solid #ccc;background-size:18px;cursor:pointer;padding-right:35px}.empty-legs-date-input:hover,.date-filter-input:hover{border:1px solid #999}.empty-legs-date-input:focus,.date-filter-input:focus{outline:none;border:1px solid #999;box-shadow:0 0 3px rgba(0,0,0,0.1)}.date-input-container{position:relative}.filter-input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;transition:all 0.2s ease}.filter-input:focus{border-color:#4a89dc;box-shadow:0 0 0 2px rgba(74,137,220,0.2);outline:none}.filter-input::placeholder{color:#999;opacity:0.7}.empty-leg-card{opacity:1;transition:opacity 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden}#emptyLegsList{min-height:200px;position:relative}.empty-leg-image{overflow:hidden;contain:paint;will-change:contents;transform:translateZ(0)}.empty-leg-image img{transition:opacity 0.25s ease;will-change:opacity;object-fit:cover;width:100%;height:100%;transform:translateZ(0);backface-visibility:hidden}@media (min-width:769px){.empty-leg-image{min-height:200px;min-width:300px}}@media (max-width:768px){.empty-leg-image{min-height:180px}}.loading-indicator{padding:30px;text-align:center;color:#666;display:flex;align-items:center;justify-content:center;font-size:16px}.loading-indicator::before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;border:2px solid #ccc;border-top-color:#4a89dc;border-radius:50%;animation:spinner 0.6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.no-results{padding:30px 10px;text-align:center;border-radius:8px;color:#666;background-color:#f9f9f9;margin:20px 0}.error-message{padding:15px;text-align:center;background-color:#fff0f0;border-radius:8px;color:#cc0000;margin:15px 0}.empty-legs-filters{margin-bottom:20px;padding:15px;border-radius:8px}.filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-column{flex:1;min-width:200px}.filter-label{display:block;margin-bottom:5px;font-weight:500}.filter-input.active-filter{border-color:#4a89dc;background-color:#f0f7ff}.empty-leg-actions{display:flex;gap:10px;margin-top:10px;align-items:center}.book-button{background-color:#000;color:white;padding:8px 16px;border-radius:5px;font-weight:500;text-decoration:none;transition:background-color 0.2s;border:none;cursor:pointer;flex:1;text-align:center;white-space:nowrap;font-size:14px}.book-button:hover{background-color:#333}.reset-filters-button{background-color:#f1f1f1;color:#333;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color 0.2s}.reset-filters-button:hover{background-color:#e1e1e1}.apply-filters-button{background-color:#007bff;color:white;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color 0.2s}.apply-filters-button:hover{background-color:#0069d9}@media (max-width:768px){.filter-row{flex-direction:column;gap:10px}.filter-column{width:100%;min-width:unset}.empty-leg-actions{flex-direction:column;gap:8px}.view-route-button{padding:8px 15px;font-size:13px;flex:none;width:100%}.view-route-button svg{width:14px;height:14px}.book-button{flex:none;width:100%}.date-input-container{position:relative;z-index:2}.mobile-button-container{display:flex;justify-content:space-between;margin-top:15px}.no-results{padding:25px 15px;margin:15px;font-size:15px;line-height:1.5}.empty-legs-date-input,.date-filter-input{height:44px !important;font-size:16px !important;padding-top:0 !important;padding-bottom:0 !important;line-height:44px !important}.empty-legs-date-input,.date-filter-input{background-position:right 10px center !important;background-size:20px !important}#calendar-backdrop{animation:fadeIn 0.2s ease}@media (max-width:400px){.empty-legs-date-input,.date-filter-input{font-size:15px !important}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}}