@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";.sidebar{width:0!important;background-color:#002d86!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;color:#fff!important;padding:10px 0!important;position:fixed!important;top:50%!important;left:0!important;transform:translate(-10px,-50%)!important;border-radius:30px!important;box-shadow:0 10px 20px #0003!important;transition:width .3s ease!important;margin-left:15px!important}.sidebar.visible{width:75px!important;transform:translateY(-50%)!important}.sidebar-icons{display:flex!important;flex-direction:column!important;align-items:center!important;opacity:0!important;transition:opacity .3s ease!important}.sidebar.visible .sidebar-icons{opacity:1!important}.icon{font-size:40px!important;margin:10px 0!important;cursor:pointer!important;color:#fff!important;transition:transform .3s ease,color .3s ease!important}.icon:hover{color:#f0f0f0!important;transform:scale(1.1)!important}.icon:active{transform:scale(.9)!important}.sidebar-wrapper{position:fixed!important;top:0!important;left:0!important;width:20px!important;height:100vh!important;cursor:pointer!important}.topbar{width:75%;height:50px;position:fixed;background-color:#002d86e6;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;top:20px;left:10%;z-index:1000;font-family:Roboto,sans-serif;border-radius:30px;box-shadow:0 4px 10px #0003;transition:width .3s ease-in-out}.topbar.collapsed{width:60%}.topbar-left{display:flex;align-items:center;flex-grow:1}.topbar-logo-img{height:40px;margin-right:15px}.topbar-nav-links{display:flex;justify-content:flex-start;gap:15px}.topbar-nav-links a{text-decoration:none;color:#fff;font-size:18px;transition:color .3s}.topbar-nav-links a:hover{color:#d1e0ff}.topbar-right{display:flex;align-items:center;margin-left:auto}.topbar-greeting{margin-right:15px;font-size:16px}.topbar-profile-dropdown{position:relative}.topbar-profile-img{width:40px;height:40px;border-radius:50%;border:2px solid white;object-fit:cover;cursor:pointer}.topbar-dropdown-menu{position:absolute;right:0;top:50px;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;border-radius:5px;overflow:hidden;z-index:1000}.topbar-dropdown-menu a,.topbar-dropdown-menu button{display:flex;align-items:center;padding:10px 20px;text-decoration:none;color:#333;background:none;border:none;cursor:pointer;width:100%;text-align:left}.topbar-dropdown-menu a i,.topbar-dropdown-menu button i{margin-right:10px}.topbar-search-container{display:flex;flex-grow:1;justify-content:center}.topbar-search-input{width:100%;max-width:300px;border-radius:25px;border:2px solid rgba(255,255,255,.7);background-color:#fff;color:#000;font-size:16px;transition:border-color .3s ease-in-out}.topbar-search-input:focus{border-color:#d1e0ff}.topbar-search-icon{font-size:1.8em;margin-left:15px;margin-bottom:5px}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0006;display:flex;align-items:flex-start;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-in-out;padding-top:10vh;overflow:hidden}.search-box{background:#f7f7f7;padding:12px 16px;border-radius:50px;box-shadow:0 4px 15px #0003;display:flex;align-items:center;width:400px;animation:slideDown .2s ease-in-out}.search-box input{padding:12px;border:none;outline:none;font-size:16px;flex-grow:1;border-radius:50px;background:#f7f7f7;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.home-page{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.LogIn-page{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Poppins,sans-serif}.LogIn-page{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Poppins,sans-serif}.LogIn-container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:80%;max-width:900px}.LogIn-logo-container{flex:1;display:flex;justify-content:center;align-items:center}.LogIn-logo{max-width:150px}.LogIn-form-container{flex:2;text-align:left;padding-left:30px}.LogIn-h2{font-size:24px;margin-bottom:20px;color:#333}.LogIn-input-group{margin-bottom:20px;text-align:left}.LogIn-input-group label{display:block;font-size:14px;color:#555}.LogIn-input-group input{width:91%;padding:10px;margin-top:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}.LogIn-input-group input:focus{border-color:#007bff;outline:none}.LogIn-login-btn{width:95%;padding:12px;background-color:#002d86;color:#fff;font-size:16px;border:none;border-radius:4px;cursor:pointer}.LogIn-login-btn:hover{background-color:#0056b3}.LogIn-error-message{color:#e74c3c;font-size:14px;margin-top:10px}.chat{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.layout{display:flex;width:92vw;height:92vh;margin-top:75px;margin-left:30px}.main-container{flex-grow:1;display:flex;flex-direction:column;background-color:#f8f9fa;margin:20px;border-radius:12px;font-family:Poppins,sans-serif;box-shadow:0 4px 10px #0000001a;overflow:hidden}.chat-container{display:flex;flex-grow:1;border-radius:10px;overflow:hidden;background-color:#fff}.chat-sidebar{width:300px;padding:20px;border-right:1px solid #ccc;background-color:#f0f2f5}.chat-content{display:flex;flex-direction:column;flex-grow:1;padding:20px;background-color:#efeae2}.messages-container{flex-grow:1;overflow-y:auto;padding:10px;border-radius:5px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.message{padding:10px 14px;max-width:60%;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 4px #0000001a;animation:fadeIn .2s ease-in-out}.message.user{background-color:#dcf8c6;align-self:flex-end}.message.other{background-color:#fff;align-self:flex-start}.input-container{display:flex;align-items:center;padding:10px;border-radius:0 0 10px 10px}.input-container input{flex-grow:1;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:20px;outline:none;transition:.2s ease-in-out}.input-container input:focus{border-color:#000}.send-btn{margin-left:10px;padding:10px;background-color:#0056b3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease-in-out}.send-btn:hover{background-color:#1db954}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.open-btn{position:fixed;bottom:50px;right:-10px;width:80px;height:40px;background:#002d86;color:#fff;border:none;border-radius:20px 0 0 20px;cursor:pointer;font-size:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;z-index:1000;box-shadow:0 4px 10px #0003}.open-btn:hover{width:140px;right:0;justify-content:center;background:#0240bb}.open-btn:after{content:"Add Load";font-size:0px;transition:font-size .2s ease-in-out}.open-btn:hover:after{font-size:16px;margin-left:5px}.sidebar.open~.open-btn{display:none}.sidebarlo{position:fixed;top:0;right:-380px;width:380px;height:100vh;background:#002d86;color:#fff;transition:right .3s ease-in-out;box-shadow:-3px 0 10px #0000004d;display:flex;flex-direction:column;z-index:999;overflow:hidden}.sidebarlo.open{right:0}.sidebarlo h2{margin-bottom:20px;font-size:22px;border-bottom:2px solid rgb(255,255,255);padding-bottom:10px;color:#fff;margin-left:15px;margin-right:15px}.sidebarlo .content{flex-grow:1;overflow-y:auto;padding-right:10px;padding-left:10px;padding-bottom:20px}.sidebarlo .content::-webkit-scrollbar{width:6px}.sidebarlo .content::-webkit-scrollbar-track{background:#002d86;border-radius:10px}.sidebarlo .content::-webkit-scrollbar-thumb{background:#666;border-radius:10px}.sidebarlo .content::-webkit-scrollbar-thumb:hover{background:#888}.form{display:flex;flex-direction:column;gap:10px}.input-group{display:flex;flex-direction:column;width:90%;text-align:center}.input-group label{font-size:14px;margin-bottom:3px}.input-group input{padding:8px;border:1px solid #ccc;border-radius:5px;font-size:14px}.done-btn{padding:10px;background:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:auto}.done-btn:hover{background:#218838}.email{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.layout{display:flex;width:92vw;height:88vh;margin-top:75px;margin-left:60px}.email-container{flex-grow:1;display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:12px;font-family:Poppins,sans-serif;box-shadow:0 4px 10px #0000001a;overflow:hidden}.email-layout{display:flex;height:100%}.folders{width:220px;min-width:220px;max-width:220px;background:#f1f1f1;padding:10px;border-right:1px solid #ddd;height:100%;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto}.folder{padding:10px;cursor:pointer;width:100%;text-align:left;border-radius:4px}.folder.active{background:#007bff;color:#fff}.email-list{width:300px;background:#fff;padding:10px;border-right:1px solid #ddd;overflow-y:auto;height:100%}.email-item{padding:10px;border-bottom:1px solid #ddd;cursor:pointer;display:flex;flex-direction:column}.email-item:hover{background:#f5f5f5}.email-item strong{margin-bottom:5px}.email-item span{font-size:.9rem;color:#888}.email-content{flex-grow:1;background:#fff;overflow-y:auto;height:100%;word-wrap:break-word;font-size:1rem}.email-content h2{margin-bottom:10px}.email-content p{margin-bottom:15px}.email-content hr{margin:20px 0}.email-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#555;margin-bottom:10px}.email-iframe{width:100%;height:99%;border:none;background:#fff}.email-body{max-width:100%;overflow-x:auto;word-wrap:break-word}.email-body *{all:unset}.email-body img{max-width:100%;height:auto;display:block}.email-body a{color:#007bff;word-break:break-word}.CompanyDashboard-container{background-color:#fff;margin:0 auto;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;text-align:center}.CompanyDashboard-header h2{margin-bottom:20px}.CompanyDashboard-details p,.CompanyDashboard-details ul{margin-bottom:10px;font-size:16px}.CompanyDashboard-details ul{list-style-type:none;padding:0}.AddUser-container{width:400px;margin:50px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;font-family:Poppins,sans-serif}.AddUser-title{margin-bottom:20px;font-size:1.8rem;font-weight:600}.AddUser-form{display:flex;flex-direction:column;gap:15px}.AddUser-input,.AddUser-select{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:Poppins,sans-serif}.AddUser-button{background:#002d86;color:#fff;padding:12px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s,transform .2s}.AddUser-button:hover{background:#002d86;transform:scale(1.05)}.Add-Driver-page{background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;background-image:url(/assets/4-CWeG1hQH.jpg)}.AddDriver-container{width:800px;margin:50px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:left;font-family:Poppins,sans-serif}.AddDriver-container form{display:flex;flex-wrap:wrap}.AddDriver-container input,.AddDriver-container select{width:calc(50% - 10px);padding:10px;margin:10px;border:1px solid #ccc;border-radius:5px}.AddDriver-container button{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.home{font-family:Arial,sans-serif;padding:20px;background-color:#f4f4f4;min-height:100vh;display:flex;flex-direction:column;align-items:center;margin-top:90px;margin-left:35px}table{width:90%;max-width:1500px;border-collapse:collapse;background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:8px;overflow:hidden}thead{background:#0239a8;color:#fff;text-align:left}th,td{padding:15px;border-bottom:1px solid #ddd}tbody tr:hover{background:#007bff1a;transition:.3s}.actions{display:flex;gap:5px}button{border:none;padding:6px;cursor:pointer;font-size:16px;border-radius:5px;transition:.3s;display:flex;align-items:center;justify-content:center;min-width:35px;height:35px;color:#fff!important}.details{background:#007bff!important}.accept{background:#28a745!important}.decline{background:#dc3545!important}button:hover{opacity:.8}.map-container{width:100%;height:100vh;margin:0;padding:0}body,html{margin:0;height:100%}.cartage-Dashboard-page{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.cartage-dashboard-container{font-family:Poppins,sans-serif;width:90%;margin-left:80px;margin-top:70px;display:flex;flex-direction:column;align-items:center;background:#ffffffe6;border-radius:10px}.cartage-table-container{display:flex;opacity:1;align-items:center;justify-content:center;width:100%;max-height:60vh;overflow-y:auto;border-radius:10px;margin-top:20px;padding:10px}.cartage-table{width:100%;border-collapse:collapse;opacity:1}.cartage-table th,.cartage-table td{padding:10px;border:1px solid #ccc;text-align:center;opacity:1}.cartage-table td select{width:100%;padding:5px;border-radius:5px;border:1px solid #ccc}.cartage-date-picker-container{margin-top:20px;display:flex;align-items:center;justify-content:center}.cartage-date-picker-container label{margin-right:10px;font-weight:700}.cartage-date-picker-container input{padding:8px;border-radius:5px;border:1px solid #ccc}.loading-message{text-align:center;font-size:18px;color:#888}.error-message{color:red;text-align:center;margin-top:20px}.cartage-PlanRoute-page{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;height:100vh;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cartage-main-content{display:flex;flex:1;padding:20px;gap:20px;margin:70px}.cartage-map-container-wrapper{display:flex;flex:1;gap:20px;align-items:center;justify-content:center}.cartage-map-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.map-window{width:90%;height:680px;border-radius:10px;margin-top:70px;overflow:hidden;box-shadow:0 4px 10px #0003}.cartage-info-container{font-family:Poppins,sans-serif;width:28%;height:100%;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;gap:15px;align-items:center}.cartage-info-container h2{text-align:center;margin-bottom:10px;font-size:18px}.cartage-info-container label{font-size:14px;font-weight:700}.cartage-info-container select{width:100%;padding:8px;border-radius:5px;border:1px solid #ccc}.sortable-list{display:flex;flex-direction:column;gap:10px;margin-top:15px;width:100%;align-items:flex-start}.sortable-item{background:#f8f9fa;padding:10px;border-radius:5px;border:1px solid #ddd;cursor:grab;text-align:center;box-shadow:0 2px 5px #0000001a;width:90%}.sortable-item:active{cursor:grabbing}.container-page{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;height:100vh;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-content{display:flex;flex:1;padding:20px;gap:20px}.center-container-wrapper{display:flex;flex:1;align-items:center;justify-content:center}.center-container{width:50%;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;gap:15px;align-items:center}.center-container h2{text-align:center;margin-bottom:10px;font-size:18px}.center-container label{font-size:14px;font-weight:700}.center-container input{width:100%;padding:8px;border-radius:5px;border:1px solid #ccc}.center-container button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.center-container button:hover{background:#0056b3}.cartage-addload-page{background-image:url(/assets/4-CWeG1hQH.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto}.cartage-addload-container{min-width:85vw;max-width:90vw;min-height:60vh;max-height:90vh;background:#ffffffe6;padding:15px;border-radius:10px;box-shadow:0 0 15px #0003;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin-top:75px;overflow:auto}.cartage-addload-title{text-align:center;color:#333;margin-bottom:10px}.cartage-addload-content{display:flex;flex-wrap:wrap;gap:10px;height:auto}.cartage-addload-left{flex:3;display:flex;flex-direction:column;gap:10px}.cartage-addload-right{flex:1;display:flex;flex-direction:column;gap:10px}.cartage-addload-row{display:flex;justify-content:space-between;gap:10px;flex:1}.cartage-addload-group{flex:1;background:#f5f5f5;padding:10px;border-radius:10px;box-shadow:0 0 5px #0000001a;font-size:14px}.cartage-addload-label{font-weight:700;display:block;margin-top:5px}.cartage-addload-input{width:90%;padding:6px;border:1px solid #ccc;border-radius:5px;font-size:12px}.cartage-addload-notes{background:#f5f5f5;padding:10px;border-radius:10px;box-shadow:0 0 5px #0000001a;flex:1}.cartage-addload-textarea{width:95%;height:50%;border:1px solid #ccc;border-radius:5px;font-size:12px;padding:6px;resize:none}.cartage-addload-upload{background:#eaf0f7;border:2px dashed #002D86;text-align:center;padding:10px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.cartage-addload-file-input{display:none}.cartage-addload-drag-text{color:#002d86;font-weight:700;font-size:12px}.cartage-addload-button{width:100%;padding:8px;background-color:#002d86;color:#fff;font-weight:700;border-radius:7px;transition:.3s;border:none;font-size:20px;margin-top:10px;position:sticky;left:0;right:0}.cartage-addload-button:hover{background-color:#0056b3}.cartage-addload-button.success{background-color:#28a745}.cartage-addload-button.error{background-color:#dc3545}.cartage-addload-button .spinner{border:4px solid transparent;border-top:4px solid white;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.cartage-addload-content,.cartage-addload-row{flex-direction:column}.cartage-addload-container{min-width:80vw;max-width:95vw;min-height:70vh;max-height:95vh}.cartage-addload-input,.cartage-addload-textarea{width:100%}}@media (max-width: 768px){.cartage-addload-left,.cartage-addload-right{flex:1}.cartage-addload-content{flex-direction:column}.cartage-addload-container{width:90vw;height:auto;max-height:95vh}.cartage-addload-button{font-size:18px;padding:6px}}@media (max-width: 480px){.cartage-addload-container{width:95vw;padding:10px}.cartage-addload-title{font-size:16px}.cartage-addload-button{font-size:16px;padding:5px}}.cartage-addload-hours{display:flex;gap:10px;align-items:center}.cartage-addload-hours .cartage-addload-label{margin:0}.cartage-addload-hours .cartage-addload-input{width:auto}