*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family)}html,body{height:100%;width:100%;margin:0;padding:0;font-family:Arial, sans-serif}a{text-decoration:none;color:inherit;width:fit-content}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:8px}::-webkit-scrollbar-thumb{background:var(--color-interface-light-up);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--color-interface-dark-up)}:root{--color-interface-light-pure: #fff;--color-interface-light-up: #DCE0E5;--color-interface-light-down: #F9FAFB;--color-interface-light-down-dark: #e0e0e0;--color-interface-dark-up: #627084;--color-interface-dark-pure: #1d2530;--color-brand-primary: #052B61;--color-brand-primary-secondary: #04224d;--color-brand-secondary: #F88735;--color-brand-secondary-dark: #e0701d;--color-interface-danger: #e63946;--color-interface-success: #155724
}.text-interface-light-pure{color:var(--color-interface-light-pure) !important}.text-interface-light-up{color:var(--color-interface-light-up) !important}.text-interface-light-down{color:var(--color-interface-light-down) !important}.bg-interface-light-pure{background-color:var(--color-interface-light-pure) !important}.bg-interface-light-up{background-color:var(--color-interface-light-up) !important}.text-interface-dark-up{color:var(--color-interface-dark-up) !important}.text-dark-pure{color:var(--color-interface-dark-pure) !important}.text-brand-primary{color:var(--color-brand-primary) !important}.text-brand-secondary{color:var(--color-brand-secondary) !important}.text-interface-danger{color:var(--color-interface-danger) !important}.text-interface-success{color:var(--color-interface-success) !important}.bg-interface-light-down{background-color:var(--color-interface-light-down) !important}.bg-interface-dark-up{background-color:var(--color-interface-dark-up) !important}.bg-dark-pure{background-color:var(--color-interface-dark-pure) !important}.bg-brand-primary{background-color:var(--color-brand-primary) !important}.bg-brand-secondary{background-color:var(--color-brand-secondary) !important}.bg-interface-danger{background-color:var(--color-interface-danger) !important}.bg-interface-success{background-color:var(--color-interface-success) !important}:root{--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 40px;--font-size-sm: 12px;--font-size-sm-plus: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-xxl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;--border-default: 1px solid var(--color-interface-light-up);--border-primary: 2px solid var(--color-brand-primary);--border-radius-md: 8px;--border-radius-lg: 16px;--shadow-default: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)}.gap-xxs{gap:var(--spacing-xxs) !important}.gap-xs{gap:var(--spacing-xs) !important}.gap-sm{gap:var(--spacing-sm) !important}.gap-md{gap:var(--spacing-md) !important}.gap-lg{gap:var(--spacing-lg) !important}.gap-xl{gap:var(--spacing-xl) !important}.gap-xxl{gap:var(--spacing-xxl) !important}.mt-xxs{margin-top:var(--spacing-xxs) !important}.mt-xs{margin-top:var(--spacing-xs) !important}.mt-sm{margin-top:var(--spacing-sm) !important}.mt-md{margin-top:var(--spacing-md) !important}.mt-lg{margin-top:var(--spacing-lg) !important}.mt-xl{margin-top:var(--spacing-xl) !important}.mt-xxl{margin-top:var(--spacing-xxl) !important}.mb-xxs{margin-bottom:var(--spacing-xxs) !important}.mb-xs{margin-bottom:var(--spacing-xs) !important}.mb-sm{margin-bottom:var(--spacing-sm) !important}.mb-md{margin-bottom:var(--spacing-md) !important}.mb-lg{margin-bottom:var(--spacing-lg) !important}.mb-xl{margin-bottom:var(--spacing-xl) !important}.mb-xxl{margin-bottom:var(--spacing-xxl) !important}.font-sm{font-size:var(--font-size-sm) !important}.font-sm-plus{font-size:var(--font-size-sm-plus) !important}.font-md{font-size:var(--font-size-md) !important}.font-lg{font-size:var(--font-size-lg) !important}.font-xl{font-size:var(--font-size-xl) !important}.font-xxl{font-size:var(--font-size-xxl) !important}.font-regular{font-weight:var(--font-weight-regular) !important}.font-medium{font-weight:var(--font-weight-medium) !important}.font-semibold{font-weight:var(--font-weight-semibold) !important}.font-bold{font-weight:var(--font-weight-bold) !important}.font-family{font-family:var(--font-family) !important}.align-start{align-items:flex-start !important}.align-center{align-items:center !important}.align-end{align-items:flex-end !important}.flex-start{justify-content:flex-start !important}.flex-center{justify-content:center !important}.flex-end{justify-content:flex-end !important}.full-width{text-align:center !important;width:100% !important}.border-default{border-radius:var(--border-radius-md);border:var(--border-default);overflow:hidden}.gap-none{gap:0 !important}.grid-2-cols{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--spacing-lg)}.grid-3-cols{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--spacing-lg)}.grid-2-cols-1fr-2fr{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg)}@media screen and (max-width: 768px){.grid-2-cols{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-3-cols{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-2-cols-1fr-2fr{grid-template-columns:1fr}}.alert{border-radius:var(--border-radius-md);display:flex;flex-direction:column;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.alert-line{display:flex}.alert-success{background-color:#D4EDDA;border:1px solid #C3E6CB;color:#155724}.alert-error{background-color:#F8D7DA;border:1px solid #F5C6CB;color:#721C24}.autocomplete-wrapper{position:relative}.autocomplete{background-color:var(--color-interface-light-pure);border:var(--border-default);border-radius:var(--border-radius-md);color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.autocomplete:focus,.autocomplete:focus-visible{border:var(--border-primary);outline:none;padding:calc(var(--spacing-xs) - 1px) var(--spacing-sm)}.autocomplete::placeholder{color:var(--color-interface-light-up)}.autocomplete-results{background-color:white;border:1px solid #ccc;border-top:none;position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;z-index:1000;display:none;text-align:left}.autocomplete-item{padding:8px;cursor:pointer}.autocomplete-item:hover{background-color:#f0f0f0}.hidden{display:none}.button-sm{align-items:center;background-color:var(--color-brand-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-interface-light-pure);cursor:pointer;display:flex;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-medium);height:36px;padding:0 var(--spacing-sm);transition:background-color 0.3s ease}.button-md{align-items:center;background-color:var(--color-brand-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-interface-light-pure);cursor:pointer;display:flex;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:background-color 0.3s ease}.button-primary{background-color:var(--color-brand-primary)}.button-primary:hover{background-color:var(--color-brand-primary-secondary)}.button-secondary{background-color:var(--color-brand-secondary)}.button-secondary:hover{background-color:var(--color-brand-secondary-dark)}.button-tertiary{background-color:var(--color-interface-light-down);border:var(--border-default);color:var(--color-interface-dark-pure)}.button-tertiary:hover{background-color:var(--color-interface-light-down-dark)}.button-danger{background-color:var(--color-interface-danger);color:var(--color-interface-light-pure)}.button-danger:hover{background-color:#c53030}.button-success{background-color:var(--color-interface-success);color:var(--color-interface-light-pure)}.card-xs{background-color:var(--color-interface-light-pure);border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-sm)}.card-sm{background-color:var(--color-interface-light-pure);border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.card-md{background-color:var(--color-interface-light-pure);border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.chip{align-items:center;color:var(--color-interface-dark-pure);display:flex;justify-content:center;padding:2px 10px;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-interface-light-pure)}.chip-lg{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--font-size-md) var(--spacing-md)}.chip-primary{background-color:var(--color-brand-primary);border:none;color:var(--color-interface-light-pure)}.chip-secondary{background-color:var(--color-brand-secondary);border:none;color:var(--color-interface-light-pure)}.chip-tertiary{background-color:var(--color-interface-light-down);border:var(--border-default);color:var(--color-interface-dark-pure)}.chip-danger{background-color:var(--color-interface-danger);color:var(--color-interface-light-pure)}.divider{border-top:var(--border-default) !important}#feedback-container{position:fixed;bottom:20px;right:20px;z-index:1050;display:flex;flex-direction:column;gap:var(--spacing-xs)}.feedback-alert{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-default);width:350px;opacity:0;transform:translateX(100%);animation:slideIn 0.5s forwards}.feedback-alert-success{background-color:#D4EDDA;color:#155724;border:1px solid #C3E6CB}.feedback-alert-error{background-color:#F8D7DA;color:#721C24;border:1px solid #F5C6CB}.feedback-alert p{margin:0;color:inherit}.feedback-close-button{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:1.2rem;opacity:0.7;transition:opacity 0.2s ease}.feedback-close-button:hover{opacity:1}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}@keyframes slideOut{to{opacity:0;transform:translateX(100%);height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-width:0}}.feedback-alert.fade-out{animation:slideOut 0.5s forwards}.heading-1{color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);line-height:28px}.heading-2{color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:28px}.heading-3{color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:28px}.heading-4{color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:28px}.heading-5{color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.paragraph{align-items:center;color:var(--color-interface-dark-pure);display:flex;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);gap:var(--spacing-xxs);line-height:24px}.icon-button{align-items:center;background-color:transparent;border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:center;height:40px;padding:var(--spacing-xxs);transition:background-color 0.5s ease;width:40px}.icon-button:hover{background-color:var(--color-brand-secondary);color:var(--color-interface-light-pure)}.icon-xxs{width:10px;height:100%}.icon-xs{width:12px;height:100%}.icon-sm-extra{width:16px;height:100%}.icon-sm{width:18px;height:100%}.icon-md{width:20px;height:100%}.icon-lg{width:24px;height:100%}.image-empty-sm{background-color:var(--color-brand-secondary);border-radius:16px;color:var(--color-interface-light-pure);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.image-empty-lg{background-color:var(--color-brand-primary);border-radius:48px;display:flex;align-items:center;justify-content:center;width:96px;height:96px}.input{background-color:var(--color-interface-light-pure);border:var(--border-default);border-radius:var(--border-radius-md);color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.input:focus,.input:focus-visible{border:var(--border-primary);outline:none;padding:calc(var(--spacing-xs) - 1px) var(--spacing-sm)}.input::placeholder{color:var(--color-interface-light-up)}.input:disabled{background-color:var(--color-interface-light-up);cursor:not-allowed;opacity:0.6}.input-error{border:1px solid #e63946}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.7);justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;visibility:hidden}.modal.is-open{opacity:1;visibility:visible}.modal-content{background-color:#fefefe;border-radius:8px;border:1px solid #888;max-width:500px;max-height:95vh;padding:20px;position:relative;overflow-y:auto;transform:scale(0.9);transition:transform 0.3s ease;width:80%}.modal-content-lg{max-width:900px;width:100%}.modal.is-open .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.modal-body{padding-top:1rem}.close-button{font-size:28px;font-weight:bold}.close-button:hover,.close-button:focus{text-decoration:none;cursor:pointer}.select{appearance:none;background-color:var(--color-interface-light-pure);border:var(--border-default);border-radius:var(--border-radius-md);color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.select:focus,.select:focus-visible{border:var(--border-primary);outline:none;padding:calc(var(--spacing-xs) - 1px) var(--spacing-sm)}.select:disabled{background-color:var(--color-interface-light-up);cursor:not-allowed;opacity:0.6}.select-error{border:1px solid var(--color-interface-danger)}.custom-dropdown-item:hover{background-color:var(--color-brand-secondary);color:var(--color-interface-light-pure)}.table{border-collapse:collapse;width:100%}.th-end{text-align:end}.td-end{text-align:end}th{background-color:#f3f5f6;color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);text-align:left}td{color:var(--color-interface-dark-pure);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);text-align:left}.vehicle-chip{display:inline-block;background-color:var(--color-interface-light-up);border:var(--border-default);border-radius:var(--border-radius-lg);padding:2px 10px;margin-right:var(--spacing-xs);font-size:var(--font-size-sm)}.vehicle-chip-name{color:var(--color-interface-dark-pure);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.dashboard-subheader-container{align-items:center;display:flex;margin-bottom:var(--spacing-lg)}.dashboard-subheader-texts{align-items:center;display:flex;gap:var(--spacing-md);flex:1}.dashboard-subheader-buttons{display:flex;gap:var(--spacing-xxs)}.dashboard-card-header{align-items:center;display:flex;gap:var(--spacing-xs);padding-bottom:var(--spacing-lg)}.dashboard-list-card-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--spacing-lg)}.dashboard-list-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-list-items{align-items:center;display:flex;justify-content:space-between;width:100%}.dashboard-list-item-col{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.dashboard-list-item-row{align-items:center;display:flex;gap:var(--spacing-xxs)}.dashboard-form-row{display:flex;flex-direction:column;width:100%}.dashboard-center{align-items:center;display:flex;justify-content:center;width:100%}@media screen and (max-width: 768px){.dashboard-list-card-grid{grid-template-columns:repeat(1, minmax(0, 1fr))}}#main-container{display:grid;grid-template-areas:"sidebar header" "sidebar content";grid-template-columns:260px auto;grid-template-rows:64px auto;height:100vh;width:100vw;transition:grid-template-columns 0.3s ease-in-out}#main-container.sidebar-closed{grid-template-columns:0 auto}#top-bar{align-items:center;background-color:var(--color-interface-light-pure);border-bottom:var(--border-default);display:flex;gap:var(--spacing-xs);grid-area:header;height:100%;padding:0 var(--spacing-lg)}#sidebar{background-color:var(--color-brand-primary);grid-area:sidebar;overflow:hidden;width:260px}#sidebar-content-wrapper{height:100%;position:relative;width:260px}#sidebar-logo-container{align-items:center;display:flex;gap:var(--spacing-xs);padding:var(--spacing-lg)}#sidebar-logo-container-texts{display:flex;flex-direction:column;gap:var(--spacing-xxs)}#sidebar-section{gap:var(--spacing-xxs);display:flex;flex-direction:column;padding:var(--spacing-xs)}#sidebar-section-items{display:flex;flex-direction:column;gap:var(--spacing-xxs)}#sidebar-section-bottom{bottom:0;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs);position:absolute;width:100%}#sidebar-usermenu{background-color:var(--color-interface-light-pure);border:var(--border-default);border-radius:4px;gap:var(--spacing-xxs);padding:var(--spacing-sm) 0;width:244px}.sidebar-item{align-items:center;border:var(--border-primary);border-radius:4px;display:flex;gap:var(--spacing-sm);max-height:32px;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all 0.2s ease-in-out;width:100%}.sidebar-item:hover{background-color:var(--color-brand-primary-secondary)}.sidebar-item.active{background-color:var(--color-brand-primary-secondary)}.user-item{align-items:center;border-radius:4px;color:var(--color-interface-dark-pure);display:flex;gap:var(--spacing-sm);max-height:32px;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;width:100%}.user-item:hover{background-color:var(--color-interface-light-up)}#content{background-color:var(--color-interface-light-down);grid-area:content;padding:var(--spacing-lg);overflow-x:hidden;overflow-y:auto}#pagination-container{display:flex;justify-content:center}#pagination{display:flex;gap:var(--spacing-xxs);padding-top:var(--spacing-lg)}#signin-container{align-items:center;background-color:var(--color-interface-light-down);display:flex;justify-content:center;height:100vh;overflow:hidden;width:100vw}#login-container{width:446px}#login-logo-container{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}#login-logo{background-color:var(--color-brand-primary);border-radius:30px;height:60px;padding:var(--spacing-sm);width:60px}