@charset "UTF-8";html,body,#root{height:100%}.Toastify__toast{--toastify-color-progress-light: #ffffff;--toastify-color-progress-dark: #ffffff}.Toastify__toast-container{z-index:999999!important}.Toastify__progress-bar{background:#fff!important;opacity:1!important}.Toastify__toast-icon,.Toastify__toast--success .Toastify__toast-icon,.Toastify__toast--error .Toastify__toast-icon,.Toastify__toast--info .Toastify__toast-icon,.Toastify__toast--warning .Toastify__toast-icon{color:#fff!important}.sidebar-toggle-btn{background:none;border:none;color:#ecf0f1;font-size:1.5rem;cursor:pointer;border-radius:4px;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.toggle-icon{display:block;line-height:1}.navigation{background-color:#000;padding:6px 0;position:relative;z-index:4}.nav-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle-btn{background:none;border:none;color:#ecf0f1;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background-color:#222}.toggle-icon{display:none;line-height:1}.nav-container{margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{color:#ecf0f1;text-decoration:none;font-size:1.5rem;font-weight:700}.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{color:#bdc3c7;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-link:hover{color:#ecf0f1;background-color:#222}.nav-link.active{color:#ecf0f1;background-color:#2e2e2e}@media (max-width: 1023px){.navigation{display:none}}@media (max-width: 1023px){.navigation{display:block;position:fixed;top:0;left:0;right:0;width:100%}.nav-container{justify-content:flex-start}.nav-left{display:flex}.toggle-icon{display:block;line-height:1}.nav-links,.nav-logo{display:none}}@media (max-width: 768px){.navigation{position:relative;top:0;left:0;right:0;width:100%;padding-bottom:0;padding-top:4%}.nav-container{flex-direction:row;min-height:30px;gap:1rem;padding-bottom:2%}.nav-container .nav-components{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.nav-container .nav-components .icon-button.trip-count{min-height:35px;min-width:60px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}.nav-container .nav-components .icon-button.trip-count:hover:not(:disabled){background:#fff;border-color:#000}.nav-container .nav-components .page-heading h1{font-size:1.5rem;font-weight:800;color:#fff}.nav-links{gap:1rem}}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}.sidebar{position:relative;top:0;width:80px;height:100vh;background-color:#000;color:#ecf0f1;z-index:1001;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sidebar.open{left:0;width:320px;padding-bottom:30px}.sidebar-header{padding:24px 20px 24px 24px;display:flex;justify-content:space-between;align-items:start}.sidebar-header a{text-decoration:none;color:inherit}.sidebar-header h3{margin:0;color:#ecf0f1;font-size:1.3rem;opacity:0;transform:translate(-10px);transition:opacity .3s ease .1s,transform .3s ease .1s;white-space:nowrap;overflow:hidden}.sidebar.open .sidebar-header h3{opacity:1;transform:translate(0)}.sidebar-header img{transition:none}.sidebar-toggle{background:none;border:none;color:#ecf0f1;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.sidebar-toggle:hover{background-color:#222}.sidebar-nav{flex:1;padding:1rem 0;max-height:100vh}.sidebar-menu{list-style:none;margin:0;padding:0;overflow:auto;height:calc(100vh - 15rem)}.sidebar-menu.desktop-view{overflow:visible;height:100%}.sidebar-menu li{margin:0}.sidebar-menu li.has-sub-items{position:relative}.sidebar-menu li.has-sub-items .sub-item{position:absolute;background-color:#000;top:0;left:100%;transition:left .3s ease;border-radius:25px;animation:sidebarDesktopSlideDown .1s ease-out;margin-right:0}@media (max-width: 768px){.sub-item,.desktop-only{display:none!important}.sub-item-mobile{position:relative;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:10px;padding-left:1.5rem;padding-top:10px;padding-bottom:10px;background:#111;border-radius:25px;margin-top:.3rem;animation:dropdownSlideDown .2s ease-out}.sub-item-mobile .sidebar-link{padding:.5rem 1rem}}@keyframes sidebarDesktopSlideDown{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sidebar-link{--borderRadiusBase: 25px;display:flex;align-items:center;padding:1rem 1.5rem;color:#bdc3c7;text-decoration:none;transition:all .1s ease;border-radius:var(--borderRadiusBase);border-left:3px solid transparent;border-right:3px solid transparent;margin-right:5px}.sidebar-link.desktop-view:hover{border-left-color:#fff;border-radius:var(--borderRadiusBase);color:#ecf0f1;background-color:#222;margin-right:10px}.sidebar-link.active{color:#fff;background-color:#222;border-left-color:#fff}.sidebar-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.sidebar-icon{font-size:1.2rem;margin-right:1rem;width:24px;text-align:center;transition:all .2s}.sidebar-icon.rotated{transform:rotate(-90deg);transition:all .2s}.sidebar-count-badge{position:absolute;right:0;background-color:#a72f2f;color:#fff;border-radius:20px;height:18px;min-width:18px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;padding:0 4px;box-sizing:border-box}.sidebar-label{font-weight:500;opacity:0;transform:translate(-10px);transition:opacity .3s ease .1s,transform .3s ease .1s;white-space:nowrap;overflow:hidden}.sidebar.open .sidebar-label{opacity:1;transform:translate(0)}.sidebar-footer{padding:1.5rem;border-top:1px solid #222222;display:flex;align-items:center;justify-content:space-between;gap:1rem;opacity:0;transform:translateY(10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.sidebar.open .sidebar-footer{opacity:1;transform:translateY(0)}.user-info{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar{font-size:2rem;width:48px;height:48px;background-color:#222;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-details{flex:1;opacity:0;transform:translate(-10px);transition:opacity .3s ease .1s,transform .3s ease .1s;overflow:hidden}.sidebar.open .user-details{opacity:1;transform:translate(0)}.user-name{margin:0 0 .25rem;font-weight:600;color:#ecf0f1;white-space:nowrap}.user-status{margin:0;font-size:.9rem;color:#bdc3c7;white-space:nowrap}.logout-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#222;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#bdc3c7}.logout-button:hover{background-color:#333;color:#ecf0f1;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}@media (max-width: 768px){.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;height:100vh;background-color:#000;color:#ecf0f1;z-index:1001;transition:left .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000004d}.sidebar.open{left:0;width:100%}}.home-page-container{display:flex;overflow:hidden;height:100%}.active-trip-list-container{display:flex;flex-direction:column;gap:20px}.home-page{padding:20px;width:100%;margin:100px auto 0;flex:1;overflow-y:auto;overflow-x:auto}.home-page h1{text-align:center;color:#2d3748;margin-bottom:10px;font-size:2.5rem}.home-page p{text-align:center;color:#718096;margin-bottom:40px;font-size:1.2rem}.home-page .home-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.home-page .home-tabs .home-tab-button{padding:10px 28px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#718096;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.home-page .home-tabs .home-tab-button:hover{border-color:#a0aec0;color:#2d3748}.home-page .home-tabs .home-tab-button.active{background:#000;border-color:#000;color:#fff}.home-page .home-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px;width:100%;max-width:100vw;overflow-x:hidden}.home-page .home-content .feature-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0;max-width:100%;box-sizing:border-box;overflow-x:auto;min-width:0}.home-page .home-content .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.home-page .home-content .feature-card h3{color:#2d3748;font-size:1.5rem;margin-bottom:20px;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.home-page .home-content .feature-card.active-trip-card .active-trip-info{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.home-page .home-content .feature-card.active-trip-card .active-trip-info .trip-details{margin-bottom:20px}.home-page .home-content .feature-card.active-trip-card .active-trip-info .trip-details .trip-name{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:8px}.home-page .home-content .feature-card.active-trip-card .active-trip-info .trip-details .trip-destination,.home-page .home-content .feature-card.active-trip-card .active-trip-info .trip-details .trip-date{color:#718096;margin-bottom:6px;font-size:.95rem}.home-page .home-content .feature-card.active-trip-card .active-trip-info .trip-details .status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.home-page .home-content .feature-card.active-trip-card .active-trip-info .trip-details .status-badge.active{background:#c6f6d5;color:#22543d}.home-page .home-content .feature-card.active-trip-card .no-active-trip{text-align:center;color:#718096;margin-bottom:20px}.home-page .home-content .feature-card.recent-trips-card .recent-trips-list{margin-bottom:20px;display:flex;flex-direction:column;width:100%;padding:10px;gap:10px}.home-page .home-content .feature-card.reg-no-search-card .reg-no-search-section .reg-no-input-row{display:flex;gap:10px}.home-page .home-content .feature-card.reg-no-search-card .reg-no-search-section .reg-no-input-row .reg-no-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem}.home-page .home-content .feature-card.reg-no-search-card .reg-no-search-section .reg-no-input-row .reg-no-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.home-page .home-content .feature-card.reg-no-search-card .reg-no-search-section .reg-no-input-row .reg-no-search-button{background:#000;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .3s ease}.home-page .home-content .feature-card.reg-no-search-card .reg-no-search-section .reg-no-input-row .reg-no-search-button:hover:not(:disabled){background:#5a67d8}.home-page .home-content .feature-card.reg-no-search-card .reg-no-search-section .reg-no-input-row .reg-no-search-button:disabled{opacity:.6;cursor:not-allowed}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container{margin-bottom:20px;overflow-x:auto}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table{width:100%;border-collapse:collapse;font-size:.9rem}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table th,.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #e2e8f0}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table th{background:#f7fafc;font-weight:600;color:#4a5568;font-size:.85rem}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table td{color:#2d3748}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table .editing-row{background:#f7fafc}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table .editing-row .driver-input{width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table .editing-row .driver-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .add-driver-button{width:100%;background:#000;color:#fff;border:none;padding:12px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s ease}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .add-driver-button:hover{background:#5a67d8}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .driver-actions{display:flex;gap:10px}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .driver-actions .save-driver-button{flex:1;background:#48bb78;color:#fff;border:none;padding:12px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s ease}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .driver-actions .save-driver-button:hover:not(:disabled){background:#38a169}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .driver-actions .save-driver-button:disabled{opacity:.6;cursor:not-allowed}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .driver-actions .cancel-driver-button{flex:1;background:#e53e3e;color:#fff;border:none;padding:12px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s ease}.home-page .home-content .feature-card.driver-management-card .driver-list-section .add-driver-button-container .driver-actions .cancel-driver-button:hover{background:#c53030}.home-page .home-content .feature-card .cta-button{display:inline-block;background:#000;color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;text-align:center;width:100%}.home-page .home-content .feature-card .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.trip-item{display:flex;justify-content:space-between;align-items:center;flex-direction:column;border-bottom:1px solid #f7fafc;padding:10px;gap:10px}.trip-item:last-child{border-bottom:none}.trip-item .trip-info{flex:1;display:flex;justify-content:center;text-align:center;flex-direction:column;align-items:center}.trip-item .trip-info p{text-align:center}.trip-item .trip-info .trip-name{font-weight:600;color:#2d3748;margin-bottom:4px;font-size:.95rem}.trip-item .trip-info .trip-destination,.trip-item .trip-info .trip-date{color:#718096;font-size:.85rem;margin-bottom:2px}.status-badge{background:#fff;color:#495057;padding:4px 8px;border-radius:25px;font-size:.75rem;font-weight:500;text-transform:capitalize;text-align:center}.status-badge.red{background-color:#ffdfdf;border:1px solid #ffaaaa;color:#d65f5f}.status-badge.yellow{background-color:#fff3df;border:1px solid #ffe6aa;color:#d69f5f}.status-badge.green{background-color:#d6f5e3;border:1px solid #a3e6c6;color:#5f9f7e}.reg-no-results-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:4px}.reg-no-results-table th,.reg-no-results-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e2e8f0}.reg-no-results-table th{background:#f7fafc;font-weight:600;color:#4a5568;font-size:.85rem}.reg-no-results-table td{color:#2d3748}.reg-no-results-table td p{margin:0;text-align:left}.reg-no-results-table td span{color:#718096;font-size:.8rem}.reg-no-results-table tr:hover td{background:#f7fafc}@media (max-width: 768px){.home-page{padding:15px}.home-page .home-content{grid-template-columns:1fr;gap:20px}.home-page .home-content .feature-card{padding:20px}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table{font-size:.8rem}.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table th,.home-page .home-content .feature-card.driver-management-card .driver-list-section .driver-table-container .driver-table td{padding:8px 6px}}.floating-label-container{position:relative;margin-bottom:1.5rem;width:100%}.floating-label-container.dropoff-change-input{margin-bottom:0}.floating-label-input-wrapper{position:relative}@keyframes line-flow{0%{left:-40%}50%{left:100%}to{left:-40%}}.floating-label-input{width:100%;padding:.75rem 1.25rem;border:2px solid #e1e8ed;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f3f3f3;color:#2c3e50;position:relative;z-index:1}.floating-label-input:focus,.floating-label-input:focus-visible{outline:none!important;border-color:#000!important;background:#fff!important}.floating-label-input:focus-visible{outline:2px solid #000000!important;outline-offset:2px!important}.floating-label{position:absolute;left:1.25rem;top:.75rem;font-size:1rem;color:#ccc;background:transparent;padding:0 .25rem;transition:all .3s ease;pointer-events:none;z-index:3}.floating-label-input.active{padding-top:.75rem;padding-bottom:.75rem}.floating-label-input.has-value{background:#fff}.floating-label-input:disabled{background:#f5f5f5!important;color:#999!important;border-color:#ddd!important;cursor:not-allowed!important;opacity:.6}.floating-label-input:disabled+.floating-label{color:#999!important;cursor:not-allowed!important}.floating-label.with-icon{left:2rem}.floating-label-input.with-clear-icon{padding-right:3rem}.clear-icon{position:absolute;padding:16px;background:#fff;right:1rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;border-radius:50%;transition:background-color .2s ease}.location-suggestions{position:absolute;top:100%;left:0;background:#fff;border:2px solid #e1e8ed;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 25px #00000026;z-index:99999;max-height:300px;overflow-y:auto;margin-top:-2px}@media (max-width: 768px){.floating-label-input{padding:1rem 1rem 1rem 3rem;font-size:1rem}.floating-label{font-size:1rem;left:1rem;top:.875rem}.floating-label.active{font-size:.8rem;top:-.4rem;left:.75rem}.floating-label-input.active{padding-top:1.25rem;padding-left:3rem;padding-bottom:.5rem}.floating-label-input.with-clear-icon{padding-right:3rem}.clear-icon{right:.75rem;width:20px;height:20px}.input-icon{left:.75rem;width:20px;height:20px}.floating-label-input.with-icon{padding-left:2.5rem}.floating-label.with-icon{left:2.5rem}.floating-label.with-icon.active{left:2.25rem}.location-suggestions{max-height:250px}.suggestion-item{padding:.875rem 1rem}}.floating-label-container{position:relative;margin-bottom:1.5rem}.floating-label-container .floating-label-input-wrapper{position:relative;display:flex}.floating-label-container .floating-label-input-wrapper .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;pointer-events:none}.floating-label-container .floating-label-input-wrapper .floating-label-input{width:100%;padding:.75rem 1.25rem;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f3f3f3;color:#2c3e50;position:relative;z-index:1;border-color:#fff;min-height:48px}.floating-label-container .floating-label-input-wrapper .floating-label-input:focus{outline:none!important;border:2px solid #000000;background:#fff!important}.floating-label-container .floating-label-input-wrapper .floating-label-input.has-value{background:#fff;border:2px solid #f3f3f3;color:#2c3e50!important}.floating-label-container .floating-label-input-wrapper .floating-label-input.with-icon{padding-left:3rem}.floating-label-container .floating-label-input-wrapper .floating-label-input.floating-label-textarea{resize:none;overflow:hidden;line-height:1.4;font-family:inherit;min-height:48px;max-height:200px}.floating-label-container .floating-label-input-wrapper .floating-label-input[type=number]{-moz-appearance:textfield;appearance:textfield}.floating-label-container .floating-label-input-wrapper .floating-label-input[type=number]::-webkit-outer-spin-button,.floating-label-container .floating-label-input-wrapper .floating-label-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.floating-label-container .floating-label-input-wrapper .floating-label{position:absolute;left:1.5rem;top:1rem;font-size:.8rem;color:#ccc;background:transparent;padding:0 .25rem;transition:all .3s ease;pointer-events:none;z-index:3}.floating-label-container .floating-label-input-wrapper .floating-label.placeholderDiff{top:.8rem}.floating-label-container .floating-label-input-wrapper .floating-label.placeholderDiff.active{background:transparent;color:#fff;top:-.8rem}.floating-label-container .floating-label-input-wrapper .floating-label.active{top:-.5rem;left:1rem;font-size:.75rem;color:#7e7e7e;background:#fff;font-weight:500}.floating-label-container .floating-label-input-wrapper .floating-label.with-icon{left:1.5rem}.route-map{width:100%;border-radius:12px;background:#f8f9fa}.route-map.map-container-trip-listing .map-container{margin-top:0}.map-container{width:100%;height:450px;background:#e9ecef}.map-info{padding:1rem;background:#fff;border-top:1px solid #e9ecef}.route-summary{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6c757d}.start-point,.end-point{display:flex;flex-direction:column;gap:.25rem}.point-label{font-weight:600;color:#495057}.coordinates{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#868e96}@media (max-width: 768px){.route-summary{flex-direction:column;gap:.5rem;align-items:flex-start}}.floating-label-multi-container{position:relative;transition:all .3s ease}.floating-label-multi-input-wrapper{border:2px solid white;background:#f3f3f3;border-radius:8px;position:relative;transition:all .3s ease}.floating-label-multi-input-wrapper:focus-within,.floating-label-multi-input-wrapper.has-selections{border-color:#000;background:#fff}.line-loader{width:100%;height:2px;background:#0000001a;overflow:hidden;position:relative}.line-loader__bar{position:absolute;top:0;left:-40%;width:40%;height:100%;background:#000;animation:line-flow 1.6s ease-in-out infinite}.floating-label-multi-input{width:100%;padding:.75rem 1.25rem;border:2px solid #e1e8ed;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f3f3f3;color:#2c3e50;position:relative;z-index:1}.floating-label{position:absolute;left:1.25rem;top:.75rem;font-size:1rem;color:#b6b6b6;background:transparent;padding:0 .25rem;transition:all .3s ease;pointer-events:none;z-index:3}.floating-label.active{top:-.5rem;left:1rem;font-size:.75rem;color:#7e7e7e;background:#fff;font-weight:500;z-index:3}.floating-label.with-icon{left:3rem}.selected-items-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;margin-left:26px;cursor:text;min-height:20px;position:relative;border-radius:4px;transition:background-color .2s ease}.selected-items-container:hover{cursor:text}.selected-items-container:has(input[style*="display: none"]){cursor:text}.selected-items-container:has(input[style*="display: none"]):active{background-color:#0000001a}.selected-items-container input{flex:1;min-width:50px;border:none;background:transparent;outline:none;font-size:1rem;color:#2c3e50;padding:0;margin:0;transition:all .2s ease}.selected-items-container input::placeholder{color:#6c757d}.selected-items-container input[style*="display: none"]{opacity:0;pointer-events:none}.selected-items-container input:not([style*="display: none"]){opacity:1;pointer-events:auto}.selected-item-tag{display:inline-flex;align-items:center;background:#000;color:#fff;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500;gap:6px;max-width:100%;transition:background-color .2s ease}.selected-item-tag .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-item-tag .remove-tag-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.selected-item-tag .remove-tag-button:hover{background:#fff3}.selected-item-tag .remove-tag-button:focus{outline:none;background:#ffffff4d}.location-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e8ed;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 25px #00000026;z-index:1000;max-height:300px;overflow-y:auto;margin-top:-2px}.suggestion-item{padding:1rem 1.25rem;cursor:pointer;border-bottom:1px solid #f1f3f4;transition:background-color .2s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background-color:#f8f9fa}.suggestion-item:active{background-color:#e9ecef;transform:scale(.98)}.suggestion-name-container{display:flex;align-items:center;gap:.5rem}.suggestion-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem;font-size:1rem}.suggestion-address{color:#7f8c8d;font-size:.875rem;line-height:1.4}.selected-items-container.stacked{flex-direction:column;align-items:stretch}.selected-items-container.stacked .selected-item-tag{width:100%;border-radius:8px;justify-content:space-between}.selected-items-container.stacked input{width:100%;flex:unset}.max-selections-warning{margin-top:8px;font-size:.875rem;color:#045f8a;font-weight:500}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.dropdown-input{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dropdown-input.disabled .dropdown-label{color:#9ca3af}.dropdown-input.disabled .dropdown-header{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.dropdown-input.disabled .dropdown-header .selected-value{color:#9ca3af}.dropdown-input.disabled .dropdown-header .dropdown-arrow{color:#d1d5db}.dropdown-input .dropdown-header-container{display:flex;align-items:center;justify-content:space-between;gap:5px}.dropdown-input .dropdown-header-container button{background:none;border:none;padding:4px;margin-bottom:4px;border-radius:4px;transition:all .2s ease}.dropdown-input .dropdown-header-container button:hover{cursor:pointer;background-color:#f3f3f3}.dropdown-input .dropdown-label{display:block;padding:4px 0;font-size:.75rem;font-weight:600;color:#7e7e7e;margin-bottom:4px}.dropdown-input .dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;color:#2c3e50;background-color:#f3f3f3;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:44px;gap:5px;width:100%;min-width:0}.dropdown-input .dropdown-header:focus{outline:none}.dropdown-input .dropdown-header .selected-value{color:#374151;font-size:14px;font-weight:500;display:inline-flex;gap:6px;flex-wrap:wrap;max-width:100%;flex:1 1 auto;min-width:0}.dropdown-input .dropdown-header .selected-value .chip{display:inline-flex;align-items:center;background-color:#020000;flex-wrap:nowrap;color:#fff;border-radius:16px;padding:4px 12px;font-size:.95rem;max-width:100%;justify-content:space-between;min-width:0}.dropdown-input .dropdown-header .selected-value .chip .chip-text{display:block;white-space:normal!important;min-width:0;overflow-wrap:anywhere;word-break:break-word;flex:1}.dropdown-input .dropdown-header .selected-value .chip .chip-close{background:none;border:none;color:#fff;margin-left:6px;cursor:pointer;font-weight:700;font-size:14px;line-height:1;flex:0 0 10px}.dropdown-input .dropdown-header .selected-value .chip .chip-close:hover{color:#b3b0b0}.dropdown-input .dropdown-header .selected-value .chip.single{background-color:#000}.dropdown-input .dropdown-header .selected-value:empty:before{content:attr(placeholder);color:#9ca3af}.dropdown-input .dropdown-header .dropdown-arrow{color:#6b7280;font-size:12px;transition:transform .2s ease;flex:0 0 10px}.dropdown-input .dropdown-header .dropdown-arrow.open{transform:rotate(180deg)}.dropdown-input .dropdown-content{position:absolute;top:100%;left:0;right:0;color:#2c3e50;background-color:#fff;border:none;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:99999;margin-top:4px;max-height:300px;overflow:hidden;animation:dropdownSlideDown .2s ease-out}.dropdown-input .dropdown-content .search-container{padding:12px 16px;border-bottom:1px solid #f3f4f6}.dropdown-input .dropdown-content .search-container .search-input{width:100%;padding:8px 12px;border:none;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.dropdown-input .dropdown-content .search-container .search-input::placeholder{color:#9ca3af}.dropdown-input .dropdown-content .options-list{max-height:250px;overflow-y:auto}.dropdown-input .dropdown-content .options-list .option-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f9fafb}.dropdown-input .dropdown-content .options-list .option-item:hover{background-color:#f3f4f6}.dropdown-input .dropdown-content .options-list .option-item:last-child{border-bottom:none;padding-bottom:20px}.dropdown-input .dropdown-content .options-list .option-item.selected{background-color:#dde7f5;color:#1d4ed8;font-weight:500}.dropdown-input .dropdown-content .options-list .option-item .option-icon{margin-right:8px;display:flex;align-items:center}.dropdown-input .dropdown-content .options-list .option-item .option-icon svg{width:16px;height:16px}.dropdown-input .dropdown-content .options-list .option-item .option-label{font-size:14px;color:#374151;flex:1}.dropdown-input .dropdown-content .options-list .no-options{padding:16px;text-align:center;color:#6b7280;font-size:14px;font-style:italic}.dropdown-input .dropdown-content .options-list::-webkit-scrollbar{width:6px}.dropdown-input .dropdown-content .options-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-input .dropdown-content .options-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-input .dropdown-content .options-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.clear-icon-dropdown-input{padding-left:10px}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dropdown-input .dropdown-header{padding:10px 14px}.dropdown-input .dropdown-header .selected-value{font-size:13px}.dropdown-input .dropdown-content .search-container{padding:10px 14px}.dropdown-input .dropdown-content .search-container .search-input{padding:6px 10px;font-size:13px}.dropdown-input .dropdown-content .options-list .option-item{padding:10px 14px}.dropdown-input .dropdown-content .options-list .option-item .option-label{font-size:13px}}.trip-page-content{position:relative;width:100%;border-radius:16px 16px 0 0;background-color:#fff;padding:16px;margin-top:20px;box-shadow:0 -4px 6px -1px #0000001a;z-index:2}.trip-page-content.sticky{padding-bottom:100px!important}.trip-page-content .trip-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f5ede0;border-radius:8px;margin-bottom:16px}.trip-page-content .trip-status-bar .trip-status-bar-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#555}.trip-page-content .trip-status-bar .trip-status-bar-value{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#333}.trip-page-content .trip-status-bar .trip-status-bar-dot{width:8px;height:8px;border-radius:50%;background-color:#e6920a;flex-shrink:0}.trip-page-content .trip-details-card .connection-line-left{left:1.5rem;height:5rem;top:30%}.trip-page-footer{position:relative;bottom:0;left:0;width:100%;padding:16px;background-color:#fff;border-top:1px solid #e0e0e0;z-index:2}.footer-actions-group{display:flex;flex-direction:column;gap:0}.footer-actions-group .footer-primary-row{display:flex;gap:8px;align-items:stretch}.footer-actions-group .footer-primary-row .footer-reschedule-button{flex:1;margin:8px 0}.footer-actions-group .footer-primary-row .footer-more-button{margin:8px 0;padding:0 18px;background-color:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:2px;flex-shrink:0;min-height:52px}.footer-actions-group .footer-primary-row .footer-more-button:only-child{flex:1;width:100%}.footer-actions-group .footer-primary-row .footer-more-button:disabled{opacity:.6;cursor:not-allowed}.footer-actions-group .footer-cancel-button{background-color:#d20404!important}.bottom-sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:100}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#1c1c1e;border-radius:16px 16px 0 0;padding:12px 16px 32px;z-index:101;animation:slideUp .25s ease-out}.bottom-sheet .bottom-sheet-handle{width:40px;height:4px;background:#555;border-radius:2px;margin:0 auto 16px}.bottom-sheet .bottom-sheet-section-label{font-size:.7rem;font-weight:600;color:#888;letter-spacing:1px;padding:8px 4px 12px}.bottom-sheet .bottom-sheet-no-actions{color:#888;font-size:.85rem;text-align:center;padding:16px}.bottom-sheet .bottom-sheet-hold-section{background:#2c2c2e;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.bottom-sheet .bottom-sheet-hold-section .bottom-sheet-hold-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.bottom-sheet .bottom-sheet-hold-section .bottom-sheet-confirm-button{width:100%;background-color:#fff;color:#000;border:none;padding:14px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.bottom-sheet .bottom-sheet-hold-section .bottom-sheet-confirm-button:disabled{opacity:.4;cursor:not-allowed}.bottom-sheet .bottom-sheet-hold-section .bottom-sheet-confirm-button .loader{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fullscreen-photo-modal{position:fixed;top:0;left:0;width:100%!important;height:100%!important;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow:hidden}.photo-view-container{display:flow-root;position:relative;width:100%}.photo-view-container .trip-photo-card{width:100%;display:flow-root;position:relative}.photo-view-container .trip-photo-card .trip-photo-card-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;gap:15px}.photo-view-container .trip-photo-card .trip-photo-card-header .left{display:flex;align-items:center;gap:16px}.photo-view-container .trip-photo-card .trip-photo-card-header .left h3{font-size:.875rem;font-weight:600;margin:0}.photo-view-container .trip-photo-card .trip-photo-card-header .right{display:flex;align-items:center;justify-content:center}.photo-view-container .trip-photo-card .trip-photo-card-header .right .collapse-arrow{background-color:#fff;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;color:#000;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.photo-view-container .trip-photo-card .trip-photo-card-header .right .collapse-arrow.expanded{transform:rotate(0)}.photo-view-container .trip-photo-card .trip-photo-card-header .right .collapse-arrow.collapsed{transform:rotate(-90deg)}.photo-view-container .trip-photo-card .trip-photo-card-body{border-bottom:1px solid #E0E0E0;margin-bottom:10px;padding-bottom:10px}.photo-view-container .trip-photo-card .trip-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.photo-view-container .trip-photo-card .trip-photo-grid .trip-photo-item{width:100%;border:1px solid #E0E0E0;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;position:relative}.photo-view-container .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0;border:none;gap:8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.photo-view-container .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button:hover{background-color:#e0e0e0}.photo-view-container .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button p{font-size:.7rem;font-weight:400;color:#666}.photo-view-container .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button .photo-thumbnail-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-view-container .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button .photo-thumbnail-container .photo-thumbnail{width:100%;height:150px;object-fit:cover;border-radius:6px}@media (max-width: 768px){.photo-view-container .trip-photo-card .trip-photo-item,.photo-view-container .trip-photo-card .trip-photo-item .trip-photo-button{padding:0}}.main-text{font-size:20px;font-weight:700}.fullscreen-photo-modal-view-page{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@media (max-width: 768px){.fullscreen-photo-modal-view-page{height:140vh}}.fullscreen-photo-modal-view-page .fullscreen-photo-content{background-color:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;position:relative}.fullscreen-photo-modal-view-page .fullscreen-photo-content .fullscreen-photo-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8}.fullscreen-photo-modal-view-page .fullscreen-photo-content .fullscreen-photo-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.fullscreen-photo-modal-view-page .fullscreen-photo-content .fullscreen-photo-header .close-fullscreen-button{background-color:#000;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.fullscreen-photo-modal-view-page .fullscreen-photo-content .fullscreen-photo-header .close-fullscreen-button:hover{background-color:#2f2f2f}.fullscreen-photo-modal-view-page .fullscreen-photo-content .fullscreen-photo-image{padding:20px;display:flex;align-items:center;justify-content:center}.fullscreen-photo-modal-view-page .fullscreen-photo-content .fullscreen-photo-image img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.person-card{background-color:#f0f0f0;color:#000;padding:16px;border-radius:8px;width:100%;margin-bottom:16px;display:flex;align-items:center;gap:15px;justify-content:space-between}.person-card .person-call-container{background-color:#fff;height:40px;width:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;gap:15px}.collapsible-header .left{display:flex;align-items:center;gap:16px}.collapsible-header .left h3{font-size:.875rem;font-weight:600;margin:0}.collapsible-header .right{display:flex;align-items:center;justify-content:center}.collapsible-header .right .collapse-arrow{background-color:#fff;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;color:#000;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.collapsible-header .right .collapse-arrow.expanded{transform:rotate(0)}.collapsible-header .right .collapse-arrow.collapsed{transform:rotate(-90deg)}.card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;cursor:pointer;transition:all .2s ease}.card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.card.selected-card{border-color:#0f0f0f;box-shadow:0 7px 15px #0000004d}.card-header{display:flex;gap:16px;align-items:center;padding:16px;background:#f8f9fa;border-radius:12px 12px 0 0}.card-details{display:flex;align-items:center;justify-content:space-between;padding:16px;position:relative;gap:10px}.card-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:26px;margin:0 16px;padding:16px 0;align-items:center;border-top:1px dashed #f1f3f4}.card-footer h4{font-size:.85rem;color:#2c3e50;font-weight:600;margin-bottom:4px}.card-footer p{font-size:.75rem;color:#6c757d;font-weight:100}.status{background:#fff;color:#495057;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize;max-width:fit-content}.status.red{background-color:#ffdfdf;border:1px solid #ffaaaa;color:#d65f5f}.status.yellow{background-color:#fff3df;border:1px solid #ffe6aa;color:#d69f5f}.status.green{background-color:#d6f5e3;border:1px solid #a3e6c6;color:#5f9f7e}.status.blue{background-color:#d6e3f5;border:1px solid #a3c6e6;color:#5f7e9f}.large-text{font-size:1rem;color:#2c3e50;font-weight:900;margin-bottom:8px}.journey-location{width:100%;overflow-wrap:break-word;display:flex;gap:10px;height:fit-content}.car-icon{background:#fff;padding:8px;z-index:2;position:relative;display:flex;align-items:center;justify-content:center}.medium-grey-text{font-size:.7rem;color:#6c757d;font-weight:500;margin-top:4px;text-align:center}@media (max-width: 480px){.trip-card-header,.card-header{gap:12px}.trip-card-header .trip-id,.card-header .trip-id{font-size:1rem;padding:0}.trip-card-header .header-content-wrapper,.card-header .header-content-wrapper{width:100%}.trip-card-header .header-content-wrapper .content-row,.card-header .header-content-wrapper .content-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px}.trip-card-header .header-content-wrapper .content-row.values,.card-header .header-content-wrapper .content-row.values{display:flex;justify-content:flex-end;align-items:center}.trip-card-header .header-content-wrapper .content-row .business-function,.card-header .header-content-wrapper .content-row .business-function{font-size:.9rem;margin-bottom:4px}.trip-card-header .header-content-wrapper .content-row .schedule-time-heading,.card-header .header-content-wrapper .content-row .schedule-time-heading{font-size:.7rem}.trip-card-header .header-content-wrapper .content-row .schedule-time,.card-header .header-content-wrapper .content-row .schedule-time{font-size:.8rem}.trip-card-header .header-content-wrapper .content-row .status,.card-header .header-content-wrapper .content-row .status{font-size:.65rem}.trip-card-content{margin-bottom:16px}.trip-card-journey-details{padding:12px}.journey-source,.journey-destination{width:50%}.location-name{font-weight:200;font-size:.7rem}.location-type{font-size:1rem}.location-time{font-size:.65rem}.journey-connector{display:flex;width:50%;flex-direction:column;align-items:center;position:relative;margin:0 10px}.connector-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#000;transform:translateY(-50%);z-index:1}.connector-line:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:50%}.connector-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:0}.car-icon{background:#fff;padding:8px;z-index:2;position:relative;display:flex;align-items:center;justify-content:center}.registration-number{font-size:.7rem;color:#6c757d;font-weight:500;margin-top:4px;text-align:center}.trip-card-footer{display:flex;justify-content:flex-end;gap:26px;margin:0 16px;padding:12px 0;align-items:center;border-top:1px dashed #f1f3f4}.trip-card-footer h4{font-size:.75rem;color:#2c3e50;font-weight:600;margin-bottom:4px}.trip-card-footer p{font-size:.65rem;color:#6c757d;font-weight:100}}.upload-menu{position:relative;display:inline-block;background:none;left:-50%;top:40%}.upload-menu-box{position:absolute;top:40px;left:0;width:clamp(160px,40vw,210px);background:#fff;border-radius:12px;border:1px solid #e0e0e0;border-top:transparent;box-shadow:0 4px 12px #0000001a;overflow:hidden;max-width:calc(100vw - 80px);z-index:10;animation:fadeIn .2s ease}.progress-bar-container{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px}.progress-root{width:100%;height:16px;background-color:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:20px}.progress-bar{height:100%;background:linear-gradient(90deg,#242425,#8e8f90);border-radius:999px;transition:width .4s ease-in-out}.loader-s3-load{--size: 40px;position:absolute;transform:translate(-50%,-50%);width:var(--size);height:var(--size);border:calc(var(--size) / 8) solid transparent;border-top:calc(var(--size) / 8) solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.upload-menu-arrow{position:absolute;top:32px;left:25px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;z-index:11}.upload-option{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#fff;color:#000;text-align:left;padding:12px 16px;font-size:15px;border-bottom:1px solid #f2f2f2;border-radius:0;cursor:pointer;transition:background .2s ease}.upload-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.upload-option:last-child{border-bottom:none}.upload-option:hover{background-color:#f9f9f9}.upload-menu-box{animation:fadeIn .2s ease}.vehicle-inspection-page-container{display:flex;overflow:hidden;height:100%}.vehicle-inspection-page{flex:1;overflow-y:auto;overflow-x:auto}.vehicle-inspection-page-header{width:100%;display:flex;align-items:center;gap:12px;padding:22px 16px}.vehicle-inspection-page-header .vehicle-inspection-page-header-back-button{background-color:transparent;border:none;padding:0;margin:0}.vehicle-inspection-page-header .vehicle-inspection-page-header-back-button-icon{width:24px;height:24px}.vehicle-inspection-page-header h1{font-size:1.2rem;font-weight:600;line-height:0;margin:0}.vehicle-inspection-page-content{width:100%;padding:0 16px}.vehicle-inspection-page-content .vehicle-inspection-page-banner{margin-bottom:16px}.vehicle-inspection-page-content .vehicle-inspection-page-banner img{border-radius:12px}.vehicle-inspection-page-content .vehicle-inspection-form-container .permission-denied-message{height:100%;gap:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.vehicle-inspection-page-content .vehicle-inspection-form-container h3{font-size:1.2rem;font-weight:600;margin-bottom:8px}.vehicle-inspection-page-content .vehicle-inspection-form-container .vehicle-inspection-form-description{font-size:.8rem;font-weight:400;color:#666;margin-bottom:24px}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;transition:opacity .3s ease,transform .3s ease}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos.sliding{opacity:0;transform:translate(-40px)}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item{width:100%;border:1px solid #E0E0E0;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;position:relative}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item .item-index{font-size:.5rem;font-weight:400;color:#000;position:absolute;top:-5px;right:-5px;height:18px;width:18px;background-color:#f0f0f0;border-radius:100%;border:2px solid white;display:flex;align-items:center;justify-content:center}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0;border:none;gap:8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button:hover{background-color:#e0e0e0}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button p{font-size:.7rem;font-weight:400;color:#666}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button:disabled{opacity:.5;cursor:not-allowed}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button .photo-thumbnail-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button .photo-thumbnail-container .photo-thumbnail{width:100%;height:80px;object-fit:cover;border-radius:6px}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button .photo-thumbnail-container .remove-photo-button{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background-color:#000;color:#fff;border:none;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button .photo-thumbnail-container .remove-photo-button:hover{background-color:#383838}.vehicle-inspection-page-content .vehicle-inspection-form-container-photos .vehicle-inspection-form-container-photos-item button .photo-thumbnail-container .reupload-image-icon{position:absolute;top:0;right:0;width:100%;height:100%}.vehicle-inspection-page-content .photo-tips-card h3{font-size:.875rem;font-weight:600;margin:0}.vehicle-inspection-page-content .photo-tips-card ul{list-style:none;padding:0;margin:12px 0 0}.vehicle-inspection-page-content .photo-tips-card ul li{font-size:.75rem;font-weight:400;margin:0 0 12px;color:#666;display:flex;align-items:center;gap:12px}.vehicle-inspection-page-content .photo-tips-card ul li span{display:inline-block;font-size:.7rem;font-weight:500;margin:0;color:#fff;text-align:center;width:20px;height:20px;padding-top:1px;background-color:#000}.vehicle-inspection-page-footer{position:relative;width:100%;padding:16px;background-color:#fff;border-top:1px solid #e0e0e0;z-index:2}.vehicle-inspection-page-footer .vehicle-inspection-page-footer-button{width:100%;background-color:#000;color:#fff;border:none;padding:16px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease}.vehicle-inspection-page-footer .vehicle-inspection-page-footer-button:disabled{opacity:.7;cursor:not-allowed;background-color:#666}.vehicle-inspection-page-footer .vehicle-inspection-page-footer-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1023px){.main-content{margin-top:0!important}}@media (max-width: 768px){.main-content{margin-top:0!important}.vehicle-inspection-form-container-photos{grid-template-columns:1fr;gap:12px}.vehicle-inspection-form-container-photos-item{padding:12px}.vehicle-inspection-form-container-photos-item button{padding:px}.vehicle-inspection-form-container-photos-item button .photo-thumbnail-container .photo-thumbnail{height:60px}.fullscreen-photo-modal{padding:10px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header{padding:12px 16px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header h3{font-size:1rem}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header .close-fullscreen-button{width:28px;height:28px;font-size:14px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image{padding:16px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image img{max-height:60vh}}.location-details-sidebar-button-container{display:flex;flex-direction:column;gap:10px}.icon-button.count{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}.icon-button.count:hover:not(:disabled){background:#fff;border-color:#000}.skeleton{position:relative;overflow:hidden;background-color:#d6d4d4;color:transparent;pointer-events:none;margin:20px;border-radius:25px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.location-listing-page{display:flex;flex-direction:column;height:100%}.location-listing-page .location-listing-page-header{padding:10px 16px 20px;background-color:#000;color:#fff}.location-listing-page .location-listing-page-header .location-listing-header-wrapper{display:flex;justify-content:space-between;align-items:center}.location-listing-page .location-listing-page-header .location-listing-header-wrapper h1{font-size:1.5rem;font-weight:800}.location-listing-page .location-listing-page-header .location-listing-header-wrapper .header-actions{display:flex;gap:12px;align-items:center}.location-listing-page .location-listing-page-header .location-listing-header-wrapper .header-actions .toggle-filters-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.location-listing-page .location-listing-page-header .location-listing-header-wrapper .header-actions .toggle-filters-button:hover{background-color:#138496}.location-listing-page .location-listing-page-header .location-listing-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:4px}.location-listing-page .location-listing-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.location-listing-page .location-listing-page-content{display:flex;flex-direction:column;padding:20px 16px;overflow:hidden;flex:1}.location-listing-page .location-listing-page-content .permission-denied-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.location-listing-page .location-listing-page-content .permission-denied-message img{margin-bottom:20px;height:150px;width:150px;opacity:.1}.location-listing-page .location-listing-page-content .permission-denied-message p{font-size:1.2rem;font-weight:600;color:#333}.location-listing-page .location-listing-page-content .location-filters-container{background-color:#fff;border-radius:8px;margin-bottom:20px}.location-listing-page .location-listing-page-content .location-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.location-listing-page .location-listing-page-content .location-filters-container .filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}.location-listing-page .location-listing-page-content .location-filters-container .filters-header .filters-actions .clear-filters-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.location-listing-page .location-listing-page-content .location-filters-container .filters-header .filters-actions .clear-filters-button:hover{background-color:#5a6268}.location-listing-page .location-listing-page-content .location-filters-container .filters-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.location-listing-page .location-listing-page-content .location-filters-container .filters-grid .search-row{width:100%}.location-listing-page .location-listing-page-content .location-filters-container .filters-grid .filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.location-listing-page .location-listing-page-content .location-filters-container .filters-grid .filter-item{display:flex;flex-direction:column}.location-listing-page .location-listing-page-content .location-filters-container .filters-grid .filter-item .filter-dropdown{width:100%}.location-listing-page .location-listing-page-content .location-filters-container .filter-results{text-align:right;font-size:.875rem;color:#666;border-top:1px solid #e5e5e5;padding-top:16px}.location-listing-page .location-listing-page-content .location-table-container{flex:0 1 auto;overflow-x:auto;overflow-y:auto}.location-listing-page .location-listing-page-content .location-table-container .location-cards-container .card .card-header .location-name,.location-listing-page .location-listing-page-content .location-table-container .location-cards-container .card .card-header .location-name .large-text{margin:0}.location-listing-page .location-listing-page-content .location-table-container .location-cards-container .card .card-details .location-details{width:100%;display:flex;flex-direction:column;gap:5px}.location-listing-page .location-listing-page-content .location-table-container .location-cards-container .card .card-details .location-details .medium-grey-text{text-align:start}.location-listing-page .location-listing-page-content .location-table-container .location-cards-container .card .card-details .location-details .large-text{max-width:100%;word-wrap:break-word}.location-listing-page .location-listing-page-content .location-table-container .location-cards-container .card .card-footer{padding-top:0}.location-listing-page .location-listing-page-content .location-table-container .location-table{width:100%;height:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:120px}.location-listing-page .location-listing-page-content .location-table-container .location-table th,.location-listing-page .location-listing-page-content .location-table-container .location-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e5e5}.location-listing-page .location-listing-page-content .location-table-container .location-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}.location-listing-page .location-listing-page-content .location-table-container .location-table td{color:#555;font-size:.875rem}.location-listing-page .location-listing-page-content .location-table-container .location-table td .option-button{background-color:transparent;border:none;cursor:pointer}@media (max-width: 768px){.location-listing-page .location-listing-page-header .location-listing-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.location-listing-page .location-listing-page-header .location-listing-header-wrapper .header-actions{width:100%;flex-direction:column;gap:8px}.location-listing-page .location-listing-page-header .location-listing-header-wrapper .header-actions .toggle-filters-button,.location-listing-page .location-listing-page-header .location-listing-header-wrapper .header-actions button{width:100%;padding:10px 16px}.location-listing-page .location-listing-page-content{overflow-y:auto}.location-listing-page .location-listing-page-content .location-filters-container .filters-header{flex-direction:column;gap:16px;align-items:flex-start}.location-listing-page .location-listing-page-content .location-filters-container .filters-header .filters-actions{width:100%}.location-listing-page .location-listing-page-content .location-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.location-listing-page .location-listing-page-content .location-filters-container .filters-grid{grid-template-columns:1fr;gap:12px}.location-listing-page .location-listing-page-content .location-table-container{overflow:visible;flex:none}.location-listing-page .location-listing-page-content .location-table-container .location-table thead{display:none}.location-listing-page .location-listing-page-content .location-table-container .location-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.location-listing-page .location-listing-page-content .location-table-container .location-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.location-listing-page .location-listing-page-content .location-table-container .location-table tbody td:last-child{border-bottom:none}.location-listing-page .location-listing-page-content .location-table-container .location-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333;top:50%;transform:translateY(-50%);min-width:80px;padding-right:16px;text-align:left}.location-listing-page .location-listing-page-content .location-table-container .location-table tbody td .location-options{justify-content:flex-end}.location-listing-page .location-listing-page-content .location-table-container .location-table tbody td .location-options .option-button{padding:6px 12px;font-size:.8rem}}.location-details-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translate(100%);pointer-events:none}.location-details-sidebar.open{transform:translate(0);pointer-events:auto}.location-details-sidebar:not(.open) .sidebar-header,.location-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(10px)}.location-details-sidebar.open .sidebar-header,.location-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.location-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.location-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.location-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.location-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.location-details-sidebar .sidebar-content{padding:24px 16px}.location-details-sidebar .sidebar-content .location-form .location-select-input{margin-bottom:16px}.location-details-sidebar .sidebar-content .location-coordinates-container{display:flex;gap:16px}.location-details-sidebar .sidebar-content .location-details-sidebar-button{width:100%;background-color:#000;color:#fff;border:none;padding:12px 16px;border-radius:4px;cursor:pointer}.location-details-sidebar .sidebar-content .location-details-sidebar-button:disabled{background-color:#bebdbd}.location-details-sidebar .sidebar-content .location-page-wrapper{height:100%;overflow-y:auto;padding:0}.location-details-sidebar .sidebar-content .location-page-wrapper .location-page{padding:0;margin:0;height:100%}.location-details-sidebar .sidebar-content .location-page-wrapper .location-page .location-page-header{border-bottom:1px solid #e5e5e5}.location-details-sidebar .sidebar-content .location-page-wrapper .location-page .location-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.location-details-sidebar .sidebar-content .location-page-wrapper .location-page .location-page-content{padding:20px 24px}.location-details-sidebar .sidebar-content .location-page-wrapper .location-page .location-page-footer{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}@media (max-width: 1024px){.location-listing-page{padding-top:0}}@media (max-width: 768px){.location-details-sidebar{width:100%;right:0;transform:translate(100%)}.location-details-sidebar.open{transform:translate(0)}.location-details-sidebar .sidebar-content .location-info-section .info-row{flex-direction:column;align-items:flex-start;gap:8px}.location-details-sidebar .sidebar-content .location-info-section .info-row .value{text-align:left;max-width:100%}.location-details-sidebar .sidebar-content .location-actions .action-button{padding:16px;font-size:1rem}}.vendor-listing-page{height:100%}.vendor-listing-page .vendor-listing-page-header{padding:10px 16px 20px;background-color:#000;color:#fff}.vendor-listing-page .vendor-listing-page-header .vendor-listing-header-wrapper{display:flex;justify-content:space-between;align-items:center}.vendor-listing-page .vendor-listing-page-header .vendor-listing-header-wrapper h1{font-size:1.5rem;font-weight:800}.vendor-listing-page .vendor-listing-page-header .vendor-listing-header-wrapper button{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:4px}.vendor-listing-page .vendor-listing-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.vendor-listing-page .vendor-listing-page-content{padding:20px 16px;height:80%}.vendor-listing-page .vendor-listing-page-content .permission-denied-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.vendor-listing-page .vendor-listing-page-content .permission-denied-message img{margin-bottom:20px;height:150px;width:150px;opacity:.1}.vendor-listing-page .vendor-listing-page-content .permission-denied-message p{font-size:1.2rem;font-weight:600;color:#333}.vendor-listing-page .vendor-listing-page-content .vendor-table-container{overflow-x:auto;overflow-y:auto;height:100%}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container{width:100%;overflow:hidden;display:flex;flex-direction:column;padding:12px;gap:12px;margin-bottom:80px}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details{justify-content:start;gap:10px}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container{align-content:center;padding-left:10px;flex:1}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container .name-container .large-text{margin:0}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container .company-container{display:flex;flex-direction:row}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container .company-container .large-text{margin:0;display:flex;justify-content:center;align-items:center;font-weight:400}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container .company-container .car-icon{padding-left:0}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container .contact-container{display:flex;flex-direction:row}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container .contact-container .large-text{margin:0;display:flex;justify-content:center;align-items:center;font-weight:500}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-cards-container .card .card-details .details-container .basic-details-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:80px}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table th,.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #e5e5e5}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table td{color:#555;font-size:.875rem}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table td .option-button{background-color:transparent;border:none;cursor:pointer}@media (max-width: 768px){.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table thead{display:none}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table tbody td{display:block;text-align:right;padding:12px 16px;border-bottom:1px solid #f0f0f0;position:relative}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table tbody td:last-child{border-bottom:none}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table tbody td .vendor-options{justify-content:flex-end}.vendor-listing-page .vendor-listing-page-content .vendor-table-container .vendor-table tbody td .vendor-options .option-button{padding:6px 12px;font-size:.8rem}}.ratings{display:flex;width:100%;justify-content:center}.icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button.filter-active{background:#007bff;border-color:#0056b3}.icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}@media (max-width: 768px){.tabs-intercity-trip{width:100%}}.chip{justify-content:center}.rating-container{margin-top:20px;gap:10px;display:flex;flex-direction:column}.vendor-details-sidebar{position:fixed;top:0;right:0;width:450px!important;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translate(100%);pointer-events:none}@media (max-width: 768px){.vendor-details-sidebar{width:100vw!important}}.vendor-details-sidebar .sidebar-content .vendor-form .vendor-details-sidebar-button-container .vendor-details-sidebar-button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:10px}.vendor-details-sidebar .sidebar-content .driver-list-section{padding:24px;display:flex;flex-direction:column}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container{margin-bottom:20px;overflow-y:auto;max-height:400px;z-index:99999}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table{width:100%;height:100%;border-collapse:collapse;background-color:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table td .delete-driver-button{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s}.vendor-details-sidebar .sidebar-content .driver-list-section .add-driver-button-container{display:flex;justify-content:center}.vendor-details-sidebar .sidebar-content .driver-list-section .add-driver-button-container .add-driver-button{background-color:#f4f4f4;color:#000;border:1px solid black;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;width:100%;transition:all .2s}.vendor-details-sidebar .sidebar-content .driver-list-section .add-driver-button-container .add-driver-button:disabled{background-color:#dfdbdb;border:none;opacity:.6;cursor:not-allowed}@media (min-width: 768px) and (max-width: 1024px){.vendor-listing-page{padding-top:50px}}.vendor-assignment-page .vendor-assignment-page-header{padding:10px 16px 20px;background-color:#000;color:#fff}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper{display:flex;justify-content:space-between;align-items:center}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions .toggle-filters-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions .toggle-filters-button:hover{background-color:#138496}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:4px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container{background-color:#fff;border-radius:8px;margin-bottom:20px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-header .filters-actions .clear-filters-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-header .filters-actions .clear-filters-button:hover{background-color:#5a6268}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-grid .filter-item{display:flex;flex-direction:column}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-grid .filter-item .filter-dropdown{width:100%}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filter-results{text-align:right;font-size:.875rem;color:#666;border-top:1px solid #e5e5e5;padding-top:16px}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container{flex:0 1 auto;overflow-x:auto;overflow-y:auto}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions{width:100%;flex-direction:column;gap:8px}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions .toggle-filters-button,.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions button{width:100%;padding:10px 16px}.vendor-assignment-page .vendor-assignment-page-content{overflow-y:auto}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container{padding:16px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-grid{grid-template-columns:1fr;gap:12px}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container{overflow:visible;flex:none}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table thead{display:none}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td{display:block;text-align:right;padding:12px 16px;border-bottom:1px solid #f0f0f0;position:relative}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td:last-child{border-bottom:none}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td .vendor-options{justify-content:flex-end}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td .vendor-options .option-button{padding:6px 12px;font-size:.8rem}}.vendor-details-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translate(100%);pointer-events:none}.vendor-details-sidebar:not(.open) .sidebar-header,.vendor-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(10px)}.vendor-details-sidebar.open .sidebar-header,.vendor-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.vendor-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.vendor-details-sidebar .sidebar-content .vendor-form{padding:24px}.vendor-details-sidebar .sidebar-content .vendor-form .vendor-details-sidebar-button-container{display:flex;justify-content:center;margin-top:24px}.alert-page{display:flex;flex-direction:column;height:100%}.alert-page .alert-page-header{padding:10px 16px 20px;background-color:#000;color:#fff}.alert-page .alert-page-header .alert-header-wrapper{display:flex;justify-content:space-between;align-items:center}.alert-page .alert-page-header .alert-header-wrapper h1{font-size:1.5rem;font-weight:800}.alert-page .alert-page-header .alert-header-wrapper button{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.alert-page .alert-page-header .alert-header-wrapper button:hover{background-color:#f0f0f0}.alert-page .alert-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.alert-page .alert-page-content{display:flex;flex-direction:column;overflow:hidden;height:100vh;padding:20px 16px}.alert-page .alert-page-content .permission-denied-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.alert-page .alert-page-content .permission-denied-message img{margin-bottom:20px;height:150px;width:150px;opacity:.1}.alert-page .alert-page-content .permission-denied-message p{font-size:1.2rem;font-weight:600;color:#333}.alert-page .alert-page-content .alert-filters{display:flex;gap:20px;margin-bottom:20px;flex-direction:column}.alert-page .alert-page-content .alert-filters .search-row{width:100%}.alert-page .alert-page-content .alert-filters .search-row .floating-label-container{margin-bottom:0}.alert-page .alert-page-content .alert-filters .filter-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.alert-page .alert-page-content .alert-filters .filter-row>:nth-child(2){flex:1 1 auto;max-width:500px}.alert-page .alert-page-content .alert-filters .filter-row>*{min-width:150px}.alert-page .alert-page-content .alert-filters .filter-row .filter-group{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px}.alert-page .alert-page-content .alert-filters .filter-row .filter-group label{font-size:.875rem;font-weight:600;color:#333}.alert-page .alert-page-content .alert-filters .filter-row .filter-group .modern-input{width:100%}.alert-page .alert-page-content .alert-filters .filter-row .filter-group .filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.875rem;background-color:#fff;cursor:pointer}.alert-page .alert-page-content .alert-filters .filter-row .filter-group .filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.alert-page .alert-page-content .alert-filters .filter-row .clear-button{display:flex;flex-direction:column;justify-content:center;align-items:normal}.alert-page .alert-page-content .alert-filters .filter-row .clear-button .clear-filters-button{background-color:#dc3545;min-height:40px;color:#fff;border:none;padding:15px 20px;margin-top:15px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #dc354533;margin-bottom:0%}.alert-page .alert-page-content .alert-filters .filter-row .clear-button .clear-filters-button:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.alert-page .alert-page-content .alert-filters .filter-row .clear-button .clear-filters-button:active{transform:translateY(0);box-shadow:0 2px 4px #dc354533}.alert-page .alert-page-content .alert-filters .filter-row .clear-button .clear-filters-button:focus{outline:none;box-shadow:0 0 0 3px #dc354540}.alert-page .alert-page-content .alert-filters>:nth-child(2){grid-column:span 2}.alert-page .alert-page-content .alert-table-container{overflow-y:auto;flex:1}.alert-page .alert-page-content .alert-table-container .alert-table{width:100%;height:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.alert-page .alert-page-content .alert-table-container .alert-table th,.alert-page .alert-page-content .alert-table-container .alert-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e5e5;vertical-align:top}.alert-page .alert-page-content .alert-table-container .alert-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}.alert-page .alert-page-content .alert-table-container .alert-table td{color:#555;font-size:.8rem}.alert-page .alert-page-content .alert-table-container .alert-table td .alert-info .alert-title{font-weight:600;color:#333;margin-bottom:4px}.alert-page .alert-page-content .alert-table-container .alert-table td .alert-info .alert-description{color:#666;font-size:.8rem;line-height:1.4}.alert-page .alert-page-content .alert-table-container .alert-table td .severity-badge,.alert-page .alert-page-content .alert-table-container .alert-table td .status-badge{display:inline-block;padding:4px 8px;border-radius:12px;color:#fff;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.alert-page .alert-page-content .alert-table-container .alert-table td .option-button{background-color:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.alert-page .alert-page-content .alert-table-container .alert-table td .option-button:hover{background-color:#f0f0f0}.alert-page .alert-page-content .alert-table-container .alert-table .selected-alert-row{background-color:#f8f9fa!important;border-left:4px solid #000000}.alert-page .alert-page-content .alert-table-container .alert-table .selected-alert-row td{background-color:transparent}.alert-page .alert-page-content .pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px;min-height:60px}.alert-page .alert-page-content .pagination .pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.alert-page .alert-page-content .pagination .pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.alert-page .alert-page-content .pagination .pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.alert-page .alert-page-content .pagination .pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}@media (max-width: 768px){.alert-page .alert-page-content{overflow-y:auto}.alert-page .alert-page-content .alert-filters{flex-direction:column;gap:16px}.alert-page .alert-page-content .alert-filters .filter-group,.alert-page .alert-page-content .alert-filters .filter-group .filter-select,.alert-page .alert-page-content .alert-filters .clear-button{width:100%}.alert-page .alert-page-content .alert-table-container{overflow:visible;flex:none}.alert-page .alert-page-content .alert-table-container .alert-table thead{display:none}.alert-page .alert-page-content .alert-table-container .alert-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.alert-page .alert-page-content .alert-table-container .alert-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.alert-page .alert-page-content .alert-table-container .alert-table tbody td:last-child{border-bottom:none}.alert-page .alert-page-content .alert-table-container .alert-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.alert-page .alert-page-content .alert-table-container .alert-table tbody td .alert-info{text-align:right}.alert-page .alert-page-content .alert-table-container .alert-table tbody td .alert-info .alert-title{margin-bottom:8px}}.alert-details-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translate(100%);pointer-events:none}.alert-details-sidebar.open{transform:translate(0);pointer-events:auto}.alert-details-sidebar:not(.open) .sidebar-header,.alert-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(10px)}.alert-details-sidebar.open .sidebar-header,.alert-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.alert-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.alert-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.alert-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.alert-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.alert-details-sidebar .sidebar-content .alert-form{padding:24px}.alert-details-sidebar .sidebar-content .alert-form .alert-remark-input{margin-top:16px}.alert-details-sidebar .sidebar-content .alert-form .read-only-field{margin-bottom:20px}.alert-details-sidebar .sidebar-content .alert-form .read-only-field label{display:block;font-size:.875rem;font-weight:600;color:#333;margin-bottom:8px}.alert-details-sidebar .sidebar-content .alert-form .read-only-field .read-only-value{padding:12px 16px;background-color:#f8f9fa;border:1px solid #e5e5e5;border-radius:6px;color:#555;font-size:.875rem;line-height:1.4;min-height:20px}.alert-details-sidebar .sidebar-content .alert-form .floating-label-container{margin-bottom:20px}.alert-details-sidebar .sidebar-content .alert-form .alert-details-sidebar-button-container{display:flex;justify-content:center;margin-top:24px}.alert-details-sidebar .sidebar-content .alert-form .alert-details-sidebar-button-container .alert-details-sidebar-button{background-color:#000;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;width:100%;transition:background-color .2s}@media (min-width: 768px) and (max-width: 1024px){.alert-page{padding-top:50px}}@media (max-width: 768px){.alert-details-sidebar{width:100%;right:0;transform:translate(100%)}.alert-details-sidebar.open{transform:translate(0)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;background:#fff}.login-page .login-container{background:#fff;padding:40px;width:100%;max-width:400px;text-align:center;z-index:1}.login-page .login-container .login-header{margin-bottom:30px}.login-page .login-container .login-header h1{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 10px}.login-page .login-container .login-header p{color:#718096;font-size:16px;margin:0}.login-page .login-container .login-form .form-group{margin-bottom:20px}.login-page .login-container .login-form .send-otp-btn{width:100%;background:#000;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.login-page .login-container .login-form .send-otp-btn:hover:not(:disabled){transform:translateY(-2px)}.login-page .login-container .login-form .send-otp-btn:disabled{opacity:.7;cursor:not-allowed}.login-page .login-container .login-form .send-otp-btn.loading{cursor:wait}.login-page .login-container .login-form .divider{position:relative;text-align:center;z-index:-1;margin:30px 0}.login-page .login-container .login-form .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.login-page .login-container .login-form .divider span{background:#fff;padding:0 16px;color:#a0aec0;font-size:14px;z-index:1;position:relative}.login-page .login-container .login-form .sso-section h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 20px}.login-page .login-container .login-form .sso-section .sso-buttons{display:flex;flex-direction:column;gap:12px}.login-page .login-container .login-form .sso-section .sso-buttons .sso-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border-radius:12px;background:#f3f3f3;color:#000;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:all .3s ease}.otp-sidebar{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fff;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.otp-sidebar.open{right:0}.otp-sidebar .sidebar-content{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.otp-sidebar .sidebar-content .otp-form{max-width:400px}.otp-sidebar .sidebar-content .otp-form .otp-description{color:#718096;font-size:16px;margin:0 0 30px;text-align:center}.otp-sidebar .sidebar-content .otp-form .otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.otp-sidebar .sidebar-content .otp-form .otp-inputs .otp-input{width:60px;height:60px;background:#f3f3f3;border-radius:12px;text-align:center;font-size:24px;font-weight:600;border:none;color:#2d3748}.otp-sidebar .sidebar-content .otp-form .otp-inputs .otp-input:focus{outline:none;border:2px solid black}.otp-sidebar .sidebar-content .otp-form .otp-inputs .otp-input::placeholder{color:#cbd5e0}.otp-sidebar .sidebar-content .otp-form .otp-inputs .otp-input[type=number]{-moz-appearance:textfield;appearance:textfield}.otp-sidebar .sidebar-content .otp-form .otp-inputs .otp-input[type=number]::-webkit-outer-spin-button,.otp-sidebar .sidebar-content .otp-form .otp-inputs .otp-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-sidebar .sidebar-content .otp-form .verify-otp-btn{width:100%;background:#000;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.otp-sidebar .sidebar-content .otp-form .verify-otp-btn:disabled{opacity:.6;cursor:not-allowed}.otp-sidebar .sidebar-content .otp-form .verify-otp-btn.loading{cursor:wait}.otp-sidebar .sidebar-content .otp-form .resend-otp-btn{width:100%;background:none;border:2px solid #000000;color:#000;font-size:14px;cursor:pointer;padding:12px;border-radius:12px;margin-bottom:20px;transition:all .3s ease}.otp-sidebar .sidebar-content .otp-form .back-btn{width:100%;background:none;border:none;color:#718096;font-size:14px;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.approval-listing-page{display:flex;flex-direction:column;height:100%}.approval-listing-page .approval-listing-page-header{padding:16px;background-color:#000;color:#fff}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:2rem}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper h1{font-size:1.5rem;font-weight:800}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-search{flex:1;margin:0 auto;width:100%}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-search .floating-label-container{margin-bottom:0}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-search #approval-search{padding:.6rem 1.25rem;min-height:0px}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions{display:flex;gap:12px;align-items:center}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .icon-button.filter-active{background:#007bff;border-color:#0056b3}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .toggle-filters-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .toggle-filters-button:hover{background-color:#138496}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions button:hover{background-color:#dcdedf}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions button:disabled{cursor:not-allowed;opacity:.5}.approval-listing-page .approval-listing-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.approval-listing-page .approval-listing-page-content{padding:0;display:flex;flex-direction:column;overflow:hidden;flex:1;transition:margin-right .3s ease}.approval-listing-page .approval-listing-page-content.sidebar-open{margin-right:400px}@media (max-width: 768px){.approval-listing-page .approval-listing-page-content.sidebar-open{margin-right:0}}.approval-listing-page .approval-listing-page-content .approval-filters-container{background-color:#fff;border-radius:8px;margin-bottom:20px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-header .filters-actions .clear-filters-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-header .filters-actions .clear-filters-button:hover{background-color:#5a6268}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .search-row{width:100%}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row>*{min-width:250px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row .filter-item{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:5px;max-width:400px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row .filter-item .modern-input,.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row .filter-item .filter-dropdown{width:100%}.approval-listing-page .approval-listing-page-content .approval-filters-container .filter-results{text-align:right;font-size:.875rem;color:#666;border-top:1px solid #e5e5e5;padding-top:16px}.approval-listing-page .approval-listing-page-content .approval-table-container{overflow-x:auto;overflow-y:auto;height:fit-content;flex:0 1 auto}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container{padding:12px;gap:12px}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-header .trip-info{display:flex;justify-content:left;flex-direction:column;flex-wrap:wrap}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-header .trip-info .trip-id{font-size:1.1rem;font-weight:600;padding:4px 8px;color:#2c3e50}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-header .requester-name{flex:1;min-height:100%;text-align:center;font-size:1.2rem;display:flex;flex-direction:column}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-header .requested-at{flex:0;display:flex;flex-direction:column;gap:5px;text-align:center;font-size:.8rem;font-weight:200}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-details{padding:5px 16px}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-details .reg-trip-status{display:flex;width:20%;flex-direction:column;align-items:center;position:relative}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-details .vendor-info{display:flex;flex-direction:column}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-details .requested-time{display:flex;flex-direction:column;align-items:center;text-align:center;width:30%}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-footer{flex-direction:column;gap:15px}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container .card .card-footer .reason{display:flex;flex-direction:column;width:100%;gap:3px}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table th,.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e5e5}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table thead tr th{position:sticky;top:0}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table td{color:#555;font-size:.875rem}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table td .option-button{background-color:transparent;border:none;cursor:pointer}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table .selected-approval-row{background-color:#f8f9fa!important;border-left:4px solid #000000}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table .selected-approval-row td{background-color:transparent}.approval-listing-page .approval-listing-page-content .pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0;box-shadow:0 -2px 22px -7px #0000001a}.approval-listing-page .approval-listing-page-content .pagination .pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.approval-listing-page .approval-listing-page-content .pagination .pagination-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;color:#000}.approval-listing-page .approval-listing-page-content .pagination .pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.approval-listing-page .approval-listing-page-content .pagination .pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.approval-listing-page .approval-listing-page-content .pagination .pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}@media (max-width: 830px){.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions{width:100%;gap:8px}.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions .toggle-filters-button,.approval-listing-page .approval-listing-page-header .approval-listing-header-wrapper .header-actions button{width:100%;padding:10px 16px}.approval-listing-page .approval-listing-page-content{overflow-y:auto}.approval-listing-page .approval-listing-page-content .approval-filters-container{padding:16px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px;gap:12px}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row{width:100%}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row .filter-item{width:100%;max-width:100%}.approval-listing-page .approval-listing-page-content .approval-filters-container .filters-grid .filters-row .modern-input{width:100%}.approval-listing-page .approval-listing-page-content .approval-table-container{overflow:visible;flex:none}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-cards-container{padding:12px;gap:12px}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table thead{display:none}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table tbody td:last-child{border-bottom:none}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table tbody td .approval-options{justify-content:flex-end}.approval-listing-page .approval-listing-page-content .approval-table-container .approval-table tbody td .approval-options .option-button{padding:6px 12px;font-size:.8rem}}.card-footer .action-buttons-section{width:100%;border-top:1px solid #e5e5e5}.card-footer .action-buttons-section .action-buttons{display:flex;flex-direction:row;gap:12px}.card-footer .action-buttons-section .action-buttons .approve-button{flex:1;background:#000;color:#fff;border:none;padding:2px 12px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.card-footer .action-buttons-section .action-buttons .approve-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.card-footer .action-buttons-section .action-buttons .deny-button{flex:1;background:#dc3545;color:#fff;border:none;padding:10px 12px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.card-footer .action-buttons-section .action-buttons .deny-button:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.card-footer .action-buttons-section .action-buttons .deny-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.approval-details-sidebar{position:fixed;scrollbar-width:none;top:0;right:-400px;width:400px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto}.approval-details-sidebar ::-webkit-scrollbar{display:none}.approval-details-sidebar.open{right:0;pointer-events:auto}.approval-details-sidebar:not(.open){pointer-events:none}.approval-details-sidebar:not(.open) .sidebar-header,.approval-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease;transform:translateY(10px)}.approval-details-sidebar.open .sidebar-header,.approval-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.approval-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.approval-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.approval-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.approval-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.approval-details-sidebar .sidebar-content{padding:24px;height:calc(100% - 80px);overflow-y:auto;transition:all .3s;background-color:#fff}.approval-details-sidebar .sidebar-content .trip-details{transition:max-height .3s ease,opacity .3s ease;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto}.approval-details-sidebar .sidebar-content .trip-details.hidden{max-height:0;opacity:0;visibility:hidden;pointer-events:none}.approval-details-sidebar .sidebar-content .show-hide-details-button-approval-page{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:16px;margin-top:10px;cursor:pointer;pointer-events:all}.approval-details-sidebar .sidebar-content .show-hide-details-button-approval-page h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.approval-details-sidebar .sidebar-content .show-hide-details-button-approval-page ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.approval-details-sidebar .sidebar-content .show-hide-details-button-approval-page li{font-size:.75rem;font-weight:400;margin:0;color:#666}.approval-details-sidebar .sidebar-content .show-hide-details-button-approval-page .map-option-icon{display:flex;background-color:#000;width:40px;height:40px;text-align:center;justify-content:center;align-items:center;border-radius:5px}.approval-details-sidebar .sidebar-content .show-hide-details-button-approval-page .car-img{width:20px}.approval-details-sidebar .sidebar-content .approval-info-section{margin-bottom:24px;margin-top:2vh}.approval-details-sidebar .sidebar-content .approval-info-section .info-item{margin-bottom:16px}.approval-details-sidebar .sidebar-content .approval-info-section .info-item .info-label{font-size:.7rem;font-weight:500;color:#73797f;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.approval-details-sidebar .sidebar-content .approval-info-section .info-item .info-value{font-size:.9rem;color:#393a3a;font-weight:500}.approval-details-sidebar .sidebar-content .approval-info-section .info-item .info-value.date-time{display:flex;flex-direction:column;gap:4px}.approval-details-sidebar .sidebar-content .form-section{margin-bottom:24px}.approval-details-sidebar .sidebar-content .form-section .form-group{margin-bottom:20px}.approval-details-sidebar .sidebar-content .form-section .form-group .form-label{font-size:.875rem;font-weight:600;color:#495057;margin-bottom:8px;display:block}.approval-details-sidebar .sidebar-content .form-section .form-group .company-select-input,.approval-details-sidebar .sidebar-content .form-section .form-group .slot-date-dropdown,.approval-details-sidebar .sidebar-content .form-section .form-group .slot-time-dropdown{width:100%}.approval-details-sidebar .sidebar-content .form-section .form-group .slot-dropdowns{display:flex;flex-direction:column;gap:12px}.approval-details-sidebar .sidebar-content .form-section .form-group .slot-dropdowns .slot-dropdown-group{display:flex;gap:12px}.approval-details-sidebar .sidebar-content .form-section .form-group .slot-dropdowns .slot-dropdown-group .slot-date-dropdown,.approval-details-sidebar .sidebar-content .form-section .form-group .slot-dropdowns .slot-dropdown-group .slot-time-dropdown{flex:1}.approval-details-sidebar .sidebar-content .form-section .form-group .slot-dropdowns .selected-slot-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:12px}.approval-details-sidebar .sidebar-content .form-section .form-group .slot-dropdowns .selected-slot-info p{margin:0;font-size:.875rem;color:#1976d2;font-weight:500}.approval-details-sidebar .sidebar-content .form-section .form-group .alert-remark-input{width:100%}.approval-details-sidebar .sidebar-content .form-section .form-group .alert-remark-input .floating-label-container{margin-bottom:0}.approval-details-sidebar .sidebar-content .action-buttons-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5}.approval-details-sidebar .sidebar-content .action-buttons-section .action-buttons{display:flex;gap:12px}.approval-details-sidebar .sidebar-content .action-buttons-section .action-buttons .approve-button{flex:1;background:#000;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.approval-details-sidebar .sidebar-content .action-buttons-section .action-buttons .approve-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.approval-details-sidebar .sidebar-content .action-buttons-section .action-buttons .deny-button{flex:1;background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.approval-details-sidebar .sidebar-content .action-buttons-section .action-buttons .deny-button:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.approval-details-sidebar .sidebar-content .action-buttons-section .action-buttons .deny-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.approval-details-sidebar .sidebar-content .approval-page-wrapper{height:100%;overflow-y:auto;padding:0}.approval-details-sidebar .sidebar-content .approval-page-wrapper .approval-page{padding:0;margin:0;height:100%}.approval-details-sidebar .sidebar-content .approval-page-wrapper .approval-page .approval-page-header{border-bottom:1px solid #e5e5e5}.approval-details-sidebar .sidebar-content .approval-page-wrapper .approval-page .approval-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.approval-details-sidebar .sidebar-content .approval-page-wrapper .approval-page .approval-page-content{padding:20px 24px}.approval-details-sidebar .sidebar-content .approval-page-wrapper .approval-page .approval-page-footer{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}.approval-details-sidebar .sidebar-content .filters-container{padding:16px}.approval-details-sidebar .sidebar-content .filters-container .filters-actions{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.approval-details-sidebar .sidebar-content .filters-container .filter-toggle-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.approval-details-sidebar .sidebar-content .filters-container .filter-toggle-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.approval-details-sidebar .sidebar-content .filters-container .filter-toggle-button:disabled{opacity:.5;cursor:not-allowed}.approval-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active{background:#007bff;border-color:#0056b3;color:#fff}.approval-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active:hover:not(:disabled){background:#0056b3;border-color:#004085}.approval-details-sidebar .sidebar-content .filters-container .clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.approval-details-sidebar .sidebar-content .filters-container .clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd}.approval-details-sidebar .sidebar-content .filters-container .filters-grid .filters-row{display:flex;flex-direction:column;gap:1rem}.approval-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item{display:flex;flex-direction:column;gap:.5rem}.approval-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item label{font-weight:500;color:#495057;font-size:.875rem}.approval-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.approval-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.approval-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .filter-dropdown{width:100%}@media (max-width: 768px){.approval-details-sidebar{width:100vw;right:-100vw;padding-bottom:40px}.approval-details-sidebar.open{right:0}.approval-details-sidebar .sidebar-content .approval-info-section .info-row{flex-direction:column;align-items:flex-start;gap:8px}.approval-details-sidebar .sidebar-content .approval-info-section .info-row .value{text-align:left;max-width:100%}.approval-details-sidebar .sidebar-content .approval-actions .action-button{padding:16px;font-size:1rem}}.logs-page{display:flex;flex-direction:column;height:100%}.logs-page .logs-page-header{padding:10px 16px 20px;background-color:#000;color:#fff}.logs-page .logs-page-header .logs-header-wrapper{display:flex;justify-content:space-between;align-items:center}.logs-page .logs-page-header .logs-header-wrapper h1{font-size:1.5rem;font-weight:800}.logs-page .logs-page-header .logs-header-wrapper button{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.logs-page .logs-page-header .logs-header-wrapper button:hover{background-color:#f0f0f0}.logs-page .logs-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.logs-page .logs-page-content{display:flex;flex-direction:column;overflow:hidden;height:90vh;padding:20px 16px}.logs-page .logs-page-content .logs-top-row{display:flex;gap:10px;flex-direction:row}@media (max-width: 768px){.logs-page .logs-page-content .logs-top-row{flex-direction:column}}.logs-page .logs-page-content .logs-top-row .options-row{display:flex;flex-direction:row;gap:10px;justify-content:space-evenly;align-items:center}@media (min-width: 769px){.logs-page .logs-page-content .logs-top-row .options-row{min-width:25%}}.logs-page .logs-page-content .logs-top-row .options-row .btn{flex:1;max-height:45px;padding:8px 10px 10px;border:2px solid #000;border-radius:6px;background-color:#fff;align-items:center;color:#000;font-weight:600;font-size:15px;cursor:pointer;transition:all .25s ease-in-out}.logs-page .logs-page-content .logs-top-row .options-row .btn.active{background-color:#000;color:#fff;flex:1}.logs-page .logs-page-content .logs-top-row .options-row .btn:hover{opacity:.8}.logs-page .logs-page-content .logs-top-row .search-row{width:100%}.logs-page .logs-page-content .logs-top-row .search-row .floating-label-container{margin-bottom:0}.logs-page .logs-page-content .permission-denied-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.logs-page .logs-page-content .permission-denied-message img{margin-bottom:20px;height:150px;width:150px;opacity:.1}.logs-page .logs-page-content .permission-denied-message p{font-size:1.2rem;font-weight:600;color:#333}.logs-page .logs-page-content .logs-table-container{overflow-y:auto;flex:1;width:100%;margin-top:20px}.logs-page .logs-page-content .logs-table-container .logs-table{width:100%;height:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.logs-page .logs-page-content .logs-table-container .logs-table th,.logs-page .logs-page-content .logs-table-container .logs-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e5e5;vertical-align:top}.logs-page .logs-page-content .logs-table-container .logs-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}.logs-page .logs-page-content .logs-table-container .logs-table td{color:#555;font-size:.8rem}.logs-page .logs-page-content .logs-table-container .logs-table td .alert-info .alert-title{font-weight:600;color:#333;margin-bottom:4px}.logs-page .logs-page-content .logs-table-container .logs-table td .alert-info .alert-description{color:#666;font-size:.8rem;line-height:1.4}@media (max-width: 768px){.logs-page .logs-page-content{overflow-y:auto}.logs-page .logs-page-content .logs-filters{flex-direction:column;gap:16px}.logs-page .logs-page-content .logs-filters .filter-group,.logs-page .logs-page-content .logs-filters .filter-group .filter-select{width:100%}.logs-page .logs-page-content .logs-table-container{overflow:visible;flex:none}.logs-page .logs-page-content .logs-table-container .detail-view{overflow-x:auto}.logs-page .logs-page-content .logs-table-container .logs-table{width:100%;table-layout:fixed;word-wrap:break-word;overflow-wrap:break-word}.logs-page .logs-page-content .logs-table-container .logs-table thead{display:none}.logs-page .logs-page-content .logs-table-container .logs-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.logs-page .logs-page-content .logs-table-container .logs-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.logs-page .logs-page-content .logs-table-container .logs-table tbody td:last-child{border-bottom:none}.logs-page .logs-page-content .logs-table-container .logs-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.logs-page .logs-page-content .logs-table-container .logs-table tbody td .logs-info{text-align:right}.logs-page .logs-page-content .logs-table-container .logs-table tbody td .logs-info .logs-title{margin-bottom:8px}}.eov-container{font-family:monospace;font-size:14px;line-height:1.5;margin-left:1rem;max-height:100%;height:100%}.eov-toolbar{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px}.eov-row{-webkit-user-select:text;user-select:text;display:inline-flex;align-items:flex-start;gap:6px;color:#333}.eov-row.is-expandable{color:#007acc;cursor:pointer}.eov-label{font-weight:600}.eov-primitive{white-space:pre-wrap}.eov-expanded{margin-left:1.5rem;border-left:1px solid #ddd;padding-left:.5rem;color:#222}.eov-btn{cursor:pointer;border:1px solid #ccc;background:linear-gradient(180deg,#fafafa,#f2f2f2);color:#333;border-radius:6px;padding:4px 8px;line-height:1.4;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out}.eov-btn:hover{background:linear-gradient(180deg,#e6f7ff,#d9f0ff);border-color:#0b2335;background-color:#057cf3}.eov-btn svg{stroke:currentColor;transition:stroke .2s ease}.eov-btn--copy-all{padding:6px 10px;font-size:13px;line-height:1.3;border-radius:8px;font-weight:600}.eov-btn--copy-all:hover{background-color:#222}.eov-copy-all-text{color:#444;font-size:13px;font-family:Inter,Segoe UI,sans-serif;letter-spacing:.3px;font-style:normal;font-weight:500}.time-slot-page{display:flex;flex-direction:column;height:100%}.time-slot-page .time-slot-page-header{padding:16px;background-color:#000;color:#fff}.time-slot-page .time-slot-page-header .time-slot-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.time-slot-page .time-slot-page-header .time-slot-header-wrapper h1{font-size:1.5rem;font-weight:800}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions{display:flex;gap:12px;align-items:center}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .icon-button:hover:not(:disabled){background:#4e4d4d33;border-color:#77757580}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .icon-button.filter-active{background:#007bff;border-color:#0056b3}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .icon-button.slot-count{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .icon-button.slot-count:hover:not(:disabled){background:#fff;border-color:#000}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .toggle-filters-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .toggle-filters-button:hover{background-color:#138496}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions button:hover{background-color:#dcdedf}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions button:disabled{cursor:not-allowed;opacity:.5}.time-slot-page .time-slot-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.time-slot-page .time-slot-page-content{padding:0;display:flex;flex-direction:column;overflow:hidden;flex:1;transition:margin-right .3s ease}.time-slot-page .time-slot-page-content.sidebar-open{margin-right:400px}@media (max-width: 768px){.time-slot-page .time-slot-page-content.sidebar-open{margin-right:0}}.time-slot-page .time-slot-page-content .time-slot-filters-container{background-color:#fff;border-radius:8px;margin-bottom:20px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-header .filters-actions .clear-filters-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-header .filters-actions .clear-filters-button:hover{background-color:#5a6268}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .search-row{width:100%}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row>*{min-width:250px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row .filter-item{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:5px;max-width:400px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row .filter-item .modern-input,.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row .filter-item .filter-dropdown{width:100%}.time-slot-page .time-slot-page-content .time-slot-filters-container .filter-results{text-align:right;font-size:.875rem;color:#666;border-top:1px solid #e5e5e5;padding-top:16px}.time-slot-page .time-slot-page-content .time-slot-table-container{overflow-x:auto;overflow-y:auto;height:fit-content;flex:0 1 auto}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table th,.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table thead tr th{position:sticky;top:0}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tr.slot-row-editing{cursor:pointer;transition:background-color .1s}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tr.slot-row-editing:hover{background-color:#e3e5e6}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem;padding:12px 16px;text-align:left}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table td{color:#555;font-size:.875rem;padding:12px 16px;text-align:left;border-bottom:1px solid #e5e5e5}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table td .option-button{background-color:transparent;border:none;cursor:pointer}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table td[data-label=Option]{text-align:center;padding-left:20px}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table .selected-slot-row{background-color:#f8f9fa!important;border-left:4px solid #000000}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table .selected-slot-row td{background-color:transparent}.time-slot-page .time-slot-page-content .pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0;box-shadow:0 -2px 22px -7px #0000001a}.time-slot-page .time-slot-page-content .pagination .pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.time-slot-page .time-slot-page-content .pagination .pagination-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;color:#000}.time-slot-page .time-slot-page-content .pagination .pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.time-slot-page .time-slot-page-content .pagination .pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.time-slot-page .time-slot-page-content .pagination .pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}.checkbox-bw{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #000;border-radius:4px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease}.checkbox-bw:checked{background-color:#000;border-color:#000}.checkbox-bw:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-bw:hover{border-color:#444}.checkbox-bw:disabled,.checkbox-bw[readonly]{opacity:.6;cursor:not-allowed}.permanent-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:#333;font-weight:500}.permanent-checkbox-label .permanent-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#000;margin:0;flex-shrink:0}.permanent-checkbox-label .permanent-checkbox:focus{outline:2px solid #000;outline-offset:2px}.permanent-checkbox-label .permanent-checkbox-text{color:#333;font-size:.875rem}.permanent-checkbox-label:hover .permanent-checkbox-text{color:#000}@media (max-width: 830px){.time-slot-page .time-slot-page-header .time-slot-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions{width:100%;gap:8px}.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions .toggle-filters-button,.time-slot-page .time-slot-page-header .time-slot-header-wrapper .header-actions button{width:100%;padding:10px 16px}.time-slot-page .time-slot-page-content{overflow-y:auto}.time-slot-page .time-slot-page-content .time-slot-filters-container{padding:16px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px;gap:12px}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row{width:100%}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row .filter-item{width:100%;max-width:100%}.time-slot-page .time-slot-page-content .time-slot-filters-container .filters-grid .filters-row .modern-input{width:100%}.time-slot-page .time-slot-page-content .time-slot-table-container{overflow:visible;flex:none}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-cards-container{padding:12px;gap:12px}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table thead{display:none}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody tr.slot-row-editing{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody tr.slot-row-editing:hover{background-color:#fff}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody td:first-child:before{content:none}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody td:first-child{text-align:left}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody td:last-child{border-bottom:none}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody td .time-slot-options{justify-content:flex-end}.time-slot-page .time-slot-page-content .time-slot-table-container .time-slot-table tbody td .time-slot-options .option-button{padding:6px 12px;font-size:.8rem}}.time-slot-details-sidebar{position:fixed;scrollbar-width:none;top:0;right:-400px;width:400px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto}.time-slot-details-sidebar ::-webkit-scrollbar{display:none}.time-slot-details-sidebar.open{right:0;pointer-events:auto}.time-slot-details-sidebar:not(.open){pointer-events:none}.time-slot-details-sidebar:not(.open) .sidebar-header,.time-slot-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease;transform:translateY(10px)}.time-slot-details-sidebar.open .sidebar-header,.time-slot-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.time-slot-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.time-slot-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.time-slot-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.time-slot-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.time-slot-details-sidebar .sidebar-content .time-slot-page-wrapper{height:100%;overflow-y:auto;padding:0}.time-slot-details-sidebar .sidebar-content .time-slot-page-wrapper .time-slot-page{padding:0;margin:0;height:100%}.time-slot-details-sidebar .sidebar-content .time-slot-page-wrapper .time-slot-page .time-slot-page-header{border-bottom:1px solid #e5e5e5}.time-slot-details-sidebar .sidebar-content .time-slot-page-wrapper .time-slot-page .time-slot-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.time-slot-details-sidebar .sidebar-content .time-slot-page-wrapper .time-slot-page .time-slot-page-content{padding:20px 24px}.time-slot-details-sidebar .sidebar-content .time-slot-page-wrapper .time-slot-page .time-slot-page-footer{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}.time-slot-details-sidebar .sidebar-content .location-coordinates-container{display:flex;gap:16px}.time-slot-details-sidebar .sidebar-content .location-details-sidebar-button{width:100%;background-color:#000;color:#fff;border:none;padding:12px 16px;border-radius:4px;cursor:pointer}.time-slot-details-sidebar .sidebar-content .selected-slots-container{display:flex;flex-direction:column;gap:20px;padding:16px;max-height:calc(100vh - 300px);overflow-y:auto}.time-slot-details-sidebar .sidebar-content .selected-slots-container .no-selected-slots{text-align:center;padding:40px 20px;color:#6c757d}.time-slot-details-sidebar .sidebar-content .selected-slots-container .no-selected-slots p{font-size:1rem;font-weight:600;margin:0 0 8px;color:#495057}.time-slot-details-sidebar .sidebar-content .selected-slots-container .no-selected-slots span{font-size:.875rem;color:#6c757d}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card:hover{box-shadow:0 4px 8px #0000001a;border-color:#ced4da;transform:translateY(-1px)}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;background-color:#f8f9fa}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-header .slot-time-range{display:flex;flex-direction:column;gap:4px}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-header .slot-time-range .slot-date{font-size:.875rem;font-weight:600;color:#333}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-header .slot-time-range .slot-time{font-size:.75rem;color:#6c757d}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-header .remove-slot-button{background:transparent;border:none;font-size:20px;color:#6c757d;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-header .remove-slot-button:hover{background-color:#e9ecef;color:#dc3545}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body{padding:16px}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8f9fa}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-info-row:last-of-type{border-bottom:none}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-info-row .slot-label{font-size:.875rem;color:#6c757d;font-weight:500}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-info-row .slot-value{font-size:.875rem;color:#333;font-weight:600;text-align:right}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-info-row .slot-value.slot-action-type{text-transform:capitalize;padding:4px 8px;border-radius:4px;background-color:#e7f3ff;color:#06c}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-capacity-info{display:flex;align-items:center;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:2px solid #f0f0f0}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-capacity-info .capacity-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-capacity-info .capacity-item .capacity-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-capacity-info .capacity-item .capacity-value{font-size:1.25rem;font-weight:700}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-capacity-info .capacity-item .capacity-value.available{color:#28a745}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-capacity-info .capacity-item .capacity-value.total{color:#333}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .slot-card-body .slot-capacity-info .capacity-divider{width:1px;height:40px;background-color:#e5e5e5;margin:0 8px}.time-slot-details-sidebar .sidebar-content .selected-slots-container .selected-slot-card .each-slot-input{margin:10px}.time-slot-details-sidebar .sidebar-content .selected-slots-actions{padding:16px;border-top:1px solid #e5e5e5;background-color:#f8f9fa;position:sticky;bottom:0;display:flex;flex-direction:column;gap:23px}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .permanent-checkbox-container{display:flex;align-items:center}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .permanent-checkbox-container .permanent-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:#333;font-weight:500}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .permanent-checkbox-container .permanent-checkbox-label .permanent-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#000;margin:0;flex-shrink:0}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .permanent-checkbox-container .permanent-checkbox-label .permanent-checkbox:focus{outline:2px solid #000;outline-offset:2px}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .permanent-checkbox-container .permanent-checkbox-label .permanent-checkbox-text{color:#333;font-size:.875rem}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .permanent-checkbox-container .permanent-checkbox-label:hover .permanent-checkbox-text{color:#000}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .update-slots-button{width:100%;background-color:#000;color:#fff;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .update-slots-button:hover{background-color:#333}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .update-slots-button:active{transform:scale(.98)}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .update-slots-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7;pointer-events:none}.time-slot-details-sidebar .sidebar-content .selected-slots-actions .floating-label-container{min-height:0px;margin-bottom:0}.time-slot-details-sidebar .sidebar-content .filters-container{padding:16px}.time-slot-details-sidebar .sidebar-content .filters-container .filters-actions{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.time-slot-details-sidebar .sidebar-content .filters-container .filter-toggle-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.time-slot-details-sidebar .sidebar-content .filters-container .filter-toggle-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.time-slot-details-sidebar .sidebar-content .filters-container .filter-toggle-button:disabled{opacity:.5;cursor:not-allowed}.time-slot-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active{background:#007bff;border-color:#0056b3;color:#fff}.time-slot-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active:hover:not(:disabled){background:#0056b3;border-color:#004085}.time-slot-details-sidebar .sidebar-content .filters-container .clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.time-slot-details-sidebar .sidebar-content .filters-container .clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd}.time-slot-details-sidebar .sidebar-content .filters-container .filters-grid .filters-row{display:flex;flex-direction:column;gap:1rem}.time-slot-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item{display:flex;flex-direction:column;gap:.5rem}.time-slot-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item label{font-weight:500;color:#495057;font-size:.875rem}.time-slot-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.time-slot-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.time-slot-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .filter-dropdown{width:100%}@media (max-width: 768px){.time-slot-details-sidebar{width:100vw;right:-100vw;height:100vh;padding-bottom:40px}.time-slot-details-sidebar.open{right:0;padding-bottom:10px;overflow-y:visible}.time-slot-details-sidebar .sidebar-content{height:100%;overflow-y:visible}.time-slot-details-sidebar .sidebar-content .selected-slots-container{max-height:calc(100vh - 260px);min-height:0;overflow-y:auto}}.truck-trips-page{display:flex;flex-direction:column;height:100%}.truck-trips-page .truck-trips-page-header{padding:25px 16px 16px;background-color:#000;color:#fff}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper{transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper h1{font-size:1.5rem;font-weight:800}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-search{flex:1;margin:0 auto;width:100%}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-search .floating-label-container{margin-bottom:0}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-search #trip-search{padding:.6rem 1.25rem;min-height:0px}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions{display:flex;gap:12px;align-items:center}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .icon-button.filter-active{background:#007bff;border-color:#0056b3}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .icon-button.trip-count{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .icon-button.trip-count:hover:not(:disabled){background:#fff;border-color:#000}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions .create-trip{display:flex;justify-content:center;align-items:center;text-align:center;min-width:40px;height:40px;padding:.5rem}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions button:hover{background-color:#dcdedf}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions button:disabled{cursor:not-allowed;opacity:.5}.truck-trips-page .truck-trips-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.truck-trips-page .truck-trips-page-content{padding:0;display:flex;flex-direction:column;overflow:hidden;transition:margin-right .3s ease;height:100%;width:100%}.truck-trips-page .truck-trips-page-content.truck-trips-sidebar-open{margin-right:400px}@media (max-width: 768px){.truck-trips-page .truck-trips-page-content.truck-trips-sidebar-open{margin-right:0}}.truck-trips-page .truck-trips-page-content .truck-trips-list-detail-container{display:flex;flex-direction:row;overflow:hidden;height:100%}.truck-trips-page .truck-trips-page-content .truck-trips-list-detail-container .truck-trips-table-container{overflow-x:auto;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:15px;margin:2% 3%;padding-bottom:20px;min-height:0;height:95%}.truck-trips-page .truck-trips-page-content .truck-trips-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0;box-shadow:0 -2px 22px -7px #0000001a}.truck-trips-page .truck-trips-page-content .truck-trips-pagination .truck-trips-pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.truck-trips-page .truck-trips-page-content .truck-trips-pagination .truck-trips-pagination-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;color:#000}.truck-trips-page .truck-trips-page-content .truck-trips-pagination .truck-trips-pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.truck-trips-page .truck-trips-page-content .truck-trips-pagination .truck-trips-pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.truck-trips-page .truck-trips-page-content .truck-trips-pagination .truck-trips-pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}.truck-trip-person-card{background-color:#f0f0f0;color:#000;padding:16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.truck-trip-person-card .truck-trip-person-header{display:flex;align-items:center;gap:16px}.truck-trip-person-card .truck-trip-person-header .truck-trip-person-details h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.truck-trip-person-card .truck-trip-person-header .truck-trip-person-details ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.truck-trip-person-card .truck-trip-person-header .truck-trip-person-details li{font-size:.75rem;font-weight:400;margin:0;color:#666}.truck-trip-person-card .truck-trip-person-call-container{background-color:#fff;height:40px;width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.truck-trip-person-card .truck-trip-person-call-container .truck-trip-call-icon{width:20px;height:20px}.truck-trip-chip{display:inline-flex;align-items:center;background-color:#020000;flex-wrap:nowrap;color:#fff;border-radius:16px;padding:4px 12px;font-size:.95rem;cursor:pointer;transition:all .3s}.truck-trip-chip:hover{background-color:#d8d5d5}.truck-trip-chip.not-button:hover{background-color:#000}.truck-trips-details{width:0%;transition:all .2s;display:flex;flex-direction:column}.truck-trips-details.truck-trips-details-desktop-view{width:65%}.truck-trips-details.truck-trips-details-mobile-view{width:100%}.truck-trips-placeholder-details{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}.truck-trip-card{width:100%;background:#f8f8f8;color:#000;box-shadow:2px 2px 7px silver;cursor:pointer;padding:20px;border-radius:12px;backface-visibility:hidden;transform:translateZ(0)}.truck-trip-card.truck-trip-selected{background:#000;color:#fff}.truck-trip-card.truck-trip-selected .truck-trip-progress-bar .truck-trip-progress-fill{background:#fff}.truck-trip-card.truck-trip-selected .truck-trip-chip{background-color:#fff;color:#000}.truck-trip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.truck-trip-progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:5px;margin-bottom:20px}.truck-trip-progress-fill{width:0%;height:100%;background:#000;border-radius:5px}.trip-cards-container{padding:12px;gap:15px;display:flex;flex-direction:column}.trip-cards-container .card .card-header .trip-id-star-status-container{display:flex;justify-content:left;flex-direction:column;flex-wrap:wrap}.trip-cards-container .card .card-header .trip-id-star-status-container .star-status{padding-left:5px}.trip-cards-container .card .card-header .trip-id-star-status-container .trip-id{font-size:1.1rem;font-weight:600;padding:4px 8px;color:#2c3e50}.trip-cards-container .card .card-header .header-content-wrapper{width:100%}.trip-cards-container .card .card-header .header-content-wrapper .content-row{display:flex;justify-content:space-between;align-items:center}.trip-cards-container .card .card-header .header-content-wrapper .content-row.values{gap:30px}.trip-cards-container .card .card-header .header-content-wrapper .content-row .business-function{margin-bottom:8px}.trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time-heading{font-size:.75rem;color:#6c757d;font-weight:100}.trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time{font-size:.9rem;font-weight:200}.trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time span{padding-left:4px}.trip-cards-container .card .card-details .journey-source,.trip-cards-container .card .card-details .journey-destination{display:flex;flex-direction:column;align-items:center;text-align:center;width:30%;gap:3px}.trip-cards-container .card .card-details .journey-source .large-text,.trip-cards-container .card .card-details .journey-destination .large-text{margin:0}.trip-cards-container .card .card-details .journey-connector{display:flex;width:40%;flex-direction:column;align-items:center;position:relative;margin:0 20px;gap:5px}.trip-cards-container .card .card-details .journey-connector .connector-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#000;transform:translateY(-50%);z-index:1}.trip-cards-container .card .card-details .journey-connector .connector-line:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:50%}.trip-cards-container .card .card-details .journey-connector .connector-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:0}.trip-cards-container .card .card-footer{padding-top:0%}@media (max-width: 830px){.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions{width:100%;gap:8px}.truck-trips-page .truck-trips-page-header .truck-trips-header-wrapper .truck-trips-header-actions button{width:100%;padding:10px 16px}.truck-trips-page .truck-trips-page-content{overflow-y:auto;height:100%}.truck-trips-page .truck-trips-page-content .truck-trips-pagination{flex:none}}.truck-trips-sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease-in-out}.truck-trips-details-sidebar{position:fixed;scrollbar-width:none;top:0;right:-400px;width:400px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto}.truck-trips-details-sidebar ::-webkit-scrollbar{display:none}.truck-trips-details-sidebar.truck-trips-sidebar-open{right:0;pointer-events:auto}.truck-trips-details-sidebar:not(.truck-trips-sidebar-open){pointer-events:none}.truck-trips-details-sidebar:not(.truck-trips-sidebar-open) .truck-trips-sidebar-header,.truck-trips-details-sidebar:not(.truck-trips-sidebar-open) .truck-trips-sidebar-content{opacity:0;transition:opacity .2s ease;transform:translateY(10px)}.truck-trips-details-sidebar.truck-trips-sidebar-open .truck-trips-sidebar-header,.truck-trips-details-sidebar.truck-trips-sidebar-open .truck-trips-sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.truck-trips-details-sidebar .truck-trips-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.truck-trips-details-sidebar .truck-trips-sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.truck-trips-details-sidebar .truck-trips-sidebar-header .truck-trips-sidebar-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.truck-trips-details-sidebar .truck-trips-sidebar-header .truck-trips-sidebar-close-button:hover{background-color:#e9ecef;color:#333}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container{padding:16px}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filters-actions{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filter-toggle-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filter-toggle-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filter-toggle-button:disabled{opacity:.5;cursor:not-allowed}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filter-toggle-button.truck-trips-filter-active{background:#007bff;border-color:#0056b3;color:#fff}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filter-toggle-button.truck-trips-filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filters-grid .truck-trips-filters-row{display:flex;flex-direction:column;gap:1rem}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filters-grid .truck-trips-filter-item{display:flex;flex-direction:column;gap:.5rem}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filters-grid .truck-trips-filter-item label{font-weight:500;color:#495057;font-size:.875rem}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filters-grid .truck-trips-filter-item .truck-trips-modern-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filters-grid .truck-trips-filter-item .truck-trips-modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.truck-trips-details-sidebar .truck-trips-sidebar-content .truck-trips-filters-container .truck-trips-filters-grid .truck-trips-filter-item .truck-trips-filter-dropdown{width:100%}@media (max-width: 768px){.truck-trips-details-sidebar{width:100vw;right:-100vw;padding-bottom:40px}.truck-trips-details-sidebar.truck-trips-sidebar-open{right:0}}.trip-detail-wrapper{margin:20px auto;padding:15px;min-height:0;overflow-y:scroll;height:100%;width:100%}.trip-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}@media (max-width: 830px){.trip-detail-header{align-items:flex-start}}.truck-trip-detail{height:100%;margin-bottom:30px}@media (max-width: 830px){.truck-trip-detail{height:auto}}.truck-trips-details-mobile-view,.tab-content{height:100%}.trip-activity-card h3{font-size:.875rem;font-weight:600;margin:0 0 16px}.trip-activity-card .trip-activity-card-body .trip-activity-card-body-item{display:flex;align-items:center;gap:16px;margin-bottom:16px}.trip-activity-card .trip-activity-card-body .trip-activity-icon{padding:10px 10px 7px;background-color:#f0f0f0;border-radius:8px}.trip-activity-card .trip-activity-card-body .trip-activity-details{width:100%}.trip-activity-card .trip-activity-card-body .trip-activity-details .trip-activity-heading-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.trip-activity-card .trip-activity-card-body .trip-activity-details h4{font-size:.75rem;font-weight:500;margin:0 0 4px}.trip-activity-card .trip-activity-card-body p{font-size:.65rem;font-weight:400;color:#666;margin:0 0 4px}.route-label{display:flex;flex-direction:column}.route-map{display:flex;flex-direction:column;padding:20px 10px;flex:1;gap:17px}.route-row{display:flex;gap:12px;align-items:center}.route-left{display:flex;flex-direction:column;align-items:center}.route-dot{width:7px;height:7px;background:#000;border-radius:50%;flex-shrink:0}.route-connection1{width:2px;border:#000 solid 1px;background:#000;height:20px;margin-left:2px}.trip-header-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.heading-base{display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bolder}.photo-upload-odometer{margin-left:17px;padding-left:20px;border-left:1px solid}.other-header-options{display:flex;flex-direction:row;min-height:100%;gap:5px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#e9ecef;color:#333}.chip{display:inline-flex;align-items:center;background-color:#020000;white-space:nowrap;flex-wrap:nowrap;color:#000;border-radius:16px;padding:7px 12px;font-size:.95rem;background-color:#f3f1f1;cursor:pointer;transition:all .3s}.chip.active,.chip.not-button{background-color:#000;color:#fff}.chip.not-button:hover{background-color:#000}.document-list{list-style:none;padding:0;margin:0}.document-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb;flex-direction:column;width:100%}.photo-container{margin-left:18px;padding-left:20px;border-left:1px solid}.file-name{max-width:60%;overflow-wrap:break-word;flex:0 1 50px;text-align:center}.document-name{font-size:14px;color:#111827;flex:0 0 50px;display:flex;gap:5px;align-items:center;padding-left:10px;padding-right:10px;width:100%;justify-content:center}.document-actions{display:flex;gap:12px;flex:1;width:100%}.photo-upload-ewaybill{width:100%}.action-button-container{display:flex;flex-direction:column;margin-top:10px;gap:10px}.action-button{width:100%;min-height:40px;background-color:#000;color:#fff;border:none;padding:16px;margin:8px 0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-button.view-link{text-decoration:none}.photo-view{display:flex;position:relative;height:100%;width:100%}.person-card{background-color:#f0f0f0;color:#000;padding:16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.person-card .person-header{display:flex;align-items:center;gap:16px}.person-card .person-header .person-details h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.person-card .person-header .person-details ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.person-card .person-header .person-details li{font-size:.75rem;font-weight:400;margin:0;color:#666}.person-card .person-call-container{background-color:#fff;height:40px;width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.person-card .person-call-container .call-icon,.person-card .person-call-container .edit-icon{width:20px;height:20px}.location-vertical-display{display:flex;flex-direction:column;width:100%;gap:5px}.show-hide-details-button{display:flex;flex:1;align-items:center;gap:16px;background-color:#fff;border:2px black solid;border-radius:8px;margin-bottom:16px;cursor:pointer;pointer-events:all;min-width:35%;transition:all .2s}.show-hide-details-button:hover{color:#fff;background-color:#000}.show-hide-details-button h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.show-hide-details-button ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.show-hide-details-button li{font-size:.75rem;font-weight:400;margin:0;color:#666}.show-hide-details-button .map-option-icon{display:flex;background-color:transparent;width:50px;height:50px;text-align:center;justify-content:center;align-items:center;border-radius:5px}.show-hide-details-button .car-img{width:20px}.icon-container{width:100%;height:40px;border-radius:6px;background-color:#eeeff0;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background-color .2s ease}.icon-container:hover{background-color:#e9ecef}.icon-container .call-icon,.icon-container .edit-icon{width:20px;height:20px}.final-details{display:flex;flex-direction:column;width:100%;gap:10px;justify-content:end}.trip-truck-details{display:flex;flex-direction:column;width:100%;padding-bottom:30px;gap:10px;justify-content:end}.trip-details-list{list-style:none;padding:0;margin:0;display:flex;width:100%;justify-content:space-between;gap:10px;min-height:fit-content}.trip-details-list .trip-details-item{border:1px solid #e7e7e7;padding:10px 12px;border-radius:8px;margin-bottom:16px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}.trip-details-list .trip-details-item img{display:block}.trip-details-list .trip-details-item.time{flex-shrink:0;flex:0 0 45%}.trip-details-list .trip-details-item label{font-size:.65rem;font-weight:400;color:#666}.trip-details-list .trip-details-item p{font-size:.75rem;font-weight:500;margin:0}.reached{display:flex;flex-direction:column;gap:20px}.doc-btn{background:#e8f0ff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer}.map-container{position:relative;width:100%}.map-placeholder{height:100%;width:100%;background:#d7e6ff;position:relative;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#333;font-weight:500;border:2px dashed #a9c4ff}.map-stats{display:flex;justify-content:space-between;margin:20px 0;padding:15px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f}.stat-item{text-align:center;flex:1}.stat-icon{font-size:20px}.stat-title{font-size:12px}.stat-value{font-size:13px;color:#4b6fff;font-weight:600}.tabs-truck-trip-details{display:flex;gap:20px;margin:20px 0;font-size:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.tabs-truck-trip-details::-webkit-scrollbar{display:none}.tabs-wrapper{position:relative}.tabs-wrapper:before,.tabs-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:10px;pointer-events:none;z-index:1}.tabs-wrapper:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.tabs-wrapper:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.vehicle-section{display:flex;gap:40px;margin-top:20px}.vehicle-img-container{position:relative}.truck-img{width:260px;opacity:.9}.circle{min-width:40px}.truck-progress{position:absolute;top:25%;left:30%;background:#1e65ff;padding:40px 55px;border-radius:8px;color:#fff;font-size:28px;font-weight:700;opacity:.9}.vehicle-info{line-height:1.5;font-size:14px}.brand-row{display:flex;justify-content:space-between;align-items:center}.brand-logo{width:60px}.rating{font-size:16px;font-weight:600}.info-label{font-size:12px;opacity:.6;margin-top:12px}.info-value{font-size:14px;font-weight:600}.subtrip-table-container{overflow-x:auto;overflow-y:auto;height:fit-content;flex:0 1 auto;margin-top:20px}.subtrip-table-container.for-card{display:flex;flex-direction:column;gap:10px;width:100%}.subtrip-table-container .trip-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.subtrip-table-container .trip-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e5e5}.subtrip-table-container .trip-table thead tr th{position:sticky;top:0}.subtrip-table-container .trip-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem;margin-top:15px;margin-bottom:15px;padding-left:14px;text-align:start}.subtrip-table-container .trip-table th:first-child{padding-left:18px;cursor:pointer}.subtrip-table-container .trip-table th:first-child .star-all-trip-option{display:flex;color:#fff;border-radius:25px;width:40px;height:40px;justify-content:center;text-align:center;align-items:center}.subtrip-table-container .trip-table th.sortable{display:flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;padding-right:20px}.subtrip-table-container .trip-table th.sortable.asc .arrow.up,.subtrip-table-container .trip-table th.sortable.desc .arrow.down{opacity:1}.subtrip-table-container .trip-table th.sortable .sort-icons{display:inline-flex;flex-direction:column;font-size:200%;gap:3px;margin-left:6px;height:30px;position:relative;top:2px}.subtrip-table-container .trip-table th.sortable .sort-icons .arrow{width:7px;height:50px;margin:1px 0;border-left:8px solid transparent;border-right:8px solid transparent;opacity:.3;transition:opacity .2s ease}.subtrip-table-container .trip-table th.sortable .sort-icons .arrow.up{border-bottom:10px solid #333}.subtrip-table-container .trip-table th.sortable .sort-icons .arrow.down{border-top:10px solid #333}.subtrip-table-container .trip-table td{color:#555;font-size:.875rem}.subtrip-table-container .trip-table td .option-button-container{border-radius:10px;background-color:#000;padding:10px;cursor:pointer;max-width:50px}.subtrip-table-container .trip-table td .option-button-container .option-button{border:0px solid rgba(255,255,255,.3);background:#fff;color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:5px;height:20px}.subtrip-table-container .trip-table .selected-trip-row{background-color:#f8f9fa!important;border-left:4px solid #000000}.subtrip-table-container .trip-table .selected-trip-row td{background-color:transparent}.planned-trip-detail-page{position:relative;height:100vh;overflow-x:hidden;padding-bottom:20px}.planned-trip-detail-page-header{transition:max-height .3s ease,opacity .3s ease;overflow:hidden;max-height:35vh;opacity:1;visibility:visible;pointer-events:auto}.planned-trip-detail-page-header.hidden{max-height:0;opacity:0;visibility:hidden;pointer-events:none}.planned-trip-detail-page-header .map-container{margin-top:30px;height:380px}.planned-trip-detail-page-header .planned-trip-detail-navigator-button{position:sticky;bottom:20px;left:85%;z-index:10;background-color:#000;color:#fff;padding:12px 12px 10px;border:none;border-radius:8px}.planned-trip-detail-page-header .planned-trip-detail-id-container{position:absolute;z-index:10;border:2px solid rgba(255,255,255,.5);color:#6c6c6c;padding:12px 12px 10px;top:70px;left:16px;background:#ffffff08;border-radius:8px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.planned-trip-detail-page-header .planned-trip-detail-id-container.planned-trip-detail-id-container-trip-listing{top:16px}.planned-trip-detail-page-header .planned-trip-detail-id-container h3{font-weight:900;color:#848484}.planned-trip-detail-page-content{position:relative;width:100%;border-radius:16px 16px 0 0;background-color:#fff;padding:16px;margin-top:20px;box-shadow:0 -4px 6px -1px #0000001a;z-index:2}.planned-trip-detail-page-content .map-option-trip-id-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.planned-trip-detail-page-content .map-option-trip-id-container .show-hide-details-button{display:flex;flex:1;align-items:center;gap:16px;background-color:#fff;border:2px black solid;border-radius:8px;margin-bottom:16px;cursor:pointer;pointer-events:all;min-width:35%;transition:all .2s}.planned-trip-detail-page-content .map-option-trip-id-container .show-hide-details-button:hover{color:#fff;background-color:#000}.planned-trip-detail-page-content .map-option-trip-id-container .show-hide-details-button h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.planned-trip-detail-page-content .map-option-trip-id-container .show-hide-details-button ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.planned-trip-detail-page-content .map-option-trip-id-container .show-hide-details-button li{font-size:.75rem;font-weight:400;margin:0;color:#666}.planned-trip-detail-page-content .map-option-trip-id-container .show-hide-details-button .map-option-icon{display:flex;background-color:transparent;width:50px;height:50px;text-align:center;justify-content:center;align-items:center;border-radius:5px}.planned-trip-detail-page-content .map-option-trip-id-container .show-hide-details-button .car-img{width:20px}.planned-trip-detail-page-content.sticky{padding-bottom:100px!important}.planned-trip-detail-page-content .car-details-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:16px}.planned-trip-detail-page-content .car-details-card h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.planned-trip-detail-page-content .car-details-card ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.planned-trip-detail-page-content .car-details-card li{font-size:.75rem;font-weight:400;margin:0;color:#666}.planned-trip-detail-page-content .car-details-card .car-img{width:20px}.planned-trip-detail-page-content .planned-trip-detail-details-card .connection-line-left{left:1.5rem;height:5rem;top:30%}.planned-trip-detail-page-content .planned-trip-detail-details-card .location-input{padding-left:35px}.planned-trip-detail-page-content .planned-trip-detail-details-card .location-input label{font-size:.7rem;font-weight:600;color:#aeaeae}.planned-trip-detail-page-content .planned-trip-detail-details-card .location-input p{font-size:.8rem;font-weight:400;margin:0;padding:4px 10px}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list{list-style:none;padding:0;margin:0;display:flex;align-items:stretch;justify-content:space-between;gap:10px;min-height:fit-content}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list .planned-trip-detail-details-item{border:1px solid #e7e7e7;padding:10px 12px;border-radius:8px;margin-bottom:16px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list .planned-trip-detail-details-item img{display:block}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list .planned-trip-detail-details-item label{font-size:.65rem;font-weight:400;color:#666}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list .planned-trip-detail-details-item p{font-size:.75rem;font-weight:500;margin:0}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list .planned-trip-detail-details-item:nth-child(1){width:20%}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list .planned-trip-detail-details-item:nth-child(2){width:35%}.planned-trip-detail-page-content .planned-trip-detail-details-card .planned-trip-detail-details-list .planned-trip-detail-details-item:nth-child(3){width:50%}.planned-trip-detail-page-content .planned-trip-detail-poc-card{background-color:#f0f0f0;padding:16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.planned-trip-detail-page-content .planned-trip-detail-poc-card .planned-trip-detail-poc-header{display:flex;align-items:center;gap:16px}.planned-trip-detail-page-content .planned-trip-detail-poc-card .planned-trip-detail-poc-header .planned-trip-detail-poc-details h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.planned-trip-detail-page-content .planned-trip-detail-poc-card .planned-trip-detail-poc-header .planned-trip-detail-poc-details ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.planned-trip-detail-page-content .planned-trip-detail-poc-card .planned-trip-detail-poc-header .planned-trip-detail-poc-details li{font-size:.75rem;font-weight:400;margin:0;color:#666}.planned-trip-detail-page-content .planned-trip-detail-poc-card .planned-trip-detail-poc-call-container{background-color:#fff;height:40px;width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.planned-trip-detail-page-content .planned-trip-detail-poc-card .planned-trip-detail-poc-call-container .call-icon,.planned-trip-detail-page-content .planned-trip-detail-poc-card .planned-trip-detail-poc-call-container .edit-icon{width:20px;height:20px}.planned-trip-detail-page-content .planned-trip-detail-tips-card{margin-bottom:24px}.planned-trip-detail-page-content .planned-trip-detail-tips-card .planned-trip-detail-tips-card-header{width:100%;background-size:cover;height:180px;border-radius:8px;margin-bottom:16px}.planned-trip-detail-page-content .planned-trip-detail-tips-card .planned-trip-detail-tips-card-body h3{font-size:.875rem;font-weight:600;margin:0}.planned-trip-detail-page-content .planned-trip-detail-tips-card .planned-trip-detail-tips-card-body ul{list-style:none;padding:0;margin:12px 0 0}.planned-trip-detail-page-content .planned-trip-detail-tips-card .planned-trip-detail-tips-card-body ul li{font-size:.75rem;font-weight:400;margin:0 0 12px;color:#666;display:flex;align-items:center;gap:12px}.planned-trip-detail-page-content .planned-trip-detail-tips-card .planned-trip-detail-tips-card-body ul li span{display:inline-block;font-size:.7rem;font-weight:500;margin:0;color:#fff;text-align:center;width:20px;height:20px;padding-top:1px;background-color:#000}.planned-trip-detail-page-content .planned-trip-detail-remark-card{border-radius:8px;margin-bottom:26px;border:1px solid #e7e7e7;padding:16px}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-header{margin-bottom:16px}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-header h3{font-size:.875rem;font-weight:600;margin:0 0 20px;color:#2c3e50}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-body .remark-input-container{display:flex;gap:12px;align-items:center}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-body .remark-input-container .remark-input{flex:1;margin-bottom:0}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-body .remark-input-container .add-remark-button{background-color:#000;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-body .remark-input-container .add-remark-button:hover:not(:disabled){background-color:#333}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-body .remark-input-container .add-remark-button:disabled{background-color:#959595;cursor:not-allowed}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-body .remark-input-container .add-remark-button img{filter:brightness(0) invert(1)}.planned-trip-detail-page-content .planned-trip-detail-remark-card .planned-trip-detail-remark-card-body .remark-input-container .add-remark-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.planned-trip-detail-page-content .driver-card{background:#fff;border-radius:8px;margin-bottom:16px;transition:all .3s ease}.planned-trip-detail-page-content .driver-card.expanded{padding-bottom:16px}.planned-trip-detail-page-content .driver-card.expanded .driver-card-header{border-radius:8px 8px 0 0}.planned-trip-detail-page-content .driver-card .driver-card-header{display:flex;align-items:center;padding:16px;border-radius:8px;justify-content:space-between;background-color:#f0f0f0}.planned-trip-detail-page-content .driver-card .driver-header{display:flex;align-items:center;gap:16px}.planned-trip-detail-page-content .driver-card .driver-header .person-icon{width:18px;height:18px}.planned-trip-detail-page-content .driver-card .driver-header .driver-details h3{margin:0 0 4px;font-size:.875rem;font-weight:600;color:#333}.planned-trip-detail-page-content .driver-card .driver-header .driver-details ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:8px}.planned-trip-detail-page-content .driver-card .driver-header .driver-details ul li{font-size:.75rem;color:#666}.planned-trip-detail-page-content .driver-card .driver-controls-container{display:flex;gap:8px}.planned-trip-detail-page-content .driver-card .driver-controls-container .icon-container{width:40px;height:40px;border-radius:6px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.planned-trip-detail-page-content .driver-card .driver-controls-container .icon-container:hover{background-color:#e9ecef}.planned-trip-detail-page-content .driver-card .driver-controls-container .icon-container .call-icon,.planned-trip-detail-page-content .driver-card .driver-controls-container .icon-container .edit-icon{width:20px;height:20px}.planned-trip-detail-page-content .driver-card .driver-edit-form{animation:slideDown .3s ease-out}.planned-trip-detail-page-content .driver-card .driver-edit-form .driver-edit-form-row{margin-bottom:16px}.planned-trip-detail-page-content .driver-card .driver-edit-form .driver-edit-form-row .dropdown-label{margin-top:8px}.planned-trip-detail-page-content .driver-card .driver-edit-form .driver-edit-form-row .vendor-booking-id-input{margin-top:14px}.planned-trip-detail-page-content .driver-card .driver-edit-form .form-actions{display:flex;justify-content:flex-end}.planned-trip-detail-page-content .driver-card .driver-edit-form .form-actions .save-button{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px;transition:background-color .2s ease}.planned-trip-detail-page-content .driver-card .driver-edit-form .form-actions .save-button:disabled{background-color:#959595;cursor:not-allowed}.planned-trip-detail-page-content .driver-card .driver-edit-form .form-actions .save-button:hover{background-color:#9fa1a0}.planned-trip-detail-page-content .driver-card .driver-edit-form .form-actions .save-button:hover:not(:disabled){background-color:#20784c}.planned-trip-detail-page-content .driver-card .driver-edit-form .form-actions .save-button:active{transform:translateY(1px)}.planned-trip-detail-page-content .planned-trip-detail-activity-card h3{font-size:.875rem;font-weight:600;margin:0 0 16px}.planned-trip-detail-page-content .planned-trip-detail-activity-card .planned-trip-detail-activity-card-body .planned-trip-detail-activity-card-body-item{display:flex;align-items:center;gap:16px;margin-bottom:16px}.planned-trip-detail-page-content .planned-trip-detail-activity-card .planned-trip-detail-activity-card-body .planned-trip-detail-activity-icon{padding:10px 10px 7px;background-color:#f0f0f0;border-radius:8px}.planned-trip-detail-page-content .planned-trip-detail-activity-card .planned-trip-detail-activity-card-body .planned-trip-detail-activity-details{width:100%}.planned-trip-detail-page-content .planned-trip-detail-activity-card .planned-trip-detail-activity-card-body .planned-trip-detail-activity-details .planned-trip-detail-activity-heading-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.planned-trip-detail-page-content .planned-trip-detail-activity-card .planned-trip-detail-activity-card-body .planned-trip-detail-activity-details h4{font-size:.75rem;font-weight:500;margin:0 0 4px}.planned-trip-detail-page-content .planned-trip-detail-activity-card .planned-trip-detail-activity-card-body p{font-size:.65rem;font-weight:400;color:#666;margin:0 0 4px}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-card-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:16px;padding:16px;background-color:#f0f0f0;border-radius:8px}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-card-header .left{display:flex;align-items:center;gap:16px}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-card-header .left h3{font-size:.875rem;font-weight:600;margin:0}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-card-header .right{display:flex;align-items:center;justify-content:center}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-card-header .right .collapse-arrow{background-color:#fff;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;color:#000;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-card-header .right .collapse-arrow.expanded{transform:rotate(0)}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-card-header .right .collapse-arrow.collapsed{transform:rotate(-90deg)}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item{width:100%;border:1px solid #E0E0E0;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;position:relative}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item .planned-trip-detail-photo-button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0;border:none;gap:8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item .planned-trip-detail-photo-button:hover{background-color:#e0e0e0}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item .planned-trip-detail-photo-button p{font-size:.7rem;font-weight:400;color:#666}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item .planned-trip-detail-photo-button .photo-thumbnail-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item .planned-trip-detail-photo-button .photo-thumbnail-container .photo-thumbnail{width:100%;height:150px;object-fit:cover;border-radius:6px}@media (max-width: 768px){.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item,.planned-trip-detail-page-content .planned-trip-detail-photo-card .planned-trip-detail-photo-grid .planned-trip-detail-photo-item .planned-trip-detail-photo-button{padding:0}}.planned-trip-detail-id-card{display:flex;align-items:center;font-weight:bolder;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:16px;flex:0 0 20px}.planned-trip-detail-id-card.truck-trip{background-color:#dbd9d9;margin:0;padding:10px}.driver-card .driver-controls-container{display:flex;gap:8px}.driver-card .driver-controls-container .icon-container{width:40px;height:40px;border-radius:6px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.driver-card .driver-controls-container .icon-container:hover{background-color:#e9ecef}.driver-card .driver-controls-container .icon-container .call-icon,.driver-card .driver-controls-container .icon-container .edit-icon{width:20px;height:20px}.planned-trip-detail-page-footer{position:relative;bottom:0;left:0;width:100%;padding:16px;background-color:#fff;border-top:1px solid #e0e0e0;z-index:2}.planned-trip-detail-page-footer .planned-trip-detail-page-footer-button{width:100%;background-color:#000;color:#fff;border:none;padding:16px;margin:8px 0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.planned-trip-detail-page-footer .planned-trip-detail-page-footer-button:disabled{opacity:.7;cursor:not-allowed;background-color:#666}.planned-trip-detail-page-footer .planned-trip-detail-page-footer-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.planned-trip-detail-page{display:flex;flex-direction:column;height:100%}.planned-trip-detail-page-header{height:100%;max-height:380px;flex:0 0 380px;overflow:hidden;transition:all .3s ease,max-height .3s ease,flex-basis .3s ease}.planned-trip-detail-page-header.hidden{flex-basis:0;max-height:0}.planned-trip-detail-page-content{margin-top:20px;flex:1}}.photo-upload-menu{position:relative;display:inline-block;background:none;left:-50%;top:40%}.photo-upload-menu-box{position:absolute;top:40px;left:0;width:clamp(160px,40vw,210px);background:#fff;border-radius:12px;border:1px solid #e0e0e0;border-top:transparent;box-shadow:0 4px 12px #0000001a;overflow:hidden;max-width:calc(100vw - 80px);z-index:10;animation:fadeIn .2s ease}.photo-upload-heading{font-size:25px;font-weight:bolder}.photo-upload-menu-arrow{position:absolute;top:32px;left:25px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;z-index:11}.photo-upload-option{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#fff;color:#000;text-align:left;padding:12px 16px;font-size:15px;border-bottom:1px solid #f2f2f2;border-radius:0;cursor:pointer;transition:background .2s ease}.photo-upload-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.photo-upload-option:last-child{border-bottom:none}.photo-upload-option:hover{background-color:#f9f9f9}.photo-upload-page-container{display:flex;overflow:hidden;flex-direction:column;height:100%}.photo-upload-page{flex:1;overflow-y:auto;overflow-x:auto}.photo-upload-page-header{width:100%;display:flex;align-items:center;gap:12px;padding:22px 16px}.photo-upload-page-header .photo-upload-page-header-back-button{background-color:transparent;border:none;padding:0;margin:0}.photo-upload-page-header .photo-upload-page-header-back-button-icon{width:24px;height:24px}.trip-photo-card-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;gap:15px}.trip-photo-card-header .left{display:flex;align-items:center;gap:16px}.trip-photo-card-header .left h3{font-size:.875rem;font-weight:600;margin:0}.trip-photo-card-header .right{display:flex;align-items:center;justify-content:center}.trip-photo-card-header .right .collapse-arrow{background-color:#fff;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;color:#000;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.trip-photo-card-header .right .collapse-arrow.expanded{transform:rotate(0)}.trip-photo-card-header .right .collapse-arrow.collapsed{transform:rotate(-90deg)}.photo-upload-page-content{width:100%;padding:0 16px}.photo-upload-page-content .photo-upload-page-banner{margin-bottom:16px}.photo-upload-page-content .photo-upload-page-banner img{border-radius:12px}.photo-upload-page-content .photo-upload-form-container .photo-upload-permission-denied-message{height:100%;gap:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.photo-upload-page-content .photo-upload-form-container h3{font-size:1.2rem;font-weight:600;margin-bottom:8px}.photo-upload-page-content .photo-upload-form-container .photo-upload-form-description{font-size:.8rem;font-weight:400;color:#666;margin-bottom:24px}.photo-upload-page-content .photo-upload-form-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item{width:100%;border:1px solid #E0E0E0;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;position:relative}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item .photo-upload-item-index{font-size:.5rem;font-weight:400;color:#000;position:absolute;top:-5px;right:-5px;height:18px;width:18px;background-color:#f0f0f0;border-radius:100%;border:2px solid white;display:flex;align-items:center;justify-content:center}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0;border:none;gap:8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button:hover :not(.disabled){background-color:#e0e0e0}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button.disabled{cursor:not-allowed}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button p{font-size:.7rem;font-weight:400;color:#666}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button .photo-thumbnail-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button .photo-thumbnail-container .photo-thumbnail{width:100%;height:80px;object-fit:cover;border-radius:6px}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button .photo-thumbnail-container .remove-photo-button{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background-color:#000;color:#fff;border:none;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.photo-upload-page-content .photo-upload-form-photos .photo-upload-form-photos-item button .photo-thumbnail-container .remove-photo-button:hover{background-color:#383838}.fullscreen-photo-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.fullscreen-photo-modal .fullscreen-photo-content{background-color:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;position:relative}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image{padding:20px;display:flex;align-items:center;justify-content:center}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.photo-upload-page-footer{position:relative;width:100%;padding:16px;background-color:#fff;z-index:2}.photo-upload-page-footer .photo-upload-page-footer-button{width:100%;background-color:#000;color:#fff;border:none;padding:16px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease}.photo-upload-page-footer .photo-upload-page-footer-button:disabled{opacity:.7;cursor:not-allowed;background-color:#666}.photo-upload-page-footer .photo-upload-page-footer-button .photo-upload-loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.photo-upload-form-photos{grid-template-columns:1fr;gap:12px}.photo-upload-form-photos-item{padding:12px}.photo-upload-form-photos-item button .photo-thumbnail-container .photo-thumbnail{height:60px}.fullscreen-photo-modal{padding:10px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header{padding:12px 16px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header h3{font-size:1rem}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header .close-fullscreen-button{width:28px;height:28px;font-size:14px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image{padding:16px}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image img{max-height:60vh}}.planned-trip-listing-page{display:flex;flex-direction:column;height:100%}.planned-trip-listing-page .planned-trip-listing-page-header{padding:25px 16px 16px;background-color:#000;color:#fff}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper{transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper h1{font-size:1.5rem;font-weight:800}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-search{flex:1;margin:0 auto;width:100%}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-search .floating-label-container{margin-bottom:0}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-search #trip-search{padding:.6rem 1.25rem;min-height:0px}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions{display:flex;gap:12px;align-items:center}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .icon-button.filter-active{background:#007bff;border-color:#0056b3}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .icon-button.planned-trip-count{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .icon-button.planned-trip-count:hover:not(:disabled){background:#fff;border-color:#000}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .toggle-filters-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .toggle-filters-button:hover{background-color:#138496}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .create-trip{display:flex;justify-content:center;align-items:center;text-align:center;min-width:40px;height:40px;padding:.5rem}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions button:hover{background-color:#dcdedf}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions button:disabled{cursor:not-allowed;opacity:.5}.planned-trip-listing-page .planned-trip-listing-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.planned-trip-listing-page .planned-trip-listing-page-content{padding:0;display:flex;flex-direction:column;overflow:hidden;flex:1;transition:margin-right .3s ease}.planned-trip-listing-page .planned-trip-listing-page-content.sidebar-open{margin-right:400px}@media (max-width: 768px){.planned-trip-listing-page .planned-trip-listing-page-content.sidebar-open{margin-right:0}}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container{background-color:#fff;border-radius:8px;margin-bottom:20px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-header .filters-actions .clear-filters-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-header .filters-actions .clear-filters-button:hover{background-color:#5a6268}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .search-row{width:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row>*{min-width:250px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row .filter-item{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:5px;max-width:400px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row .filter-item .modern-input,.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row .filter-item .filter-dropdown{width:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filter-results{text-align:right;font-size:.875rem;color:#666;border-top:1px solid #e5e5e5;padding-top:16px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container{overflow-x:auto;overflow-y:auto;height:fit-content;flex:0 1 auto}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container{padding:12px;gap:12px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .planned-trip-id-star-status-container{display:flex;justify-content:left;flex-direction:column;flex-wrap:wrap}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .planned-trip-id-star-status-container .star-status{padding-left:5px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .planned-trip-id-star-status-container .planned-trip-id{font-size:1.1rem;font-weight:600;padding:4px 8px;color:#2c3e50}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .header-content-wrapper{width:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .header-content-wrapper .content-row{display:flex;justify-content:space-between;align-items:center}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .header-content-wrapper .content-row.values{gap:30px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .header-content-wrapper .content-row .business-function{margin-bottom:8px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time-heading{font-size:.75rem;color:#6c757d;font-weight:100}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time{font-size:.9rem;font-weight:200}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time span{padding-left:4px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-source,.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-destination{display:flex;flex-direction:column;align-items:center;text-align:center;width:30%;gap:3px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-source .large-text,.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-destination .large-text{margin:0}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-connector{display:flex;width:40%;flex-direction:column;align-items:center;position:relative;margin:0 20px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-connector .connector-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#000;transform:translateY(-50%);z-index:1}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-connector .connector-line:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:50%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-details .journey-connector .connector-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:0}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-cards-container .card .card-footer{padding-top:0%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e5e5}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table thead tr th{position:sticky;top:0}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem;margin-top:15px;margin-bottom:15px;padding-left:14px;text-align:start}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th:first-child{padding-left:18px;cursor:pointer}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th:first-child .star-all-planned-trip-option{display:flex;color:#fff;border-radius:25px;width:40px;height:40px;justify-content:center;text-align:center;align-items:center}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th.sortable{display:flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;padding-right:20px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th.sortable.asc .arrow.up,.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th.sortable.desc .arrow.down{opacity:1}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th.sortable .sort-icons{display:inline-flex;flex-direction:column;font-size:200%;gap:3px;margin-left:6px;height:30px;position:relative;top:2px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th.sortable .sort-icons .arrow{width:7px;height:50px;margin:1px 0;border-left:8px solid transparent;border-right:8px solid transparent;opacity:.3;transition:opacity .2s ease}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th.sortable .sort-icons .arrow.up{border-bottom:10px solid #333}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table th.sortable .sort-icons .arrow.down{border-top:10px solid #333}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table td{color:#555;font-size:.875rem}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table td .option-button-container{border-radius:10px;background-color:#000;padding:10px;cursor:pointer;max-width:50px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table td .option-button-container .option-button{border:0px solid rgba(255,255,255,.3);background:#fff;color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:5px;height:20px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table .selected-planned-trip-row{background-color:#f8f9fa!important;border-left:4px solid #000000}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table .selected-planned-trip-row td{background-color:transparent}.planned-trip-listing-page .planned-trip-listing-page-content .pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0;box-shadow:0 -2px 22px -7px #0000001a}.planned-trip-listing-page .planned-trip-listing-page-content .pagination .pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.planned-trip-listing-page .planned-trip-listing-page-content .pagination .pagination-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;color:#000}.planned-trip-listing-page .planned-trip-listing-page-content .pagination .pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.planned-trip-listing-page .planned-trip-listing-page-content .pagination .pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.planned-trip-listing-page .planned-trip-listing-page-content .pagination .pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}.route-options-tabs{display:flex;flex-direction:row;gap:10px;padding-top:15px;overflow-x:auto}.form-actions{display:flex;justify-content:flex-end}.form-actions .save-button{background-color:#000;color:#fff;border:none;white-space:nowrap;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px;transition:background-color .2s ease}.form-actions .save-button:disabled{background-color:#959595;cursor:not-allowed}.form-actions .save-button:hover{background-color:#9fa1a0}.form-actions .save-button:hover:not(:disabled){background-color:#20784c}.form-actions .save-button:active{transform:translateY(1px)}@media (max-width: 830px){.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions{width:100%;gap:8px}.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions .toggle-filters-button,.planned-trip-listing-page .planned-trip-listing-page-header .planned-trip-listing-header-wrapper .header-actions button{width:100%;padding:10px 16px}.planned-trip-listing-page .planned-trip-listing-page-content{overflow-y:auto;height:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container{padding:16px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px;gap:12px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row{width:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row .filter-item{width:100%;max-width:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-filters-container .filters-grid .filters-row .modern-input{width:100%}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container{flex:1 1 auto}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table thead{display:none}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table tbody td:last-child{border-bottom:none}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table tbody td .planned-trip-options{justify-content:flex-end}.planned-trip-listing-page .planned-trip-listing-page-content .planned-trip-table-container .planned-trip-table tbody td .planned-trip-options .option-button{padding:6px 12px;font-size:.8rem}.planned-trip-listing-page .planned-trip-listing-page-content .pagination{flex:none}}.planned-trip-details-sidebar{position:fixed;scrollbar-width:none;top:0;right:-400px;width:400px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto}.planned-trip-details-sidebar ::-webkit-scrollbar{display:none}.planned-trip-details-sidebar.open{right:0;pointer-events:auto}.planned-trip-details-sidebar:not(.open){pointer-events:none}.planned-trip-details-sidebar:not(.open) .sidebar-header,.planned-trip-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease;transform:translateY(10px)}.planned-trip-details-sidebar.open .sidebar-header,.planned-trip-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.planned-trip-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.planned-trip-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.planned-trip-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.planned-trip-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.planned-trip-details-sidebar .sidebar-content .planned-trip-page-wrapper{height:100%;overflow-y:auto;padding:0}.planned-trip-details-sidebar .sidebar-content .planned-trip-page-wrapper .trip-page{padding:0;margin:0;height:100%}.planned-trip-details-sidebar .sidebar-content .planned-trip-page-wrapper .trip-page .trip-page-header{border-bottom:1px solid #e5e5e5}.planned-trip-details-sidebar .sidebar-content .planned-trip-page-wrapper .trip-page .trip-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.planned-trip-details-sidebar .sidebar-content .planned-trip-page-wrapper .trip-page .trip-page-content{padding:20px 24px}.planned-trip-details-sidebar .sidebar-content .planned-trip-page-wrapper .trip-page .trip-page-footer{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}.planned-trip-details-sidebar .sidebar-content .filters-container{padding:16px}.planned-trip-details-sidebar .sidebar-content .filters-container .filters-actions{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.planned-trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.planned-trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.planned-trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button:disabled{opacity:.5;cursor:not-allowed}.planned-trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active{background:#007bff;border-color:#0056b3;color:#fff}.planned-trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active:hover:not(:disabled){background:#0056b3;border-color:#004085}.planned-trip-details-sidebar .sidebar-content .filters-container .clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.planned-trip-details-sidebar .sidebar-content .filters-container .clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd}.planned-trip-details-sidebar .sidebar-content .filters-container .filters-grid .filters-row{display:flex;flex-direction:column;gap:1rem}.planned-trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item{display:flex;flex-direction:column;gap:.5rem}.planned-trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item label{font-weight:500;color:#495057;font-size:.875rem}.planned-trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.planned-trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.planned-trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .filter-dropdown{width:100%}@media (max-width: 768px){.planned-trip-details-sidebar{width:100vw;right:-100vw;padding-bottom:40px}.planned-trip-details-sidebar.open{right:0}.planned-trip-details-sidebar .sidebar-content .planned-trip-info-section .info-row{flex-direction:column;align-items:flex-start;gap:8px}.planned-trip-details-sidebar .sidebar-content .planned-trip-info-section .info-row .value{text-align:left;max-width:100%}.planned-trip-details-sidebar .sidebar-content .planned-trip-actions .action-button{padding:16px;font-size:1rem}}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.connected-inputs .pickup-location-container,.connected-inputs .dropoff-location-container,.connected-inputs .poc-input-container{display:flex;gap:.75rem;align-items:center}.vendor-assignment-page{display:flex;flex-direction:column;height:100%}.vendor-assignment-page .vendor-assignment-page-header{padding:20px 16px;background-color:#000;color:#fff}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:15px}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper h1{font-size:1.5rem;font-weight:800}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions{display:flex;gap:12px;align-items:center;width:100%}.vendor-assignment-page .vendor-assignment-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.vendor-assignment-page .vendor-assignment-page-content{display:flex;flex-direction:column;padding:20px 16px;overflow:hidden;flex:1}.vendor-assignment-page .vendor-assignment-page-content .permission-denied-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.vendor-assignment-page .vendor-assignment-page-content .permission-denied-message img{margin-bottom:20px;height:150px;width:150px;opacity:.1}.vendor-assignment-page .vendor-assignment-page-content .permission-denied-message p{font-size:1.2rem;font-weight:600;color:#333}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container{flex:0 1 auto;overflow-x:auto;overflow-y:auto;width:100%}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table th,.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #e5e5e5}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table td{color:#555;font-size:.875rem}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table td .option-button{background-color:transparent;border:none;cursor:pointer}.vendor-assignment-page .vendor-assignment-page-content .pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px 0}.vendor-assignment-page .vendor-assignment-page-content .pagination .pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.vendor-assignment-page .vendor-assignment-page-content .pagination .pagination-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff;color:#007bff}.vendor-assignment-page .vendor-assignment-page-content .pagination .pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.vendor-assignment-page .vendor-assignment-page-content .pagination .pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.vendor-assignment-page .vendor-assignment-page-content .pagination .pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}.vendor-assignment-page .vendor-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.vendor-assignment-page .vendor-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.vendor-assignment-page .vendor-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.vendor-assignment-page .vendor-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .route-name{padding-left:20px;padding-right:20px;margin-top:20px}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .trip-page-wrapper{height:100%;overflow-y:auto;padding:0}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .trip-page-wrapper .trip-page{padding:0;margin:0;height:100%}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-header{border-bottom:1px solid #e5e5e5}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-content{padding:20px 24px}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-footer{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container{padding:16px}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filters-actions{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filter-toggle-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filter-toggle-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filter-toggle-button:disabled{opacity:.5;cursor:not-allowed}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active{background:#007bff;border-color:#0056b3;color:#fff}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active:hover:not(:disabled){background:#0056b3;border-color:#004085}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filters-grid .filters-row{display:flex;flex-direction:column;gap:1rem}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item{display:flex;flex-direction:column;gap:.5rem}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item label{font-weight:500;color:#495057;font-size:.875rem}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.vendor-assignment-page .vendor-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .filter-dropdown{width:100%}.route-page-icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;height:40px}.route-page-icon-button.add-route{background:#e7e6e6;margin-top:20px;height:100%}.route-page-icon-button.add-route.add-route:hover{background:#c9c7c7;border-color:#ffffff4d}.route-page-icon-button.add-route-header-button{background:#e7e6e6}.route-page-icon-button.add-route-header-button.add-route-header-button:hover{background:#c9c7c7;border-color:#ffffff4d}.route-page-icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.route-page-icon-button:disabled{opacity:.5;cursor:not-allowed}.route-page-icon-button.filter-active{background:#007bff;border-color:#0056b3}.route-page-icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.route-page-icon-button.toggle-filter-button{background-color:#000!important;color:#fff;border:.5px white solid!important;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.route-page-icon-button.toggle-filter-button:hover{background-color:#474747!important}.route-page-icon-button.route-count{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px!important}.route-page-icon-button.route-count:hover:not(:disabled){background:#fff;border-color:#000}.header-search{flex:1;margin:0 auto;width:100%}.header-search .floating-label-container{margin-bottom:0}.header-search #route-search{padding:.6rem 1.25rem;min-height:0px}@media (min-width: 768px) and (max-width: 1024px){.vendor-assignment-page{padding-top:50px}}@media (max-width: 768px){.route-table-row{font-size:small}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions{width:100%;flex-direction:column;gap:8px}.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions .toggle-filters-button,.vendor-assignment-page .vendor-assignment-page-header .vendor-assignment-header-wrapper .header-actions button{width:100%;padding:10px 16px}.vendor-assignment-page .vendor-assignment-page-content{overflow-y:auto}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container{padding:16px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.vendor-assignment-page .vendor-assignment-page-content .vendor-filters-container .filters-grid{grid-template-columns:1fr;gap:12px}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container{flex:none}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table thead{display:none}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td{display:block;text-align:right;padding:12px 16px;border-bottom:1px solid #f0f0f0;position:relative}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td:last-child{border-bottom:none}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td .vendor-options{justify-content:flex-end}.vendor-assignment-page .vendor-assignment-page-content .vendor-table-container .vendor-table tbody td .vendor-options .option-button{padding:6px 12px;font-size:.8rem}}.vendor-details-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:999999;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;pointer-events:none;display:flex;flex-direction:column}.vendor-details-sidebar.open{transform:translate(0);pointer-events:auto}.vendor-details-sidebar:not(.open) .sidebar-header,.vendor-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease,transform .2s ease}.vendor-details-sidebar.open .sidebar-header,.vendor-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s}.vendor-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa;min-width:100%}.vendor-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.vendor-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.vendor-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.vendor-details-sidebar .sidebar-content .vendor-page-wrapper{height:100%;overflow-y:auto;padding:0}.vendor-details-sidebar .sidebar-content .vendor-page-wrapper .vendor-page{padding:0;margin:0;height:100%}.vendor-details-sidebar .sidebar-content .vendor-page-wrapper .vendor-page .vendor-page-header{border-bottom:1px solid #e5e5e5}.vendor-details-sidebar .sidebar-content .vendor-page-wrapper .vendor-page .vendor-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.vendor-details-sidebar .sidebar-content .vendor-page-wrapper .vendor-page .vendor-page-content{padding:20px 24px}.vendor-details-sidebar .sidebar-content .vendor-page-wrapper .vendor-page .vendor-page-footer{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}.vendor-details-sidebar .sidebar-content .vendor-form{padding:12px}.vendor-details-sidebar .sidebar-content .vendor-form .vendor-select-input{margin-bottom:16px}.vendor-details-sidebar .sidebar-content .vendor-form .floating-label-container{margin-bottom:20px}.vendor-details-sidebar .sidebar-content .vendor-form .vendor-coordinates-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.vendor-details-sidebar .sidebar-content .vendor-form .vendor-details-sidebar-button-container{display:flex;justify-content:center;flex-direction:column;margin-top:24px}.vendor-details-sidebar .sidebar-content .vendor-form .vendor-details-sidebar-button-container .vendor-details-sidebar-button{background-color:#000;width:100%;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.vendor-details-sidebar .sidebar-content .vendor-form .vendor-details-sidebar-button-container .vendor-details-sidebar-button:disabled{opacity:.5;cursor:not-allowed}.vendor-details-sidebar .sidebar-content .driver-list-section{padding:24px}.vendor-details-sidebar .sidebar-content .driver-list-section h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:#333}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container{margin-bottom:20px;overflow-x:auto}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table th,.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e5e5;font-size:.875rem}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table th{background-color:#f8f9fa;font-weight:600;color:#333}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table td{color:#555}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table .editing-row{background-color:#f8f9fa}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table .editing-row .driver-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table .editing-row .driver-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.vendor-details-sidebar .sidebar-content .driver-list-section .driver-table-container .driver-table .editing-row .driver-input::placeholder{color:#999}.route-container{width:90%;margin:20px;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column}.route-container .vendor-details-sidebar-button-container{display:flex;justify-content:center;flex-direction:column;gap:10px;margin-top:24px}.route-container .vendor-details-sidebar-button-container .vendor-details-sidebar-button{background-color:#000;width:100%;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.route-container .vendor-details-sidebar-button-container .vendor-details-sidebar-button:disabled{opacity:.5;cursor:not-allowed}.location-order-container{display:flex;width:100%;flex-wrap:wrap;flex-direction:column}.location-order-container>*{min-width:0}.location{display:flex;flex-direction:column;justify-content:space-between;width:100%;background:#fff9;border:1px solid #e2e2e2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:10px 14px;margin-bottom:10px;box-shadow:0 4px 10px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.location-name-logo-container{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1 1 0;min-width:0;cursor:pointer}.location-name-option{display:flex;flex-direction:row;justify-content:space-between;gap:10px;width:100%}.location-name-option>*{min-width:0}.location-options{width:60px;flex:0 0 auto}.delete-button{padding:5px;cursor:pointer;background:none;border:none}.delete-button:disabled{opacity:.5;cursor:not-allowed}.drag-button{cursor:grab;background:none;border:none;margin-right:10px}.drag-button.dragging{cursor:grabbing}.location-arrow-container{width:100%}.location:hover{box-shadow:0 6px 16px #0000001a}.location summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 0;flex:1}.location summary::-webkit-details-marker{display:none}.title{font-weight:600;font-size:17px;color:#222;flex:1 1 0;overflow-wrap:anywhere}.dot{width:16px;height:16px;border-radius:50%;box-shadow:0 0 4px #0000004d}.start{background:#4caf50}.end{background:#ff4d4d}.mid{background:#2196f3}.details-box{display:flex;flex-direction:column;gap:5px;margin-top:12px;background:#fff;border-radius:10px;padding:12px;border:1px solid #eee;box-shadow:0 2px 8px #0000000d;animation:fadeIn .3s ease}.details-box p{margin:4px 0;font-size:14px;color:#444}.details-box strong{color:#000;font-weight:600}.arrow{text-align:center;font-size:40px;font-weight:700;color:#2e2d2d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.vendor-details-sidebar{width:100%;right:0;transform:translate(100%)}.vendor-details-sidebar.open{transform:translate(0)}.vendor-details-sidebar .sidebar-content .vendor-info-section .info-row{flex-direction:column;align-items:flex-start;gap:8px}.vendor-details-sidebar .sidebar-content .vendor-info-section .info-row .value{text-align:left;max-width:100%}.vendor-details-sidebar .sidebar-content .vendor-actions .action-button{padding:16px;font-size:1rem}}.document-details{display:flex;flex-direction:column;width:100%}.tabs{display:flex;gap:20px;margin:15px 0!important;font-size:14px}.save-button{width:100%;background-color:#000;color:#fff;border:none;padding:16px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease}.save-button:disabled{opacity:.7;cursor:not-allowed;background-color:#666}.save-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.document-lists{display:flex;flex-direction:column;gap:0px}.verified-status-chip{display:inline-flex;align-items:center;background-color:#fff;flex-wrap:nowrap;color:#000;border-radius:16px;padding:7px 12px;font-size:.95rem;transition:all .3s;border:#000 1px solid}.verified-status-chip.active{background-color:#000;color:#fff}.row-content{display:flex;flex-direction:row;align-items:center;gap:10px}.row-content.disabled{color:#807f7f}.section-tab{display:flex;align-items:center;gap:16px;padding:16px;justify-content:space-between;background-color:#f0f0f0;border-radius:8px;margin-bottom:0;margin-top:10px;pointer-events:all}.document-info-section .info-item{margin-bottom:16px}.document-info-section .info-item .info-label{font-size:.7rem;font-weight:500;color:#73797f;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.document-info-section .info-item .info-value{font-size:.9rem;color:#393a3a;font-weight:500}.document-info-section .info-item .info-value.date-time{display:flex;flex-direction:column;gap:4px}.info-item{margin-bottom:16px}.info-item .info-label{font-size:.7rem;font-weight:500;color:#73797f;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-item .info-value{font-size:.9rem;color:#393a3a;font-weight:500}.info-item .info-value.date-time{display:flex;flex-direction:column;gap:4px}.document-mode-details{margin-top:16px;margin-bottom:16px}.form-section{margin-bottom:24px}.form-section .form-group{margin-bottom:20px}.form-section .form-group .form-label{font-size:.875rem;font-weight:600;color:#495057;margin-bottom:8px;display:block}.form-section .form-group .company-select-input{width:100%}.form-section .form-group .slot-dropdowns{display:flex;flex-direction:column;gap:12px}.form-section .form-group .slot-dropdowns .slot-dropdown-group{display:flex;gap:12px}.form-section .form-group .filter-dropdown{width:100%}.action-buttons-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5}.action-buttons-section .action-buttons{display:flex;gap:12px}.action-buttons-section .action-buttons .approve-button{flex:1;background:#000;color:#fff;border:none;display:flex;flex-direction:row;justify-content:center;gap:15px;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-buttons-section .action-buttons .approve-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.driver-card{margin-bottom:24px;margin-top:20px}.photo-upload-document{margin-left:20px;padding-left:20px;border-left:1px solid}.document-activity-card-body .document-activity-card-body-item{display:flex;align-items:center;gap:16px;margin-bottom:16px}.document-activity-card-body .document-activity-icon{padding:10px 10px 7px;background-color:#f0f0f0;border-radius:8px}.document-activity-card-body .document-activity-details{width:100%}.document-activity-card-body .document-activity-details .document-activity-heading-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.document-activity-card-body .document-activity-details h4{font-size:.75rem;font-weight:500;margin:0 0 4px}.document-activity-card-body p{font-size:.65rem;font-weight:400;color:#666;margin:0 0 4px}.documents-detail-page{height:100%;width:100%;overflow-y:auto}.show-hide-details-button-documents-page{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:10px;margin-right:10px;margin-top:10px;cursor:pointer;pointer-events:all}.show-hide-details-button-documents-page h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.trip-details{transition:max-height .3s ease,opacity .3s ease;overflow:visible;opacity:1;visibility:visible;width:100%;pointer-events:auto;height:100%}.trip-details.hidden{max-height:0;opacity:0;visibility:hidden;pointer-events:none}.declaration-form-section,.change-ownership-section{margin-left:17px;padding-left:20px;border-left:1px solid}.otp-verification-section{margin-left:19px;padding-left:20px;border-left:1px solid}.document-verify-form{margin-left:17px;padding-left:20px;border-left:1px solid}.empty-connector-line{height:10px}.driver-edit-form .driver-edit-form-row{display:flex;flex-direction:column;gap:16px}.form-actions{margin-top:24px;display:flex;gap:12px}.otp-page{display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;background:#fff}.form-group{margin-bottom:20px}.send-otp-btn{width:100%;background:#000;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.send-otp-btn:hover:not(:disabled){transform:translateY(-2px)}.send-otp-btn:disabled{opacity:.7;cursor:not-allowed}.send-otp-btn.loading{cursor:wait}.divider{position:relative;text-align:center;z-index:-1;margin:30px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.divider span{background:#fff;padding:0 16px;color:#a0aec0;font-size:14px;z-index:1;position:relative}.otp-form{max-width:400px;margin-top:20px}.otp-form .otp-description{color:#718096;font-size:16px;margin:0 0 30px;text-align:center}.otp-form .otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.otp-form .otp-inputs .otp-input{width:60px;height:60px;background:#f3f3f3;border-radius:12px;text-align:center;font-size:24px;font-weight:600;border:none;color:#2d3748}.otp-form .otp-inputs .otp-input:focus{outline:none;border:2px solid black}.otp-form .otp-inputs .otp-input::placeholder{color:#cbd5e0}.otp-form .otp-inputs .otp-input[type=number]{-moz-appearance:textfield;appearance:textfield}.otp-form .otp-inputs .otp-input[type=number]::-webkit-outer-spin-button,.otp-form .otp-inputs .otp-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-form .verify-otp-btn{width:100%;background:#000;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.otp-form .verify-otp-btn:disabled{opacity:.6;cursor:not-allowed}.otp-form .verify-otp-btn.loading{cursor:wait}.otp-form .resend-otp-btn{width:100%;background:none;border:2px solid #000000;color:#000;font-size:14px;cursor:pointer;padding:12px;border-radius:12px;margin-bottom:20px;transition:all .3s ease}.otp-form .back-btn{width:100%;background:none;border:none;color:#718096;font-size:14px;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 480px){.login-page{padding:10px}.login-page .login-container{padding:30px 20px}.otp-sidebar{width:100%;max-width:none}.otp-sidebar .sidebar-header{padding:15px 20px}.otp-sidebar .sidebar-header h2{font-size:20px}.otp-sidebar .sidebar-content{padding:20px}.otp-sidebar .sidebar-content .otp-form .otp-inputs{gap:8px}.otp-sidebar .sidebar-content .otp-form .otp-inputs .otp-input{width:50px;height:50px;font-size:20px}}.resend-cooldown{color:#666;font-size:.9rem;text-align:center;padding:10px;background-color:#f5f5f5;border-radius:4px;margin:10px 0}.resend-limit{color:#e74c3c;font-size:.9rem;text-align:center;padding:10px;background-color:#fdf2f2;border-radius:4px;margin:10px 0}.resend-otp-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin:10px 0}.resend-otp-btn:hover:not(:disabled){background-color:#0056b3}.resend-otp-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.create-trip-page{margin-top:5px}}.base-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:16px;height:100%}.base-card-content{display:flex;flex-direction:column;background-color:#f0f0f0;padding:10px;border-radius:8px;gap:4px;text-align:center;height:100%}.small-text{font-size:.8rem;color:#717070!important;margin:4px 0 0!important}.transfer-card{border:1px solid #aaaaaa;border-radius:25px;padding:16px;background-color:#fff;display:flex;flex-direction:column;gap:14px;margin-bottom:10px;height:100%}.transfer-cars{font-size:14px;font-weight:600;color:#000;display:flex;justify-content:center;align-items:center;gap:5px;flex-direction:column}.transfer-route{display:flex;align-items:center;justify-content:space-between}.route-city{font-size:14px;font-weight:600;color:#000;white-space:nowrap;display:flex;flex-direction:column;justify-content:center;align-items:center}.route-connector{display:flex;align-items:center;flex:1;margin:0 12px;font-size:20px}.route-dot{width:6px;height:6px;background-color:#000;border-radius:50%}.route-line{flex:1;height:1px;background-color:#000;margin:0}.transfer-time{font-size:13px;color:#000;opacity:.8;display:flex;gap:5px;justify-content:center;align-items:center;flex-direction:column}.create-trip-page-title{font-size:3.5rem;font-weight:900;letter-spacing:1px;max-width:40%;margin:24px 0;color:#8b8a8acc}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.tripform-container{width:40%;height:100%;padding:1.5rem 0;background:#fff;border-radius:20px}.connected-inputs .pickup-location-container,.connected-inputs .dropoff-location-container,.connected-inputs .poc-input-container{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.connected-inputs .pickup-location-container .pickup-type-dropdown,.connected-inputs .pickup-location-container .dropoff-type-dropdown,.connected-inputs .dropoff-location-container .pickup-type-dropdown,.connected-inputs .dropoff-location-container .dropoff-type-dropdown,.connected-inputs .poc-input-container .pickup-type-dropdown,.connected-inputs .poc-input-container .dropoff-type-dropdown,.connected-inputs .pickup-location-container .pickup-poc-input,.connected-inputs .pickup-location-container .dropoff-poc-input,.connected-inputs .dropoff-location-container .pickup-poc-input,.connected-inputs .dropoff-location-container .dropoff-poc-input,.connected-inputs .poc-input-container .pickup-poc-input,.connected-inputs .poc-input-container .dropoff-poc-input{width:50%}@media (max-width: 768px){.create-trip-page-title{font-size:2rem;max-width:100%}.create-trip-hero{flex-direction:column;gap:0rem;align-items:stretch;padding:0}.tripform-container{width:100%;order:2;padding:0}.trip-form-banner{width:100%;order:1}.trip-form-banner .trip-form-banner-image{display:none}.nav-container{flex-direction:row;gap:1rem}.nav-links{gap:1rem}.home-content,.trips-grid{grid-template-columns:1fr}.trip-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-actions{flex-direction:column}.sidebar-overlay{display:block}.sidebar{width:100%;left:-100%}.sidebar.open{left:0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.main-form-section{padding:0 1rem 2rem}.form-container{padding:2rem 1.5rem;transform:translateY(-20px)}.form-header h2{font-size:2rem}.form-row{gap:1.5rem}.form-actions{flex-direction:column;gap:1rem}.primary-button,.secondary-button{width:100%;min-width:auto}.floating-label-input{padding:1rem 1rem 1rem 3rem;font-size:1rem}.floating-label{font-size:1rem;left:1rem;top:.875rem}.floating-label.active{top:-.4rem;left:.75rem}.floating-label-input.active{padding-top:1.25rem;padding-left:3rem;padding-bottom:.5rem}.location-suggestions{max-height:250px}.suggestion-item{padding:.875rem 1rem}.connection-line{right:1.25rem}.input-icon{left:.75rem;width:20px;height:20px}.floating-label-input.with-icon{padding-left:2.5rem}.floating-label.with-icon{left:2.5rem}.floating-label.with-icon.active{left:2.25rem}.features-section{padding:3rem 1rem}.features-container h2{font-size:2.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}}.trip-listing-page .trip-listing-page-content .trip-table-container{overflow-x:auto;overflow-y:auto;height:fit-content;text-align:center;flex:0 1 auto}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;text-align:center!important;box-shadow:0 2px 8px #0000001a}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table td{padding:12px 14px;border-bottom:1px solid #e5e5e5;text-align:center}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody{padding:16px 14px!important}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tr th,.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tr td{padding:12px 14px!important}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem;margin-top:15px;margin-bottom:15px;padding-left:14px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table .selected-trip-row{background-color:#f8f9fa!important;border-left:4px solid #000000}.option-button{background-color:transparent;border:none;cursor:pointer}@media (max-width: 830px){.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions{width:100%;gap:8px}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .toggle-filters-button,.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions button{width:100%;padding:10px 16px}.trip-listing-page .trip-listing-page-content{overflow-y:auto;height:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container{padding:16px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px;gap:12px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row{width:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row .filter-item{width:100%;max-width:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row .modern-input{width:100%}.trip-listing-page .trip-listing-page-content .trip-table-container{flex:1 1 auto;text-align:center}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table thead{display:none}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td{display:block;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td:last-child{border-bottom:none}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td .trip-options{justify-content:flex-end}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td .trip-options .option-button{padding:6px 12px;font-size:.8rem}.trip-listing-page .trip-listing-page-content .pagination{flex:none}}.trip-details-sidebar{position:fixed;scrollbar-width:none;top:0;right:-400px;width:400px;height:100vh;background-color:#fff!important;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.create-trip-page-car-specific .tripform-container .form-group{display:flex;flex-direction:column;gap:1rem}.create-trip-page-car-specific .pickup-section{margin-bottom:0}.create-trip-page-car-specific .pickup-section .pickup-location-container{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem}.create-trip-page-car-specific .pickup-section .pickup-location-container .pickup-type-dropdown,.create-trip-page-car-specific .pickup-section .pickup-location-container .pickup-city-dropdown{width:50%}.create-trip-page-car-specific .pickup-section .pickup-location-input{width:100%;margin-bottom:.5rem;margin-top:.5rem}.create-trip-page-car-specific .pickup-section .address-input-container-2{padding-left:2rem}.vehicle-dropoff-cards{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:0}.create-trip-page-car-specific .trip-form-banner-map-wrap{display:flex;flex-direction:column;gap:.75rem;width:100%;height:100%;min-height:300px}.create-trip-page-car-specific .trip-form-banner-map-wrap .transit-route-vehicle-select{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.create-trip-page-car-specific .trip-form-banner-map-wrap .transit-route-vehicle-select .transit-route-vehicle-label{font-size:.875rem;font-weight:600;color:#2c3e50}.create-trip-page-car-specific .trip-form-banner-map-wrap .transit-route-vehicle-select .transit-route-vehicle-dropdown{min-width:200px}.create-trip-page-car-specific .trip-form-banner-map-wrap .trip-route-map{flex:1;min-height:280px}.vehicle-dropoff-card{border:1px solid #434444;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000f;overflow:hidden;flex:1;display:flex;flex-direction:column}.vehicle-dropoff-card .vehicle-dropoff-card-header{display:flex;gap:5px;font-size:.9rem;font-weight:600;color:#2c3e50;padding:.875rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;text-align:center}.vehicle-dropoff-card .vehicle-dropoff-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:10px}.vehicle-dropoff-card .vehicle-dropoff-card-body .dropoff-location-container{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.vehicle-dropoff-card .vehicle-dropoff-card-body .dropoff-location-container .dropoff-type-dropdown,.vehicle-dropoff-card .vehicle-dropoff-card-body .dropoff-location-container .dropoff-city-dropdown{width:50%}.vehicle-dropoff-card .vehicle-dropoff-card-body .dropoff-location-input{width:100%;margin-bottom:.75rem}.vehicle-dropoff-card .vehicle-dropoff-card-body .address-input-container{margin-bottom:.5rem;margin-top:-8px;padding-left:0}.vehicle-dropoff-card .vehicle-dropoff-card-body .address-input-container .address-input{margin:12px 0}.vehicle-dropoff-card .vehicle-dropoff-card-body .vehicle-poc{display:flex;gap:.75rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.vehicle-dropoff-card .vehicle-dropoff-card-body .vehicle-poc .floating-label-container{width:50%}.poc-input-container{display:flex;width:100%}@media (max-width: 768px){.poc-input-container{flex-direction:column;flex-wrap:wrap}}.create-trip-page-container{display:flex;overflow:hidden;height:100%}.create-trip-page{margin-top:60px;flex:1;overflow-y:auto;overflow-x:auto;padding:0 2rem}.create-trip-page-title{font-size:3.5rem;font-weight:900;letter-spacing:1px;max-width:40%;margin:24px 0;color:#cccc}.create-trip-hero{display:flex;gap:4rem;align-items:center;justify-content:space-between}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.form-constraints{margin-top:-.5rem;margin-bottom:1rem;text-align:center}.constraint-text{color:#666;font-size:.85rem;line-height:1.4;opacity:.8}.primary-button{background:#000;color:#fff;margin-top:16px}.hero-background{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-background:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-overlay{position:absolute;inset:0;background:#0003}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 2rem}.hero-title{font-size:4rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.1}.hero-subtitle{font-size:1.5rem;color:#ffffffe6;margin-bottom:2rem;font-weight:300;line-height:1.4}.main-form-section{background:#fff;margin-top:-80px;position:relative;z-index:10;padding:0 2rem 4rem}.form-container{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:3rem;transform:translateY(-40px)}.form-header{text-align:center;margin-bottom:3rem}.form-header h2{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:700}.form-header p{font-size:1.2rem;color:#7f8c8d;font-weight:400}.modern-trip-form{display:flex;flex-direction:column;gap:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-row .full-width{grid-column:1/-1}.form-group{display:flex;flex-direction:column}.business-function-dropdown{margin-top:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-left:1rem;font-weight:600;color:#9b9b9b;font-size:1rem}.form-group>label{margin-left:0;margin-bottom:6px!important;font-size:.8rem}.form-icon{font-size:1.2rem}.modern-input,.modern-textarea{padding:.75rem 1.25rem;border:2px solid #e1e8ed;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f3f3f3;color:#2c3e50}.modern-input:focus,.modern-textarea:focus,.modern-input:focus-visible,.modern-textarea:focus-visible{outline:none!important;border-color:#000!important;background:#fff!important;box-shadow:0 0 0 3px #667eea1a!important}.modern-input:focus-visible,.modern-textarea:focus-visible{outline:2px solid #000000!important;outline-offset:2px!important}.modern-textarea{resize:vertical;min-height:120px;font-family:inherit}.form-actions{display:flex;gap:1.5rem;justify-content:center}.primary-button,.secondary-button{display:flex;align-items:center;gap:.75rem;padding:.8rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;justify-content:center}.primary-button:hover{transform:translateY(-2px)}.secondary-button{background:#fff;color:#000;border:2px solid #000000}.secondary-button:hover{background:#000;color:#fff}.button-icon{font-size:1.2rem}.tripform-container{width:40%;padding:1.5rem 0;background:#fff;border-radius:20px}.tripform-container .vehicles-input .vehicle-subfield{display:flex;gap:.5rem;align-items:center;color:#9b9b9b;font-size:.7rem}.tripform-container .address-input-container-2{padding-left:2rem}.tripform-container .address-input-container{margin-bottom:4px;margin-top:-12px}.tripform-container .address-input-container .address-input{margin:16px 0}.tripform-container h1{text-align:left;margin-bottom:1.5rem;color:#d9d9d9;font-size:2.5rem;font-weight:900}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-start}.submit-button{background-color:#27ae60;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.submit-button:hover{background-color:#229954}.cancel-button{background-color:#95a5a6;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.cancel-button:hover{background-color:#7f8c8d}.connected-inputs{position:relative;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;margin-top:1rem}.connected-inputs .floating-label-container .floating-label-input-wrapper .floating-label-input{padding-left:2rem}.connected-inputs .floating-label-container .floating-label-input-wrapper .floating-label-input.with-icon{padding-left:2.7rem}.connected-inputs .pickup-location-container,.connected-inputs .dropoff-location-container,.connected-inputs .poc-input-container{display:flex;gap:.75rem;flex-direction:row;align-items:center;flex-wrap:nowrap}.connected-inputs .pickup-location-container .pickup-type-dropdown,.connected-inputs .pickup-location-container .dropoff-type-dropdown,.connected-inputs .dropoff-location-container .pickup-type-dropdown,.connected-inputs .dropoff-location-container .dropoff-type-dropdown,.connected-inputs .poc-input-container .pickup-type-dropdown,.connected-inputs .poc-input-container .dropoff-type-dropdown{width:100%}.connected-inputs .pickup-location-container .pickup-poc-input,.connected-inputs .pickup-location-container .dropoff-poc-input,.connected-inputs .dropoff-location-container .pickup-poc-input,.connected-inputs .dropoff-location-container .dropoff-poc-input,.connected-inputs .poc-input-container .pickup-poc-input,.connected-inputs .poc-input-container .dropoff-poc-input{width:50%}.connected-inputs .pickup-location-container .pickup-location-input,.connected-inputs .pickup-location-container .dropoff-location-input,.connected-inputs .dropoff-location-container .pickup-location-input,.connected-inputs .dropoff-location-container .dropoff-location-input,.connected-inputs .poc-input-container .pickup-location-input,.connected-inputs .poc-input-container .dropoff-location-input{width:75%}.connected-inputs .dropoff-location-container{padding-left:2rem}.connected-inputs .poc-input-container .floating-label-container{width:100%}.connection-line{position:absolute;left:1rem;width:1px;background:#000;z-index:4;box-shadow:0 0 4px #667eea4d;top:80px;bottom:16px}.connection-line:before,.connection-line:after{content:"";position:absolute;left:-3px;width:8px;height:8px;background:#000;z-index:4;border-radius:50%}.connection-line:before{top:0;border-radius:50%}.connection-line:after{border-radius:0%;bottom:0}.form-group label{display:block;margin-bottom:1rem;font-weight:300;color:#ccc}.form-group input,.form-group textarea{width:100%;border:none;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#000}.form-group .floating-label-container{margin-bottom:0}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;pointer-events:none}.dot-icon{color:#667eea;font-size:1.2rem;font-weight:700}.square-icon{color:#764ba2;font-size:1rem;font-weight:700}.floating-label-input.with-icon{padding-left:3rem}.floating-label.with-icon{left:1.5rem}.floating-label.with-icon.active{left:2.75rem}.nav-icon-container{display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:underline;text-decoration-color:#000;text-decoration-thickness:2px;text-underline-offset:6px;font-size:.8rem;font-weight:600;color:#000}.trip-form-banner{position:relative;width:50%}@media (max-width: 768px){.create-trip-page-title{font-size:2rem;max-width:100%}.create-trip-hero{flex-direction:column;gap:0rem;align-items:stretch;padding:0}.tripform-container{width:100%;order:2;padding:0}.trip-form-banner{width:100%;order:1}.trip-form-banner .trip-form-banner-image{display:none}.nav-container{flex-direction:row;gap:1rem}.nav-links{gap:1rem}.home-content,.trips-grid{grid-template-columns:1fr}.trip-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-actions{flex-direction:column}.sidebar-overlay{display:block}.sidebar{width:100%;left:-100%}.sidebar.open{left:0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.main-form-section{padding:0 1rem 2rem}.form-container{padding:2rem 1.5rem;transform:translateY(-20px)}.form-header h2{font-size:2rem}.form-row{gap:1.5rem}.form-actions{flex-direction:column;gap:1rem}.dropoffPocName,.dropoffPocNumber{width:100%!important}.primary-button,.secondary-button{width:100%;min-width:auto}.floating-label-input{padding:1rem 1rem 1rem 3rem;font-size:1rem}.floating-label{font-size:1rem;left:1rem;top:.875rem}.floating-label.active{top:-.4rem;left:.75rem}.floating-label-input.active{padding-top:1.25rem;padding-left:3rem;padding-bottom:.5rem}.location-suggestions{max-height:250px}.suggestion-item{padding:.875rem 1rem}.connection-line{right:1.25rem}.input-icon{left:.75rem;width:20px;height:20px}.floating-label-input.with-icon{padding-left:2.5rem}.floating-label.with-icon{left:2.5rem}.floating-label.with-icon.active{left:2.25rem}.features-section{padding:3rem 1rem}.features-container h2{font-size:2.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}}.primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.primary-button:disabled:hover{transform:none}.loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.slot-selection-container{margin:1.5rem 0}.slot-selection-container .view-slots-button{width:100%;background:#000;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}.slot-selection-container .view-slots-button:hover:not(:disabled){transform:translateY(-2px)}.slot-selection-container .view-slots-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.slot-selection-container .view-slots-button.disabled{background:linear-gradient(135deg,#6c757d,#495057)}.slot-selection-container .view-slots-button.disabled:hover{transform:none}.slot-selection-container .view-slots-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.slot-selection-container .view-slots-button .validation-hint{font-size:.75rem;font-weight:400;opacity:.9;margin-top:4px;text-align:center;line-height:1.2}.slot-selection-container .slot-dropdowns .slot-dropdown-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.slot-selection-container .slot-dropdowns .slot-dropdown-group{grid-template-columns:1fr}}.slot-selection-container .slot-dropdowns .selected-slot-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;text-align:center}.slot-selection-container .slot-dropdowns .selected-slot-info p{margin:0;color:#495057;font-weight:500}@media (max-width: 1023px){.create-trip-page{padding:.5rem 1rem}}.create-intercity-trip-page .tripform-container .form-group{display:flex;flex-direction:column;gap:1rem}.vehicle-car-cards{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:0}.car-category-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.tabs{display:flex;flex-direction:row;width:100%;gap:1.3rem;justify-content:center}.vehicle-car-card{border:1px solid #434444;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000f;overflow:hidden;flex:1;display:flex;flex-direction:column}.vehicle-car-card .vehicle-car-card-header{display:flex;gap:5px;font-size:.9rem;font-weight:600;color:#2c3e50;padding:.875rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;text-align:center}.vehicle-car-card .vehicle-car-card-body{padding:1.25rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:flex-end}.vehicle-car-card .vehicle-car-card-body .car-category-dropdown{min-width:140px;flex:0 0 auto}.vehicle-car-card .vehicle-car-card-body .number-of-keys-input-wrap,.vehicle-car-card .vehicle-car-card-body .insured-price-input-wrap{min-width:140px;flex:0 0 auto;width:100%}.vehicle-car-card .vehicle-car-card-body .number-of-keys-input-wrap .floating-label-container,.vehicle-car-card .vehicle-car-card-body .insured-price-input-wrap .floating-label-container{width:100%}.remove-vehicle-btn{border:transparent;background-color:transparent;cursor:pointer;display:flex;align-items:center;padding:4px}.create-intercity-trip-page .trip-form-banner-map-wrap{display:flex;flex-direction:column;gap:.75rem;width:100%;height:100%;min-height:300px}.create-intercity-trip-page .trip-form-banner-map-wrap .trip-route-map{flex:1;min-height:280px}.create-intercity-trip-page .poc-input-container{display:flex;width:100%}@media (max-width: 768px){.create-intercity-trip-page .poc-input-container{flex-direction:column;flex-wrap:wrap}}._vendor-listing-page_124t6_1{height:100%;display:flex;flex-direction:column}._vendor-listing-page_124t6_1 ._vendor-listing-page-header_124t6_6{padding:10px 16px 20px;background-color:#000;color:#fff}._vendor-listing-page_124t6_1 ._vendor-listing-page-header_124t6_6 ._vendor-listing-header-wrapper_124t6_11{display:flex;justify-content:space-between;align-items:center}._vendor-listing-page_124t6_1 ._vendor-listing-page-header_124t6_6 ._vendor-listing-header-wrapper_124t6_11 h1{font-size:1.5rem;font-weight:800}._vendor-listing-page_124t6_1 ._vendor-listing-page-header_124t6_6 p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26{padding:20px 16px;overflow-y:auto;display:flex;height:100%;flex-direction:column}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._permission-denied-message_124t6_33{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._permission-denied-message_124t6_33 img{margin-bottom:20px;height:150px;width:150px;opacity:.1}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._permission-denied-message_124t6_33 p{font-size:1.2rem;font-weight:600;color:#333}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51{display:flex;flex-direction:column;overflow-y:auto;flex:1 1 auto}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57{width:100%;display:flex;flex-direction:column;padding:12px;gap:12px;margin-bottom:20px}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65{justify-content:start;gap:10px}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69{align-content:center;padding-left:10px;flex:1}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69 ._name-container_124t6_74 ._large-text_124t6_74{margin:0}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69 ._company-container_124t6_77{display:flex;flex-direction:row}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69 ._company-container_124t6_77 ._large-text_124t6_74{margin:0;display:flex;justify-content:center;align-items:center;font-weight:400}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69 ._company-container_124t6_77 ._car-icon_124t6_88{padding-left:0}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69 ._contact-container_124t6_91{display:flex;flex-direction:row}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69 ._contact-container_124t6_91 ._large-text_124t6_74{margin:0;display:flex;justify-content:center;align-items:center;font-weight:500}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-cards-container_124t6_57 ._card_124t6_65 ._card-details_124t6_65 ._details-container_124t6_69 ._basic-details-container_124t6_102{display:flex;flex-direction:row;justify-content:space-between;align-items:center}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 th,._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 td{padding:12px 16px;text-align:center;border-bottom:1px solid #e5e5e5}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 td{color:#555;font-size:.875rem}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 td ._option-button_124t6_132{background-color:transparent;border:none;cursor:pointer}._car-category-container_124t6_138{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;padding:20px 0;gap:20px}._tabs_124t6_148{display:flex;flex-direction:row;width:100%;gap:1.3rem;justify-content:center}._chip_124t6_156{display:inline-flex;align-items:center;background-color:#020000;flex-wrap:nowrap;color:#000;border-radius:16px;padding:7px 12px;font-size:.95rem;background-color:#f3f1f1;cursor:pointer;transition:all .3s}._chip_124t6_156:hover{background-color:#d8d5d5}._chip_124t6_156._active_124t6_172{background-color:#000;color:#fff}@media (max-width: 768px){._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 thead{display:none}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 tbody td{display:block;text-align:right;padding:12px 16px;border-bottom:1px solid #f0f0f0;position:relative}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 tbody td:last-child{border-bottom:none}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 tbody td ._vendor-options_124t6_206{justify-content:flex-end}._vendor-listing-page_124t6_1 ._vendor-listing-page-content_124t6_26 ._vendor-table-container_124t6_51 ._vendor-table_124t6_51 tbody td ._vendor-options_124t6_206 ._option-button_124t6_132{padding:6px 12px;font-size:.8rem}}._checkbox-bw_124t6_214{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #000;border-radius:4px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease}._checkbox-bw_124t6_214:checked{background-color:#000;border-color:#000}._checkbox-bw_124t6_214:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}._checkbox-bw_124t6_214:hover{border-color:#444}._checkbox-bw_124t6_214:disabled,._checkbox-bw_124t6_214[readonly]{opacity:.6;cursor:not-allowed}._sidebar-overlay_124t6_258{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:_fadeIn_124t6_1 .3s ease-in-out}._ratings_124t6_269{display:flex;width:100%;justify-content:center}._icon-button_124t6_275{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}._icon-button_124t6_275:hover:not(:disabled){background:#fff3;border-color:#ffffff80}._icon-button_124t6_275:disabled{opacity:.5;cursor:not-allowed}._icon-button_124t6_275._filter-active_124t6_297{background:#007bff;border-color:#0056b3}._icon-button_124t6_275._filter-active_124t6_297:hover:not(:disabled){background:#0056b3;border-color:#004085}._header-actions_124t6_306{display:flex;gap:12px;align-items:center}@media (max-width: 768px){._header-actions_124t6_306{width:100%}}._header-actions_124t6_306 ._icon-button_124t6_275{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}._header-actions_124t6_306 ._icon-button_124t6_275:hover:not(:disabled){background:#fff3;border-color:#ffffff80}._header-actions_124t6_306 ._icon-button_124t6_275:disabled{opacity:.5;cursor:not-allowed}._header-actions_124t6_306 ._icon-button_124t6_275._filter-active_124t6_297{background:#007bff;border-color:#0056b3}._header-actions_124t6_306 ._icon-button_124t6_275._filter-active_124t6_297:hover:not(:disabled){background:#0056b3;border-color:#004085}._header-actions_124t6_306 ._icon-button_124t6_275._trip-count_124t6_346{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}._header-actions_124t6_306 ._icon-button_124t6_275._trip-count_124t6_346:hover:not(:disabled){background:#fff;border-color:#000}._header-actions_124t6_306 ._toggle-filters-button_124t6_357{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}._header-actions_124t6_306 ._toggle-filters-button_124t6_357:hover{background-color:#138496}._header-actions_124t6_306 ._create-route_124t6_370{display:flex;justify-content:center;align-items:center;text-align:center;height:40px;padding:.5rem;flex:1;white-space:nowrap;width:fit-content}._header-actions_124t6_306 button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s;flex:1}._header-actions_124t6_306 button:hover{background-color:#dcdedf}._header-actions_124t6_306 button:disabled{cursor:not-allowed;opacity:.5}._toggle-filters-button_124t6_357{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}._toggle-filters-button_124t6_357:hover{background-color:#138496}._filters-container_124t6_413{background-color:#fff;border-radius:8px;margin-bottom:20px;padding:16px}._filters-container_124t6_413 ._filters-header_124t6_419{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._filters-container_124t6_413 ._filters-header_124t6_419 h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}._filters-container_124t6_413 ._filters-actions_124t6_431{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}._filters-container_124t6_413 ._filters-actions_124t6_431 ._clear-filters-button_124t6_438{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}._filters-container_124t6_413 ._filters-actions_124t6_431 ._clear-filters-button_124t6_438:hover{background-color:#5a6268}._filters-container_124t6_413 ._filters-grid_124t6_451{display:flex;flex-direction:column;margin-bottom:20px}._filters-container_124t6_413 ._filters-grid_124t6_451 ._search-row_124t6_456{width:100%}._filters-container_124t6_413 ._filters-grid_124t6_451 ._filters-row_124t6_459{display:flex;flex-wrap:wrap;gap:20px;width:100%}._filters-container_124t6_413 ._filters-grid_124t6_451 ._filters-row_124t6_459>*{min-width:250px}._filters-container_124t6_413 ._filters-grid_124t6_451 ._filters-row_124t6_459 ._filter-item_124t6_468{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:5px;max-width:400px;width:100%}._filters-container_124t6_413 ._filters-grid_124t6_451 ._filters-row_124t6_459 ._filter-item_124t6_468 ._modern-input_124t6_477,._filters-container_124t6_413 ._filters-grid_124t6_451 ._filters-row_124t6_459 ._filter-item_124t6_468 ._filter-dropdown_124t6_480{width:100%}._filters-container_124t6_413 ._filter-results_124t6_483{text-align:right;font-size:.875rem;color:#666;border-top:1px solid #e5e5e5;padding-top:16px}._pagination_124t6_491{display:flex;justify-content:center;align-items:center;width:100%;gap:12px;padding:16px 0;box-shadow:0 -2px 22px -7px #0000001a}._pagination_124t6_491 ._pagination-button_124t6_500{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}._pagination_124t6_491 ._pagination-button_124t6_500:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;color:#000}._pagination_124t6_491 ._pagination-button_124t6_500:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}._pagination_124t6_491 ._pagination-button_124t6_500:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}._pagination_124t6_491 ._pagination-button_124t6_500:not(button):hover{background-color:transparent;border:none;color:#666}._rating-container_124t6_538{margin-top:20px;gap:10px;display:flex;flex-direction:column}._vendor-details-sidebar_124t6_545{position:fixed;top:0;right:0;width:450px!important;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translate(100%);pointer-events:none}._vendor-details-sidebar_124t6_545._open_124t6_559{transform:translate(0);pointer-events:auto}@media (max-width: 768px){._vendor-details-sidebar_124t6_545{width:100vw!important}}._vendor-details-sidebar_124t6_545:not(._open_124t6_559) ._sidebar-header_124t6_568,._vendor-details-sidebar_124t6_545:not(._open_124t6_559) ._sidebar-content_124t6_569{opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(10px)}._vendor-details-sidebar_124t6_545._open_124t6_559 ._sidebar-header_124t6_568,._vendor-details-sidebar_124t6_545._open_124t6_559 ._sidebar-content_124t6_569{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}._vendor-details-sidebar_124t6_545 ._sidebar-header_124t6_568{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}._vendor-details-sidebar_124t6_545 ._sidebar-header_124t6_568 h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}._vendor-details-sidebar_124t6_545 ._sidebar-header_124t6_568 ._close-button_124t6_594{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}._vendor-details-sidebar_124t6_545 ._sidebar-header_124t6_568 ._close-button_124t6_594:hover{background-color:#e9ecef;color:#333}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-page-wrapper_124t6_613{height:100%;overflow-y:auto;padding:0}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-page-wrapper_124t6_613 ._vendor-page_124t6_613{padding:0;margin:0;height:100%}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-page-wrapper_124t6_613 ._vendor-page_124t6_613 ._vendor-page-header_124t6_623{border-bottom:1px solid #e5e5e5}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-page-wrapper_124t6_613 ._vendor-page_124t6_613 ._vendor-page-header_124t6_623 h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-page-wrapper_124t6_613 ._vendor-page_124t6_613 ._vendor-page-content_124t6_632{padding:20px 24px}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-page-wrapper_124t6_613 ._vendor-page_124t6_613 ._vendor-page-footer_124t6_635{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-form_124t6_640{padding:24px}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-form_124t6_640 ._floating-label-container_124t6_643{margin-bottom:20px}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-form_124t6_640 ._vendor-coordinates-container_124t6_646{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-form_124t6_640 ._vendor-details-sidebar-button-container_124t6_652{display:flex;justify-content:center;margin-top:24px}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657{padding:24px;display:flex;flex-direction:column}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:#333}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668{margin-bottom:20px;overflow-y:auto;max-height:400px;z-index:99999}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668{width:100%;height:100%;border-collapse:collapse;background-color:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 th,._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e5e5;font-size:.875rem}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 th{background-color:#f8f9fa;font-weight:600;color:#333}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 td{color:#555}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 td ._delete-driver-button_124t6_697{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 ._editing-row_124t6_709{background-color:#f8f9fa}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 ._editing-row_124t6_709 ._driver-input_124t6_712{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.875rem}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 ._editing-row_124t6_709 ._driver-input_124t6_712:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._driver-table-container_124t6_668 ._driver-table_124t6_668 ._editing-row_124t6_709 ._driver-input_124t6_712::placeholder{color:#999}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._add-driver-button-container_124t6_727{display:flex;justify-content:center}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._add-driver-button-container_124t6_727 ._add-driver-button_124t6_727{background-color:#f4f4f4;color:#000;border:1px solid black;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;width:100%;transition:all .2s}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._driver-list-section_124t6_657 ._add-driver-button-container_124t6_727 ._add-driver-button_124t6_727:disabled{background-color:#dfdbdb;border:none;opacity:.6;cursor:not-allowed}._vendor-details-sidebar-button_124t6_652{background-color:#000;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%}._assigned-vendors-container_124t6_763{display:flex;flex-direction:column;gap:15px;align-items:center;margin-top:30px}._assigned-vendors-list_124t6_771,._assigned-vendors-form_124t6_772{width:100%}._base-card_124t6_776{display:flex;align-items:center;gap:16px;padding:12px 16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:16px;width:100%}._base-card-content_124t6_787{display:flex;flex-direction:column;background-color:#f0f0f0;padding:10px;border-radius:8px;gap:4px;text-align:center;height:100%}._default-card_124t6_798{display:flex;align-items:center;padding:2px;background-color:#e5e4e4;border-radius:8px;border:none;cursor:pointer}@keyframes _fadeIn_124t6_1{0%{opacity:0}to{opacity:1}}@media (min-width: 768px) and (max-width: 1024px){._vendor-listing-page_124t6_1{padding-top:50px}}@media (max-width: 768px){._vendor-details-sidebar_124t6_545{width:100%;right:0;transform:translate(100%)}._vendor-details-sidebar_124t6_545._open_124t6_559{transform:translate(0)}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-info-section_124t6_830 ._info-row_124t6_830{flex-direction:column;align-items:flex-start;gap:8px}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-info-section_124t6_830 ._info-row_124t6_830 ._value_124t6_835{text-align:left;max-width:100%}._vendor-details-sidebar_124t6_545 ._sidebar-content_124t6_569 ._vendor-actions_124t6_839 ._action-button_124t6_839{padding:16px;font-size:1rem}}.gmp-internal-camera-control,[data-js-camera-control],.gm-style-moc,.gm-control-active{display:none!important}.trip-page{position:relative;height:100%!important;overflow-x:hidden}.trip-detail-item-group{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:7px;width:100%}.trip-detail-item-container{background-color:#f0f0f0;border-radius:8px;padding:5px;display:flex;flex-direction:column;gap:3px;width:100%}.permission-denied-message{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.tabs-intercity-trip{display:flex;gap:20px;margin:15px 0;font-size:14px;align-items:center;justify-content:center}.bidding-vendors-list{display:flex;justify-content:center;flex-direction:column;text-align:center;margin:10px}.base-card-content-label{font-size:.7rem;font-weight:600;color:#717070!important;margin:0!important}.circle{width:40px;height:40px;background-color:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.circle.disabled{background-color:#6c757d}.first-row-info{display:flex;align-items:center;justify-content:flex-start;gap:20px;width:100%}.reason-for-selection-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;width:100%}.second-row-info{display:flex;align-items:center;justify-content:space-between;width:100%}.chip{display:inline-flex;align-items:center;background-color:#020000;flex-wrap:nowrap;color:#000;border-radius:16px;padding:7px 12px;font-size:.95rem;background-color:#f3f1f1;cursor:pointer;transition:all .3s}.chip:hover{background-color:#d8d5d5}.chip.active{background-color:#000;color:#fff}.base-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:16px}.base-card-content{display:flex;flex-direction:column;background-color:#f0f0f0;padding:10px;border-radius:8px;gap:4px;text-align:center;flex:1;min-width:0;justify-content:space-around}label{font-size:.7rem;font-weight:600;color:#737171}.trip-page-header{transition:max-height .3s ease,opacity .3s ease;overflow:hidden;max-height:35vh;opacity:1;visibility:visible;pointer-events:auto}.trip-page-header.hidden{max-height:0;opacity:0;visibility:hidden;pointer-events:none}.trip-page-header .map-container{margin-top:30px;height:380px}.trip-page-header .trip-navigator-button{position:sticky;bottom:20px;left:85%;z-index:10;background-color:#000;color:#fff;padding:12px 10px;border:none;border-radius:8px;display:flex;width:43px;justify-content:center;cursor:pointer}.trip-page-header .trip-id-container{position:absolute;z-index:10;border:2px solid rgba(255,255,255,.5);color:#6c6c6c;padding:12px 12px 10px;top:70px;left:16px;background:#ffffff08;border-radius:8px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.trip-page-header .trip-id-container.trip-id-container-trip-listing{top:16px}.trip-page-header .trip-id-container h3{font-weight:900;color:#848484}.driver-card{background:#fff;border-radius:8px;margin-bottom:16px;transition:all .3s ease}.driver-card.expanded{padding-bottom:16px}.driver-card.expanded .driver-card-header{border-radius:8px 8px 0 0}.driver-card .driver-card-header{display:flex;align-items:center;padding:16px;border-radius:8px;justify-content:space-between;background-color:#f0f0f0}.driver-card .driver-header{display:flex;align-items:center;gap:16px}.driver-card .driver-header .person-icon{width:18px;height:18px}.driver-card .driver-header .driver-details h3{margin:0 0 4px;font-size:.875rem;font-weight:600;color:#333}.driver-card .driver-header .driver-details ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:8px}.driver-card .driver-header .driver-details ul li{font-size:.75rem;color:#666}.driver-card .driver-edit-form{animation:slideDown .3s ease-out}.driver-card .driver-edit-form .driver-edit-form-row{margin-bottom:16px}.driver-card .driver-edit-form .driver-edit-form-row .dropdown-label{margin-top:8px}.driver-card .driver-edit-form .driver-edit-form-row .vendor-booking-id-input{margin-top:14px}.driver-card .driver-edit-form .form-actions{display:flex;justify-content:flex-end}.driver-card .driver-edit-form .form-actions .save-button{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px;transition:background-color .2s ease}.driver-card .driver-edit-form .form-actions .save-button:disabled{background-color:#959595;cursor:not-allowed}.driver-card .driver-edit-form .form-actions .save-button:hover{background-color:#9fa1a0}.driver-card .driver-edit-form .form-actions .save-button:hover:not(:disabled){background-color:#20784c}.driver-card .driver-edit-form .form-actions .save-button:active{transform:translateY(1px)}.trip-page-content{position:relative;width:100%;border-radius:16px 16px 0 0;background-color:#fff;padding:16px;margin-top:20px;display:flex;flex-direction:column;box-shadow:0 -4px 6px -1px #0000001a;z-index:2}.trip-page-content .map-option-trip-id-container{display:flex;flex-wrap:wrap;gap:10px;min-height:60px;margin-bottom:10px;width:100%}.trip-page-content .map-option-trip-id-container .trip-id-card{display:flex;align-items:center;font-weight:bolder;gap:16px;padding:16px;justify-content:center;background-color:#f0f0f0;border-radius:8px;flex:0 0 20px;height:100%}.trip-page-content .map-option-trip-id-container .show-hide-details-button{display:flex;flex:1 1 50%;align-items:center;gap:16px;background-color:#fff;border:2px black solid;border-radius:8px;margin-bottom:0!important;cursor:pointer;pointer-events:all;min-height:50px;transition:all .2s;height:100%;justify-content:center}.trip-page-content .map-option-trip-id-container .show-hide-details-button:hover{color:#fff;background-color:#000}.trip-page-content .map-option-trip-id-container .show-hide-details-button h3,.trip-page-content .map-option-trip-id-container .show-hide-details-button p{font-size:.875rem;font-weight:600;margin:0;display:flex;flex-direction:column}.trip-page-content .map-option-trip-id-container .show-hide-details-button ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.trip-page-content .map-option-trip-id-container .show-hide-details-button li{font-size:.75rem;font-weight:400;margin:0;color:#666}.trip-page-content .map-option-trip-id-container .show-hide-details-button .map-option-icon{display:flex;background-color:transparent;width:50px;height:50px;text-align:center;justify-content:center;align-items:center;border-radius:5px}.trip-page-content .map-option-trip-id-container .show-hide-details-button .car-img{width:20px}.trip-page-content.sticky{padding-bottom:0!important}.trip-page-content .car-details-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:16px}.trip-page-content .car-details-card h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.trip-page-content .car-details-card ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.trip-page-content .car-details-card li{font-size:.75rem;font-weight:400;margin:0;color:#666}.trip-page-content .car-details-card .car-img{width:20px}.trip-page-content .trip-details-card{width:100%}.trip-page-content .trip-details-card .connection-line-left{left:1.5rem;top:24px;bottom:24px;height:auto}.trip-page-content .trip-details-card .location-input{padding-left:35px;width:100%}.trip-page-content .trip-details-card .location-input label{font-size:.7rem;font-weight:600;color:#aeaeae}.trip-page-content .trip-details-card .location-input p{font-size:.8rem;font-weight:400;margin:0;padding:4px 10px}.trip-page-content .trip-details-card .trip-details-list{list-style:none;padding:0;margin:0;display:flex;width:100%;justify-content:space-between;gap:10px;min-height:fit-content}.trip-page-content .trip-details-card .trip-details-list .trip-details-item{border:1px solid #e7e7e7;padding:10px 12px;border-radius:8px;margin-bottom:16px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}.trip-page-content .trip-details-card .trip-details-list .trip-details-item img{display:block}.trip-page-content .trip-details-card .trip-details-list .trip-details-item.time{flex-shrink:0;flex:0 0 45%}.trip-page-content .trip-details-card .trip-details-list .trip-details-item label{font-size:.65rem;font-weight:400;color:#666}.trip-page-content .trip-details-card .trip-details-list .trip-details-item p{font-size:.75rem;font-weight:500;margin:0}.trip-page-content .trip-poc-card{background-color:#f0f0f0;padding:16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.trip-page-content .trip-poc-card .trip-poc-header{display:flex;align-items:center;gap:16px}.trip-page-content .trip-poc-card .trip-poc-header .trip-poc-details h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.trip-page-content .trip-poc-card .trip-poc-header .trip-poc-details ul{list-style:none;padding:0;margin:0;display:flex;gap:8px}.trip-page-content .trip-poc-card .trip-poc-header .trip-poc-details li{font-size:.75rem;font-weight:400;margin:0;color:#666}.trip-page-content .trip-poc-card .trip-poc-call-container{background-color:#fff;height:40px;width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.trip-page-content .trip-poc-card .trip-poc-call-container .call-icon,.trip-page-content .trip-poc-card .trip-poc-call-container .edit-icon{width:20px;height:20px}.trip-page-content .trip-tips-card{margin-bottom:24px}.trip-page-content .trip-tips-card .trip-tips-card-header{width:100%;background-size:cover;height:180px;border-radius:8px;margin-bottom:16px}.trip-page-content .trip-tips-card .trip-tips-card-body h3{font-size:.875rem;font-weight:600;margin:0}.trip-page-content .trip-tips-card .trip-tips-card-body ul{list-style:none;padding:0;margin:12px 0 0}.trip-page-content .trip-tips-card .trip-tips-card-body ul li{font-size:.75rem;font-weight:400;margin:0 0 12px;color:#666;display:flex;align-items:center;gap:12px}.trip-page-content .trip-tips-card .trip-tips-card-body ul li span{display:inline-block;font-size:.7rem;font-weight:500;margin:0;color:#fff;text-align:center;width:20px;height:20px;padding-top:1px;background-color:#000}.trip-page-content .trip-remark-card{border-radius:8px;margin-bottom:26px;border:1px solid #e7e7e7;padding:16px}.trip-page-content .trip-remark-card .trip-remark-card-header{margin-bottom:16px}.trip-page-content .trip-remark-card .trip-remark-card-header h3{font-size:.875rem;font-weight:600;margin:0 0 20px;color:#2c3e50}.trip-page-content .trip-remark-card .trip-remark-card-body .remark-input-container{display:flex;gap:12px;align-items:center}.trip-page-content .trip-remark-card .trip-remark-card-body .remark-input-container .remark-input{flex:1;margin-bottom:0}.trip-page-content .trip-remark-card .trip-remark-card-body .remark-input-container .add-remark-button{background-color:#000;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}.trip-page-content .trip-remark-card .trip-remark-card-body .remark-input-container .add-remark-button:hover:not(:disabled){background-color:#333}.trip-page-content .trip-remark-card .trip-remark-card-body .remark-input-container .add-remark-button:disabled{background-color:#959595;cursor:not-allowed}.trip-page-content .trip-remark-card .trip-remark-card-body .remark-input-container .add-remark-button img{filter:brightness(0) invert(1)}.trip-page-content .trip-remark-card .trip-remark-card-body .remark-input-container .add-remark-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.trip-page-content .driver-card{background:#fff;border-radius:8px;margin-bottom:16px;transition:all .3s ease}.trip-page-content .driver-card.expanded{padding-bottom:16px}.trip-page-content .driver-card.expanded .driver-card-header{border-radius:8px 8px 0 0}.trip-page-content .driver-card .driver-card-header{display:flex;align-items:center;flex-wrap:wrap;padding:16px;border-radius:8px;justify-content:space-between;background-color:#f0f0f0}.trip-page-content .driver-card .driver-header{display:flex;align-items:center;gap:16px}.trip-page-content .driver-card .driver-header .person-icon{width:18px;height:18px}.trip-page-content .driver-card .driver-header .driver-details h3{margin:0 0 4px;font-size:.875rem;font-weight:600;color:#333}.trip-page-content .driver-card .driver-header .driver-details ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:8px}.trip-page-content .driver-card .driver-header .driver-details ul li{font-size:.75rem;color:#666}.trip-page-content .driver-card .driver-controls-container{display:flex;gap:8px}.trip-page-content .driver-card .driver-controls-container .icon-container-driver-change{height:40px;border-radius:6px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex:0 0 40px}.trip-page-content .driver-card .driver-controls-container .icon-container-driver-change:hover{background-color:#e9ecef}.trip-page-content .driver-card .driver-controls-container .icon-container-driver-change .call-icon,.trip-page-content .driver-card .driver-controls-container .icon-container-driver-change .edit-icon{width:20px;height:20px}.trip-page-content .driver-card .driver-edit-form{animation:slideDown .3s ease-out}.trip-page-content .driver-card .driver-edit-form .driver-edit-form-row{margin-bottom:16px}.trip-page-content .driver-card .driver-edit-form .driver-edit-form-row .dropdown-label{margin-top:8px}.trip-page-content .driver-card .driver-edit-form .driver-edit-form-row .vendor-booking-id-input{margin-top:14px}.trip-page-content .driver-card .driver-edit-form .form-actions{display:flex;justify-content:flex-end}.trip-page-content .driver-card .driver-edit-form .form-actions .save-button{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px;transition:background-color .2s ease}.trip-page-content .driver-card .driver-edit-form .form-actions .save-button:disabled{background-color:#959595;cursor:not-allowed}.trip-page-content .driver-card .driver-edit-form .form-actions .save-button:hover{background-color:#9fa1a0}.trip-page-content .driver-card .driver-edit-form .form-actions .save-button:hover:not(:disabled){background-color:#20784c}.trip-page-content .driver-card .driver-edit-form .form-actions .save-button:active{transform:translateY(1px)}.trip-page-content .trip-activity-card h3{font-size:.875rem;font-weight:600;margin:0 0 16px}.trip-page-content .trip-activity-card .trip-activity-card-body .trip-activity-card-body-item{display:flex;align-items:center;gap:16px;margin-bottom:16px}.trip-page-content .trip-activity-card .trip-activity-card-body .trip-activity-icon{padding:10px 10px 7px;background-color:#f0f0f0;border-radius:8px}.trip-page-content .trip-activity-card .trip-activity-card-body .trip-activity-details{width:100%}.trip-page-content .trip-activity-card .trip-activity-card-body .trip-activity-details .trip-activity-heading-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.trip-page-content .trip-activity-card .trip-activity-card-body .trip-activity-details h4{font-size:.75rem;font-weight:500;margin:0 0 4px}.trip-page-content .trip-activity-card .trip-activity-card-body p{font-size:.65rem;font-weight:400;color:#666;margin:0 0 4px}.trip-page-content .trip-photo-card .trip-photo-card-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:16px;padding:16px;background-color:#f0f0f0;border-radius:8px}.trip-page-content .trip-photo-card .trip-photo-card-header .left{display:flex;align-items:center;gap:16px}.trip-page-content .trip-photo-card .trip-photo-card-header .left h3{font-size:.875rem;font-weight:600;margin:0}.trip-page-content .trip-photo-card .trip-photo-card-header .right{display:flex;align-items:center;justify-content:center}.trip-page-content .trip-photo-card .trip-photo-card-header .right .collapse-arrow{background-color:#fff;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;color:#000;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.trip-page-content .trip-photo-card .trip-photo-card-header .right .collapse-arrow.expanded{transform:rotate(0)}.trip-page-content .trip-photo-card .trip-photo-card-header .right .collapse-arrow.collapsed{transform:rotate(-90deg)}.trip-page-content .trip-photo-card .trip-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item{width:100%;border:1px solid #E0E0E0;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;position:relative}.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0;border:none;gap:8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button:hover{background-color:#e0e0e0}.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button p{font-size:.7rem;font-weight:400;color:#666}.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button .photo-thumbnail-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button .photo-thumbnail-container .photo-thumbnail{width:100%;height:150px;object-fit:cover;border-radius:6px}@media (max-width: 768px){.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item,.trip-page-content .trip-photo-card .trip-photo-grid .trip-photo-item .trip-photo-button{padding:0}}.right{display:flex;align-items:center;justify-content:center;cursor:pointer}.right .collapse-arrow{background-color:#fff;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;color:#000;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.right .collapse-arrow.expanded{transform:rotate(0)}.right .collapse-arrow.collapsed{transform:rotate(-90deg)}.document-container{margin:15px auto}.trip-page-footer{position:relative;bottom:0;width:100%;padding:16px;background-color:#fff;border-top:1px solid #e0e0e0;z-index:2;display:flex;flex-direction:column}.trip-page-footer.sticky{position:sticky}.trip-page-footer .trip-page-footer-button{width:100%;background-color:#000;color:#fff;border:none;padding:16px;margin:8px 0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.trip-page-footer .trip-page-footer-button:disabled{opacity:.7;cursor:not-allowed;background-color:#666}.trip-page-footer .trip-page-footer-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.action-button{width:100%;background-color:#000;color:#fff;border:none;padding:12px;margin:0 0 8px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-button:disabled{opacity:.7;cursor:not-allowed;background-color:#666}.action-button .loader{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.reschedule-form{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin:12px 0;animation:slideDown .3s ease-out}.reschedule-form .reschedule-form-header{padding:16px 20px;border-bottom:1px solid #e5e5e5;background-color:#f0f0f0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.reschedule-form .reschedule-form-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}.reschedule-form .reschedule-form-header .remove-reschedule-button{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.reschedule-form .reschedule-form-header .remove-reschedule-button:hover{background-color:#e0e0e0;color:#333}.reschedule-form .reschedule-form-body{padding:20px;background-color:#fff;border-radius:8px}.reschedule-form .reschedule-form-body .form-group{margin-bottom:16px}.reschedule-form .reschedule-form-body .form-group .form-label{display:block;font-size:.875rem;font-weight:600;color:#495057;margin-bottom:8px}.reschedule-form .reschedule-form-body .form-group .slot-dropdowns{display:flex;flex-direction:column;gap:12px}.reschedule-form .reschedule-form-body .form-group .slot-dropdowns .slot-dropdown-group{display:flex;gap:12px}.reschedule-form .reschedule-form-body .form-group .slot-dropdowns .slot-dropdown-group .slot-date-dropdown{width:100%}.reschedule-form .reschedule-form-body .form-group .slot-dropdowns .slot-dropdown-group .slot-time-dropdown{width:150px}.reschedule-form .reschedule-form-body .form-group .slot-dropdowns .selected-slot-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:12px}.reschedule-form .reschedule-form-body .form-group .slot-dropdowns .selected-slot-info p{margin:0;font-size:.875rem;color:#1976d2;font-weight:500}.reschedule-form .reschedule-form-body .form-actions{display:flex;gap:12px;margin-top:20px}.reschedule-form .reschedule-form-body .form-actions .confirm-reschedule-button{width:100%;background:#000;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reschedule-form .reschedule-form-body .form-actions .confirm-reschedule-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.fullscreen-photo-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow:hidden}.fullscreen-photo-modal .fullscreen-photo-content{background-color:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;position:relative;max-height:calc(100vh - 40px)}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header .close-fullscreen-button{background-color:#000;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-header .close-fullscreen-button:hover{background-color:#2f2f2f}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image{padding:0;display:flex;align-items:center;justify-content:center;max-height:calc(100vh - 120px)}.fullscreen-photo-modal .fullscreen-photo-content .fullscreen-photo-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.trip-page{display:flex;flex-direction:column;height:100%}.trip-page-header{height:100%;max-height:380px;flex:0 0 380px;overflow:hidden;transition:all .3s ease,max-height .3s ease,flex-basis .3s ease}.trip-page-header.hidden{flex-basis:0;max-height:0}.trip-page-content{margin-top:20px;flex:1}}.loader-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.divider-v2{border:none;border-top:1px solid #ccc;margin:10px 0}.photo-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.photo-loader .loader-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.photo-loader p{font-size:.875rem;color:#666;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trip-listing-page{display:flex;flex-direction:column;height:100%}.trip-listing-page .trip-listing-page-header{padding:25px 16px 16px;background-color:#000;color:#fff}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper{transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper h1{font-size:1.5rem;font-weight:800}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-search{flex:1;margin:0 auto;width:100%}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-search .floating-label-container{margin-bottom:0}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-search #trip-search{padding:.6rem 1.25rem;min-height:0px}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions{display:flex;gap:12px;align-items:center}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .icon-button.filter-active{background:#007bff;border-color:#0056b3}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .icon-button.trip-count{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .icon-button.trip-count:hover:not(:disabled){background:#fff;border-color:#000}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .toggle-filters-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .toggle-filters-button:hover{background-color:#138496}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .create-trip{display:flex;justify-content:center;align-items:center;text-align:center;min-width:40px;height:40px;padding:.5rem}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions button:hover{background-color:#dcdedf}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions button:disabled{cursor:not-allowed;opacity:.5}.trip-listing-page .trip-listing-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.trip-listing-page .trip-listing-page-content{padding:0;display:flex;flex-direction:column;overflow:hidden;flex:1;transition:margin-right .3s ease}.trip-listing-page .trip-listing-page-content.sidebar-open{margin-right:400px}@media (max-width: 768px){.trip-listing-page .trip-listing-page-content.sidebar-open{margin-right:0}}.trip-listing-page .trip-listing-page-content .trip-filters-container{background-color:#fff;border-radius:8px;margin-bottom:20px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#333}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-header .filters-actions .clear-filters-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-header .filters-actions .clear-filters-button:hover{background-color:#5a6268}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .search-row{width:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row>*{min-width:250px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row .filter-item{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:5px;max-width:400px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row .filter-item .modern-input,.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row .filter-item .filter-dropdown{width:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container .filter-results{text-align:right;font-size:.875rem;color:#666;border-top:1px solid #e5e5e5;padding-top:16px}.trip-listing-page .trip-listing-page-content .trip-table-container{overflow-x:auto;overflow-y:auto;height:fit-content;flex:0 1 auto}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container{padding:12px;gap:12px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .trip-id-star-status-container{display:flex;justify-content:left;flex-direction:column;flex-wrap:wrap}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .trip-id-star-status-container .star-status{padding-left:5px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .trip-id-star-status-container .trip-id{font-size:1.1rem;font-weight:600;padding:4px 8px;color:#2c3e50}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .header-content-wrapper{width:100%}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .header-content-wrapper .content-row{display:flex;justify-content:space-between;align-items:center}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .header-content-wrapper .content-row.values{gap:30px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .header-content-wrapper .content-row .business-function{margin-bottom:8px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time-heading{font-size:.75rem;color:#6c757d;font-weight:100}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time{font-size:.9rem;font-weight:200}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-header .header-content-wrapper .content-row .schedule-time span{padding-left:4px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-source,.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-destination{display:flex;flex-direction:column;align-items:center;text-align:center;width:30%;gap:3px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-source .large-text,.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-destination .large-text{margin:0}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-connector{display:flex;width:40%;flex-direction:column;align-items:center;position:relative;margin:0 20px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-connector .connector-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#000;transform:translateY(-50%);z-index:1}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-connector .connector-line:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:50%}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-details .journey-connector .connector-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#000;border-radius:0}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-cards-container .card .card-footer{padding-top:0%}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e5e5}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table thead tr th{position:sticky;top:0}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem;margin-top:15px;margin-bottom:15px;padding-left:14px;text-align:start}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th:first-child{padding-left:18px;cursor:pointer}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th:first-child .star-all-trip-option{display:flex;color:#fff;border-radius:25px;width:40px;height:40px;justify-content:center;text-align:center;align-items:center}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th.sortable{display:flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;padding-right:20px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th.sortable.asc .arrow.up,.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th.sortable.desc .arrow.down{opacity:1}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th.sortable .sort-icons{display:inline-flex;flex-direction:column;font-size:200%;gap:3px;margin-left:6px;height:30px;position:relative;top:2px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th.sortable .sort-icons .arrow{width:7px;height:50px;margin:1px 0;border-left:8px solid transparent;border-right:8px solid transparent;opacity:.3;transition:opacity .2s ease}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th.sortable .sort-icons .arrow.up{border-bottom:10px solid #333}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table th.sortable .sort-icons .arrow.down{border-top:10px solid #333}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table td{color:#555;font-size:.875rem}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table td .option-button-container{border-radius:10px;background-color:#000;padding:10px;cursor:pointer;max-width:50px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table td .option-button-container .option-button{border:0px solid rgba(255,255,255,.3);background:#fff;color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:5px;height:20px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table .selected-trip-row{background-color:#fbfcff9c!important;outline:2px solid #918f8f;border-left:9px solid #000000}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table .selected-trip-row td{background-color:transparent}.trip-listing-page .trip-listing-page-content .pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0;box-shadow:0 -2px 22px -7px #0000001a}.trip-listing-page .trip-listing-page-content .pagination .pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.trip-listing-page .trip-listing-page-content .pagination .pagination-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;color:#000}.trip-listing-page .trip-listing-page-content .pagination .pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.trip-listing-page .trip-listing-page-content .pagination .pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.trip-listing-page .trip-listing-page-content .pagination .pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}@media (max-width: 830px){.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions{width:100%;gap:8px}.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions .toggle-filters-button,.trip-listing-page .trip-listing-page-header .trip-listing-header-wrapper .header-actions button{width:100%;padding:10px 16px}.trip-listing-page .trip-listing-page-content{overflow-y:auto;height:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container{padding:16px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-header .filters-actions .clear-filters-button{width:100%;padding:10px 16px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid{display:flex;flex-direction:column;margin-bottom:20px;gap:12px}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row{width:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row .filter-item{width:100%;max-width:100%}.trip-listing-page .trip-listing-page-content .trip-filters-container .filters-grid .filters-row .modern-input{width:100%}.trip-listing-page .trip-listing-page-content .trip-table-container{flex:1 1 auto}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table thead{display:none}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td:last-child{border-bottom:none}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td .trip-options{justify-content:flex-end}.trip-listing-page .trip-listing-page-content .trip-table-container .trip-table tbody td .trip-options .option-button{padding:6px 12px;font-size:.8rem}.trip-listing-page .trip-listing-page-content .pagination{flex:none}}.trip-details-sidebar{position:fixed;scrollbar-width:none;top:0;right:-400px;width:400px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto}.trip-details-sidebar ::-webkit-scrollbar{display:none}.trip-details-sidebar.open{right:0;pointer-events:auto}.trip-details-sidebar:not(.open){pointer-events:none}.trip-details-sidebar:not(.open) .sidebar-header,.trip-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease;transform:translateY(10px)}.trip-details-sidebar.open .sidebar-header,.trip-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.trip-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.trip-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.trip-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.trip-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.trip-details-sidebar .sidebar-content .trip-page-wrapper{height:100%;overflow-y:auto;padding:0}.trip-details-sidebar .sidebar-content .trip-page-wrapper .trip-page{padding:0;margin:0;height:100%}.trip-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-header{border-bottom:1px solid #e5e5e5}.trip-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.trip-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-content{padding:20px 24px}.trip-details-sidebar .sidebar-content .trip-page-wrapper .trip-page .trip-page-footer{padding:20px 24px;border-top:1px solid #e5e5e5;background-color:#f8f9fa}.trip-details-sidebar .sidebar-content .filters-container{padding:16px}.trip-details-sidebar .sidebar-content .filters-container .filters-actions{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button:disabled{opacity:.5;cursor:not-allowed}.trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active{background:#007bff;border-color:#0056b3;color:#fff}.trip-details-sidebar .sidebar-content .filters-container .filter-toggle-button.active:hover:not(:disabled){background:#0056b3;border-color:#004085}.trip-details-sidebar .sidebar-content .filters-container .clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.trip-details-sidebar .sidebar-content .filters-container .clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd}.trip-details-sidebar .sidebar-content .filters-container .filters-grid .filters-row{display:flex;flex-direction:column;gap:1rem}.trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item{display:flex;flex-direction:column;gap:.5rem}.trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item label{font-weight:500;color:#495057;font-size:.875rem}.trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.trip-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .filter-dropdown{width:100%}@media (max-width: 768px){.trip-details-sidebar{width:100vw;right:-100vw;padding-bottom:40px}.trip-details-sidebar.open{right:0}.trip-details-sidebar .sidebar-content .trip-info-section .info-row{flex-direction:column;align-items:flex-start;gap:8px}.trip-details-sidebar .sidebar-content .trip-info-section .info-row .value{text-align:left;max-width:100%}.trip-details-sidebar .sidebar-content .trip-actions .action-button{padding:16px;font-size:1rem}}.documents-listing-page{display:flex;flex-direction:column;height:100%}.documents-listing-page .documents-page-header{padding:16px;background-color:#000;color:#fff}.documents-listing-page .documents-page-header .documents-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:2rem}.documents-listing-page .documents-page-header .documents-header-wrapper h1{font-size:1.5rem;font-weight:800}.documents-listing-page .documents-page-header .documents-header-wrapper .header-search{flex:1;margin:0 auto;width:100%}.documents-listing-page .documents-page-header .documents-header-wrapper .header-search .floating-label-container{margin-bottom:0}.documents-listing-page .documents-page-header .documents-header-wrapper .header-search #documents-search{padding:.6rem 1.25rem;min-height:0px}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions{display:flex;gap:12px;align-items:center}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions .icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions .icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions .icon-button.filter-active{background:#007bff;border-color:#0056b3}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions .icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions button:hover{background-color:#dcdedf}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions button:disabled{cursor:not-allowed;opacity:.5}.documents-listing-page .documents-page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.documents-listing-page .documents-page-content{padding:0;display:flex;flex-direction:column;overflow:hidden;flex:1;transition:margin-right .3s ease}.documents-listing-page .documents-page-content.sidebar-open{margin-right:400px}@media (max-width: 768px){.documents-listing-page .documents-page-content.sidebar-open{margin-right:0}}.documents-listing-page .documents-page-content .documents-table-container{overflow-x:auto;overflow-y:auto;height:fit-content;flex:0 1 auto}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container{padding:12px;gap:12px}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-header .trip-info{display:flex;justify-content:left;flex-direction:column;flex-wrap:wrap}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-header .trip-info .trip-id{font-size:1.1rem;font-weight:600;padding:4px 8px;color:#2c3e50}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-header .requester-name{flex:1;min-height:100%;text-align:center;font-size:1.2rem;display:flex;flex-direction:column}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-details{padding:5px 16px}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-details .reg-trip-status{display:flex;width:20%;flex-direction:column;align-items:center;position:relative}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-details .vendor-info{display:flex;flex-direction:column}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-details .requested-time{display:flex;flex-direction:column;align-items:center;text-align:center;width:30%}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-footer{flex-direction:column;gap:15px}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container .card .card-footer .reason{display:flex;flex-direction:column;width:100%;gap:3px}.documents-listing-page .documents-page-content .documents-table-container .documents-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.documents-listing-page .documents-page-content .documents-table-container .documents-table th,.documents-listing-page .documents-page-content .documents-table-container .documents-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e5e5}.documents-listing-page .documents-page-content .documents-table-container .documents-table thead tr th{position:sticky;top:0}.documents-listing-page .documents-page-content .documents-table-container .documents-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:.875rem}.documents-listing-page .documents-page-content .documents-table-container .documents-table td{color:#555;font-size:.875rem}.documents-listing-page .documents-page-content .documents-table-container .documents-table td .option-button-container{border-radius:10px;background-color:#000;padding:10px;cursor:pointer;max-width:50px}.documents-listing-page .documents-page-content .documents-table-container .documents-table td .option-button-container .option-button{border:0px solid rgba(255,255,255,.3);background:#fff;color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:5px;height:20px}.documents-listing-page .documents-page-content .documents-table-container .documents-table .selected-document-row{background-color:#f8f9fa!important;border-left:4px solid #000000}.documents-listing-page .documents-page-content .documents-table-container .documents-table .selected-document-row td{background-color:transparent}.documents-listing-page .documents-page-content .pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0;box-shadow:0 -2px 22px -7px #0000001a}.documents-listing-page .documents-page-content .pagination .pagination-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.documents-listing-page .documents-page-content .pagination .pagination-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;color:#000}.documents-listing-page .documents-page-content .pagination .pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.documents-listing-page .documents-page-content .pagination .pagination-button:not(button){background-color:transparent;border:none;color:#666;font-weight:400;cursor:default;min-width:auto;padding:8px 12px}.documents-listing-page .documents-page-content .pagination .pagination-button:not(button):hover{background-color:transparent;border:none;color:#666}@media (max-width: 830px){.documents-listing-page .documents-page-header .documents-header-wrapper{flex-direction:column;gap:16px;align-items:flex-start}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions{width:100%;gap:8px}.documents-listing-page .documents-page-header .documents-header-wrapper .header-actions button{width:100%;padding:10px 16px}.documents-listing-page .documents-page-content{overflow-y:auto}.documents-listing-page .documents-page-content .documents-table-container{overflow:visible;flex:1}.documents-listing-page .documents-page-content .documents-table-container .documents-cards-container{padding:12px;gap:12px}.documents-listing-page .documents-page-content .documents-table-container .documents-table thead{display:none}.documents-listing-page .documents-page-content .documents-table-container .documents-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.documents-listing-page .documents-page-content .documents-table-container .documents-table tbody td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;margin-bottom:16px;padding:12px 16px 12px 120px}.documents-listing-page .documents-page-content .documents-table-container .documents-table tbody td:last-child{border-bottom:none}.documents-listing-page .documents-page-content .documents-table-container .documents-table tbody td:before{content:attr(data-label);position:absolute;left:16px;font-weight:600;color:#333}}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease-in-out}.documents-details-sidebar{position:fixed;scrollbar-width:none;top:0;right:-400px;width:400px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto}.documents-details-sidebar ::-webkit-scrollbar{display:none}.documents-details-sidebar.open{right:0;pointer-events:auto}.documents-details-sidebar:not(.open){pointer-events:none}.documents-details-sidebar:not(.open) .sidebar-header,.documents-details-sidebar:not(.open) .sidebar-content{opacity:0;transition:opacity .2s ease;transform:translateY(10px)}.documents-details-sidebar.open .sidebar-header,.documents-details-sidebar.open .sidebar-content{opacity:1;transition:opacity .3s ease .1s,transform .3s ease .1s;transform:translateY(0)}.documents-details-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.documents-details-sidebar .sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.documents-details-sidebar .sidebar-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.documents-details-sidebar .sidebar-header .close-button:hover{background-color:#e9ecef;color:#333}.documents-details-sidebar .sidebar-content{padding:24px;height:calc(100% - 80px);overflow-y:auto;transition:all .3s;background-color:#fff}.documents-details-sidebar .sidebar-content .trip-details{transition:max-height .3s ease,opacity .3s ease;overflow:hidden;opacity:1;visibility:visible;width:100%;pointer-events:auto}.documents-details-sidebar .sidebar-content .trip-details.hidden{max-height:0;opacity:0;visibility:hidden;pointer-events:none}.documents-details-sidebar .sidebar-content .show-hide-details-button-documents-page{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f0f0;border-radius:8px;margin-bottom:10px;margin-top:10px;cursor:pointer;pointer-events:all}.documents-details-sidebar .sidebar-content .show-hide-details-button-documents-page h3{font-size:.875rem;font-weight:600;margin:0 0 4px}.documents-details-sidebar .sidebar-content .filters-container{padding:16px}.documents-details-sidebar .sidebar-content .filters-container .filters-actions{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.documents-details-sidebar .sidebar-content .filters-container .clear-filters-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.documents-details-sidebar .sidebar-content .filters-container .clear-filters-button:hover{background:#e9ecef;border-color:#adb5bd}.documents-details-sidebar .sidebar-content .filters-container .filters-grid .filters-row{display:flex;flex-direction:column;gap:1rem}.documents-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item{display:flex;flex-direction:column;gap:.5rem}.documents-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item label{font-weight:500;color:#495057;font-size:.875rem}.documents-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.documents-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.documents-details-sidebar .sidebar-content .filters-container .filters-grid .filter-item .filter-dropdown{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.documents-details-sidebar{width:100vw;right:-100vw;padding-bottom:40px}.documents-details-sidebar.open{right:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333}.App{height:100vh;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:25px 16px 16px;background-color:#000;color:#fff}.page-header .page-header-header-wrapper{transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}@media (max-width: 768px){.page-header .page-header-header-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}}.page-header .page-header-header-wrapper h1{font-size:1.5rem;font-weight:800}.page-header .page-header-header-wrapper .header-search{flex:1;margin:0 auto;width:100%}.page-header .page-header-header-wrapper .header-search .floating-label-container{margin-bottom:0}.page-header .page-header-header-wrapper .header-search #search{padding:.6rem 1.25rem;min-height:0px}.page-header .page-header-header-wrapper .header-actions{display:flex;gap:12px;align-items:center}@media (max-width: 768px){.page-header .page-header-header-wrapper .header-actions{width:100%}}.page-header .page-header-header-wrapper .header-actions .icon-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.page-header .page-header-header-wrapper .header-actions .icon-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.page-header .page-header-header-wrapper .header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.page-header .page-header-header-wrapper .header-actions .icon-button.filter-active{background:#007bff;border-color:#0056b3}.page-header .page-header-header-wrapper .header-actions .icon-button.filter-active:hover:not(:disabled){background:#0056b3;border-color:#004085}.page-header .page-header-header-wrapper .header-actions .icon-button.count{min-width:80px;pointer-events:auto;background-color:#fff;color:#000;border-radius:25px}.page-header .page-header-header-wrapper .header-actions .icon-button.count:hover:not(:disabled){background:#fff;border-color:#000}.page-header .page-header-header-wrapper .header-actions .toggle-filters-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.page-header .page-header-header-wrapper .header-actions .toggle-filters-button:hover{background-color:#138496}.page-header .page-header-header-wrapper .header-actions .header-action-button{display:flex;justify-content:center;align-items:center;text-align:center;min-width:40px;height:40px;padding:.5rem}@media (max-width: 768px){.page-header .page-header-header-wrapper .header-actions .header-action-button{width:100%}}.page-header .page-header-header-wrapper .header-actions button{background-color:#fff;color:#000;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.page-header .page-header-header-wrapper .header-actions button:hover{background-color:#dcdedf}.page-header .page-header-header-wrapper .header-actions button:disabled{cursor:not-allowed;opacity:.5}.page-header p{font-size:.875rem;color:#f6f6f6;max-width:60%;margin-top:8px}.main-content{display:flex;flex-direction:column;flex:1;margin:0 auto;width:100%;height:100%}@media (max-width: 1023px){.main-content{margin-top:70px}}@media (max-width: 768px){.main-content{margin-top:70px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}