@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;600&display=swap";.login-page-carousel{position:relative;display:flex;width:100vw;height:100vh;overflow:hidden}.background-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.background-image.active{opacity:1;z-index:1}.indicators{position:absolute;bottom:65px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:2}.dot{width:12px;height:12px;background-color:#fff;border-radius:50%;opacity:.5;transition:transform .3s ease}.dot.active{opacity:1;transform:scale(1.2)}.indicator-dot{width:12px;height:12px;cursor:pointer}.login-error-message{color:#fb2620;background-color:#f871711a;padding:8px 12px;border-left:4px solid #FB2620;border-radius:4px;font-size:.875rem;margin-top:1px;margin-bottom:5px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.login-sidebar{position:absolute;left:0;top:0;width:615px;height:100vh;background:#ffffffd9;z-index:2;padding:2rem;display:flex;flex-direction:column;justify-content:center}.sidebar-title-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:100px}.sidebar-main-title-row{display:flex;align-items:center;gap:8px}.sidebar-main-title{color:#101820;font-family:var(--font-twk);font-size:20px;font-style:normal;font-weight:500;line-height:normal}.distributor-logo{height:13px;width:80px;margin-bottom:2px}.sidebar-sub-title{color:#101820;text-align:center;font-family:var(--font-twk);font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:43px}.login-form{width:100%;max-width:350px;display:flex;flex-direction:column;gap:2px;margin-left:100px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label-row{display:flex;justify-content:space-between;align-items:center}label{color:#101820;font-family:var(--font-twk);font-size:11px;font-style:normal;font-weight:400;line-height:normal}input{padding:10px 12px;font-size:14px;border-radius:3px;border:1px solid #C5C5C5;background:#ffffffd9;transition:border-color .3s ease,box-shadow .3s ease}input:focus{outline:none;border:1px solid #C5C5C5}input::placeholder{color:#c5c5c5}.input-error{border-color:#ef4444!important;outline:none;box-shadow:0 0 0 2px #ef444433;transition:border-color .3s ease}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.shake{animation:shake .4s ease-in-out}@media (max-width: 768px){.login-sidebar{width:100%;height:auto;padding:2rem 1.5rem;position:relative;background:#ffffffd9;z-index:3}.sidebar-title-container,.login-form{margin-left:0}.sidebar-main-title-row{justify-content:center}.login-form{max-width:100%;width:100%}.sidebar-sub-title{text-align:center;margin-bottom:20px}.sidebar-main-title{font-size:38px}.form-button-row{display:flex;justify-content:center}.form-button-row button{width:100%}}@media (max-width: 480px){.login-sidebar{padding:1.5rem 1rem}input{font-size:13px}.sidebar-main-title{font-size:18px}.sidebar-sub-title{font-size:14px}}@media (max-width: 375px){.login-sidebar{padding:1rem}.sidebar-main-title{font-size:16px}.sidebar-sub-title{font-size:13px}input{font-size:12px}}.form-button-row{color:#ffa600;font-family:var(--font-jamjuree);font-size:14px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer;transition:background-color .3s ease;text-align:end;border-radius:4px;max-width:74px;width:100%;border:none;display:flex;justify-content:end;align-self:end}.reset-password-text{color:#101820;font-family:var(--font-twk);font-size:18px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:-.36px;margin-bottom:-.4rem}.login-form-footer{display:flex;justify-content:space-between;align-items:center}.login-form-footer p{color:#101820;font-family:var(--font-jamjuree);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.forgot-password-link{font-family:var(--font-twk);color:#2293f1;font-size:11px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.forgot-email{color:#101820;font-family:var(--font-twk);font-size:13px;font-style:normal;font-weight:400;line-height:normal}.login-form-footer-text,.login-form-link{text-decoration:none;color:#2293f1;font-family:var(--font-twk);font-style:normal;font-weight:400;line-height:normal}#forgot-password-text{font-size:11px;color:#101820;font-family:var(--font-twk);font-style:normal;font-weight:400;line-height:normal}.login-form-link{font-size:11px}.forgot-sidebar-branding{display:flex;align-items:end;justify-content:start;bottom:1px;position:absolute}.form-group input.error{border-color:#fb2620;box-shadow:0 0 0 2px #e74c3c1a}.form-group input.error:focus{border-color:#fb2620;box-shadow:0 0 0 3px #e74c3c33}.error-message{color:#fb2620;font-size:12px;margin-top:4px;display:block;font-family:inherit}.form-group{margin-bottom:20px;position:relative}.form-button-row button:disabled,.form-button-row .login-form-link button:disabled{opacity:.6;cursor:not-allowed;background-color:#95a5a6}.form-button-row button:disabled:hover,.form-button-row .login-form-link button:disabled:hover{background-color:#95a5a6;transform:none}@media (max-width: 768px){.form-button-row{font-size:12px;width:100%;max-width:100%}#forgot-password-text{font-size:10px;margin-top:.5rem}.reset-password-button-container{width:100%;max-width:100%;display:block}.reset-password-button{width:100%;max-width:100%}.sidebar-main-title{font-size:14px}.sidebar-sub-title{font-size:12px;margin-bottom:20px}.distributor-logo{height:10px;width:50px}}.vehicle-header__language-switcher select{border:1px solid rgba(231,228,228);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text-color);cursor:pointer;transition:border-color .2s ease}.vehicle-header__language-switcher select:hover{border-color:var(--border-hover-color)}.vehicle-header__language-switcher select:focus{outline:none;border-color:var(--primary-color)}.vehicle-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;height:48px;margin-top:31px;margin-bottom:59px}.vehicle-header__left{display:flex;align-items:center;gap:14px}.vehicle-header__logo{width:45px;height:40px;aspect-ratio:25/16}.vehicle-header__container{margin-top:0}.vehicle-header__powered{color:#101820;text-align:center;font-family:var(--font-twk);font-size:20px;font-style:normal;font-weight:500;line-height:normal}.vehicle-header__user-info{display:flex;align-items:center;gap:16px}.vehicle-header__right{display:flex;align-items:center;gap:.5rem}.vehicle-header__theme-toggle{border:1px solid rgba(231,228,228);border-radius:8px;background:#1018200d;padding:8px 9px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;aspect-ratio:1/1;cursor:pointer}.vehicle-header__theme-toggle:hover{background-color:#1018200d;border-color:#10182033}.vehicle-header__theme-toggle .theme-toggle-button{border:none;background:none;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#101820}.vehicle-header__theme-toggle .theme-toggle-button:hover{background:none;transform:none}.vehicle-header__theme-toggle .theme-toggle-button svg{width:18px;height:18px;color:#101820}.vehicle-header__somoco-logo{width:60px;height:10.225px;flex-shrink:0;aspect-ratio:25/16;margin-left:6px}.vehicle-header__role{color:#101820;font-family:var(--font-twk);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.vehicle-header__company-name{color:#101820;text-align:start;font-family:var(--font-twk);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.vehicle-header__user-info_container{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:8px;border:1px solid rgba(231,228,228);background:#1018200d;padding:8px 9px;aspect-ratio:1/1;cursor:pointer}.vehicle-header__user-info_container:hover{background-color:#1018200d;border-color:#10182033}.vehicle-header__user-initials{color:#101820;font-family:var(--font-twk);font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.32px}.vehicle-header__user-info_wrapper{position:relative;cursor:pointer}.vehicle-header__dropdown{position:absolute;top:50px;right:0;padding:16px;z-index:100;display:flex;flex-direction:column;gap:8px;width:256px;border-radius:1rem;border:1px solid rgba(231,228,228);background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;align-items:start;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,}.vehicle-header__dropdown.show{opacity:1;transform:translateY(0);pointer-events:auto}.vehicle-header__dropdown.hide{opacity:0;transform:translateY(-10px);pointer-events:none}.vehicle-header__dropdown-initials{background:#1018201a;color:#101820;font-family:var(--font-twk);font-size:16px;font-weight:500;border-radius:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.vehicle-header__dropdown-name{color:#101820;font-family:var(--font-twk);font-size:13px;font-style:normal;font-weight:500;line-height:normal}.vehicle-header__dropdown-email,.vehicle-header__dropdown-company{color:#8a9ba8;font-family:var(--font-twk);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.vehicle-header__dropdown-logout{background:none;border:none;color:#fb2620;text-align:left;font-weight:500;cursor:pointer;padding:.5rem;font-family:var(--font-twk);font-size:13px;font-style:normal;line-height:normal;border-radius:.25rem;width:100%}.vehicle-header__dropdown-logout:hover:not(:disabled){background-color:#1018200d;color:#fb2620}.vehicle-header__dropdown-logout:disabled{opacity:.6;cursor:not-allowed}.vehicle-header__dropdown-divider{width:calc(100% + 32px);height:1px;background:#e7e4e4;margin:4px 0 4px -16px}.vehicle-header__dropdown[hidden]{opacity:0;transform:translateY(-10px);pointer-events:none}.vehicle-header__dropdown-header{display:flex;align-items:start;gap:12px;background-color:#1018200d;padding:.5rem;border-radius:8px;width:calc(100% + 16px);margin:-8px -8px 0}.vehicle-header__dropdown-info{display:flex;flex-direction:column;overflow:hidden;max-width:100%}.email-company-role{margin-top:2px;color:#8a9ba8;font-family:var(--font-twk);font-size:12px;font-style:normal;font-weight:400;line-height:normal}@media (max-width: 768px){.vehicle-header__theme-toggle{width:36px;height:36px}.vehicle-header__right{gap:.25rem}.vehicle-header__dropdown{width:240px;right:-20px}}.vehicle-header__theme-toggle:focus,.vehicle-header__user-info_container:focus{outline:2px solid rgba(28,53,94,.2);outline-offset:2px}.vehicle-header__dropdown-logout:focus{outline:2px solid rgba(28,53,94,.2);outline-offset:2px}.vehicles-page{margin:0 135px}.vehicle-tabs-wrapper{position:relative;background-color:#fff;margin-top:12px;border-bottom:1px solid rgba(231,228,228);margin-bottom:18px}.vehicle-tabs-inner{display:flex;position:relative;z-index:1}.vehicle-tab-button{display:flex;align-items:center;gap:6px;height:33px;padding:6px 24px;font-family:var(--font-twk);font-size:16px;font-weight:400;color:#10182080;border:1px solid rgba(231,228,228);margin-bottom:-1px;line-height:1.5;background-color:#ffa6000d;box-sizing:border-box;border-bottom:1px solid white;text-decoration:none;cursor:pointer;transition:all .2s ease;border-radius:0;position:relative;z-index:2}.vehicle-tab-button:first-child{margin-left:20px}.vehicle-tab-button.active{background-color:#fff;color:#101820;font-weight:500;border:1px solid rgba(231,228,228);border-bottom:none;z-index:3;height:34px;margin-bottom:-3px}.not-found-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background-color:#f3f4f6;font-family:var(--font-twk)}.not-found-image{width:100px;height:auto;margin-bottom:2rem}.not-found-page h1{font-size:3rem;color:#fb2620;margin-bottom:2rem}.not-found-message{font-size:1.25rem;color:#374151;margin-bottom:2rem}.not-found-button{background-color:#ffa600;color:#fff;font-weight:500;border:none;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s ease-in-out;text-decoration:none}@media (max-width: 768px){.not-found-image{width:80px;height:auto;margin-bottom:1.5rem}.not-found-page h1{font-size:1.2rem;margin-bottom:.5rem}.not-found-message{font-size:1rem;padding:.6rem;margin-bottom:1rem}.not-found-button{font-size:.875rem;padding:.75rem 1.5rem}}.check-email-image{width:32px;height:32px;margin:-22px auto 8px;display:flex;align-items:center;justify-content:center}.check-email-text{color:#101820;text-align:center;font-family:var(--font-twk);font-size:18px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:-.36px;margin-bottom:20px}.check-email-description{color:#101820;text-align:center;font-family:var(--font-twk);font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-top:-1.2rem;margin-bottom:8px}.check-email-button-container{display:flex;justify-content:center;margin-top:10px}.check-email-link{text-decoration:none}.check-email-button{height:48px;border:none;cursor:pointer;border-radius:4px;background:linear-gradient(0deg,#ffa600 0% 100%),#fff;padding:6px 12px;gap:10px}.check-email-button p{color:#101820;text-align:right;font-family:var(--font-twk);font-size:13px;font-style:normal;font-weight:500;line-height:normal}@media (max-width: 768px){.check-email-text{font-size:16px}.check-email-description{font-size:12px}}.reset-password-text{color:#101820;font-family:var(--font-twk);font-size:18px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:-.36px;margin-bottom:15px}.reset-password-button-container{display:flex;justify-content:end;align-items:center;width:100%;height:100%}.reset-password-button{height:48px;border:none;cursor:pointer;border-radius:4px;background:linear-gradient(0deg,#ffa600 0% 100%),#fff;padding:6px 12px;gap:10px}.validation-checklist{padding-left:20px;margin-top:6px;margin-bottom:-16px;opacity:.8;color:#101820;font-family:var(--font-twk);font-size:10px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px}.validation-checklist li.valid{color:#316803;font-family:var(--font-twk);font-size:10px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px}.reset-password-error-message{font-family:var(--font-twk);font-size:13px;font-style:normal;font-weight:400;line-height:normal;margin-top:5px;color:#fb2620}@media (max-width: 768px){.reset-password-text{font-size:16px;margin-bottom:10px}.validation-checklist{font-size:9px}.reset-password-error-message{font-size:14px}.reset-password-button-container{width:100%;max-width:100%;display:block}.reset-password-button{width:100%;max-width:100%}.sidebar-main-title{font-size:14px}.sidebar-sub-title{font-size:12px;margin-bottom:20px}.distributor-logo{height:10px;width:50px}}@font-face{font-family:TWK Everett;src:url(/fonts/TWKEverett/TWKEverett-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TWK Everett;src:url(/fonts/TWKEverett/TWKEverett-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TWK Everett;src:url(/fonts/TWKEverett/TWKEverett-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@tailwind base;@tailwind components;@tailwind utilities;:root{--font-twk: "TWK Everett", sans-serif;--font-poppins: "Poppins", sans-serif;--font-jamjuree: "Bai Jamjuree", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-twk)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary-container{padding:2rem;text-align:center;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#f3f4f6}.error-title{color:#fb2620;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-message{color:#374151;margin-bottom:1.5rem;font-size:14px}.refresh-button{background-color:#101820;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s ease-in-out}.login-form{background-color:transparent;margin:0 auto}.active-filters-info{display:flex;align-items:center;gap:8px;padding:8px;background:#ffa6000d;border-radius:4px;font-family:var(--font-jamjuree);font-size:12px;color:#101820;margin-bottom:10px}.lazy-skeleton-item{background:linear-gradient(90deg,#f8f9fa 25%,#e9ecef,#f8f9fa 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-fade-in{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.lazy-skeleton-item.table-row{height:50px;display:flex;align-items:center;padding:0 16px}.lazy-skeleton-item.card{height:120px;padding:16px;border:1px solid #dee2e6}.lazy-skeleton-item.vehicle-item{height:60px;display:flex;align-items:center;padding:12px}.lazy-skeleton-item.image{height:200px;border-radius:8px}.lazy-loading-container{display:flex;align-items:center;justify-content:center;padding:20px;color:#6c757d;font-style:italic}.lazy-interactive-item{transition:all .2s ease;cursor:pointer}.lazy-interactive-item:hover:not(.lazy-skeleton-item){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.lazy-fade-in{animation-duration:.2s}.lazy-skeleton-item{animation-duration:1.2s}.lazy-interactive-item:hover{transform:none}}@media (prefers-reduced-motion: reduce){.lazy-skeleton-item{animation:none;background:#e9ecef}.lazy-fade-in{animation:none}.lazy-interactive-item{transition:none}}