form{display:flex;flex-direction:column;gap:1rem}form .form-group{width:100%;display:flex;flex-direction:column;gap:1rem}form .form-group>*{flex:1}form .position-relative{position:relative;display:flex;flex-direction:column;gap:1rem}@media(min-width:600px){form .form-group{flex-direction:row}}form label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}form label.single-line{flex-direction:row;justify-content:space-between;align-items:center}form label .label-row{display:flex;flex-direction:row;justify-content:space-between}form label a{color:#111827;text-decoration:underline}form label .with-prefix,form label .with-suffix{display:flex;border:1px solid #dedede;border-radius:4px}form label .with-prefix .currency-symbol,form label .with-suffix .currency-symbol,form label .with-prefix .mileage,form label .with-suffix .mileage{justify-self:center;align-self:center;padding:0 10px}form label .with-prefix input,form label .with-suffix input{flex:1;border:none}form input{padding:.6rem;border:1px solid #dedede;border-radius:4px;font-size:1rem;font-family:inherit;background:#fff}form input[type=color]{padding:0}form input:disabled{background:#dedede}form input:focus{outline:none;box-shadow:0 0 0 2px #fbfbfb,0 0 0 4px #c6c6c6}form input.ng-invalid.ng-touched{border-color:#ec9292}form select{padding:.6rem;border:1px solid #dedede;border-radius:4px;font-size:1rem;background:#fff;font-family:inherit}form textarea{padding:.6rem;border:1px solid #dedede;border-radius:4px;font-size:1rem;background:#fff;min-height:60px;resize:vertical;white-space:pre-wrap;width:100%;font-family:inherit}form textarea:disabled{background:#dedede;font-size:.9rem}form textarea:focus{outline:none;box-shadow:0 0 0 2px #fbfbfb,0 0 0 4px #c6c6c6}form textarea.ng-invalid.ng-touched{border-color:#ec9292}form .toggle{height:24px;position:relative;top:-16px}form .toggle input[type=checkbox]{height:0;width:0;visibility:hidden}form .toggle label{cursor:pointer;text-indent:-9999px;width:40px;height:24px;background:gray;display:block;border-radius:100px;position:relative}form .toggle label:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;background:#fff;border-radius:90px;transition:.3s}form .toggle input:checked+label{background:var(--accent-color)}form .toggle input:checked+label:after{left:calc(100% - 4px);transform:translate(-100%)}form .toggle label:active:after{width:20px}form button{background:var(--accent-color);color:var(--accent-color-text);border:none;font-size:1rem;padding:.6rem;border-radius:4px;cursor:pointer}form button.disabled,form button:disabled{opacity:.8;cursor:not-allowed}form.toggle-line,form.single-line{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}form.toggle-line>*,form.single-line>*{flex:1}form.toggle-line{min-height:24px}table{--columns-width-status: 100px;--columns-width-date: 160px;--columns-width-licenseplate: 110px;--columns-width-actions: 120px;width:100%;border-collapse:collapse;table-layout:fixed}table thead tr th{text-align:left;font-size:.8rem;font-weight:400;letter-spacing:1px;padding:5px;text-transform:uppercase;border-bottom:1px solid #959595}table thead tr th.status{width:var(--columns-width-status)}table thead tr th.date{width:var(--columns-width-date)}table thead tr th.licenseplate{width:var(--columns-width-licenseplate)}table thead tr th.actions{width:var(--columns-width-actions);text-align:right}table tbody tr td{padding:12px 5px;border-bottom:1px solid #ececec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table tbody tr td.status{width:var(--columns-width-status)}table tbody tr td.date{width:var(--columns-width-date)}table tbody tr td.licenseplate{width:var(--columns-width-licenseplate)}table tbody tr td.actions{width:var(--columns-width-actions);text-align:right}table tbody tr td .badge{width:max-content;padding:4px 8px;border-radius:100vw;background:var(--primary-color);color:var(--primary-color-text);font-size:.8rem;text-transform:lowercase}table tbody tr td .badge.status-active{background-color:var(--accent-color);color:var(--primary-color-text)}table tbody tr td .badge.status-completed{background-color:#0ca70c;color:#fff}table tbody tr:hover td{background:#f6f6f6}table tbody tr:last-child td{border:none}@media screen and (max-width:600px){table{border:0}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}table tr.status,table tr.date,table tr.licenseplate,table tr.actions{width:unset!important}table td{border-bottom:1px solid #ddd;display:block;text-align:right;padding:8px 5px!important}table td.status,table td.date,table td.licenseplate,table td.actions{width:unset!important}table td .badge{display:flex;justify-self:end;margin-left:auto}table td:before{content:attr(data-label);float:left}table td:last-child{border-bottom:0}table tbody tr:last-child td{border-bottom:1px solid #ececec}}.modal{padding:20px;position:relative;max-height:90vh;overflow-y:auto}.modal .header{font-size:1.2em;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.modal .header button{margin-left:auto;background:var(--accent-color);color:var(--accent-color-text);font-size:1rem;padding:.5rem .8rem;border:none;border-radius:5px;cursor:pointer;outline:none}.modal .header button fa-icon{font-size:.9rem}.modal .header button.delete{background:#ff4b4b;color:#fff}.modal .footer{display:flex;justify-content:space-between;margin-top:20px;border:none;gap:10px}.modal .footer button{padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;background:var(--accent-color);color:var(--accent-color-text);border:none}.modal .footer button:disabled{opacity:.5;cursor:not-allowed}.modal .footer button.cancel{border:1px solid var(--primary-color);background:none;color:var(--primary-color)}.modal .footer div{display:flex;gap:10px}.grid-container{container-type:inline-size;container-name:grid}.grid-container .grid{--grid-columns: 1;--grid-gap: 10px;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-columns),1fr)}@container grid (width > 500px){.grid-container .grid{--grid-columns: 2}}@container grid (width > 800px){.grid-container .grid{--grid-columns: 3}}@container grid (width > 1100px){.grid-container .grid{--grid-columns: 4}}.grid-container.vehicles .grid{--grid-columns: 2}@container grid (width > 500px){.grid-container.vehicles .grid{--grid-columns: 3}}@container grid (width > 800px){.grid-container.vehicles .grid{--grid-columns: 4}}@container grid (width > 1100px){.grid-container.vehicles .grid{--grid-columns: 5}}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width:240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}*{margin:0;padding:0;box-sizing:border-box}html{--primary-color: #10283C;--primary-color-text: #fff;--accent-color: #F97316;--accent-color-text: #fff}body{font-family:Inter,sans-serif;font-size:16px;background-color:#fbfbfb;color:#111827;display:flex;flex-direction:column;width:100%;min-height:100dvh}body.sidebar-open{overflow:hidden;overscroll-behavior:none}body>app-root{display:flex;flex-direction:column;flex:1}body>app-root>public-layout,body>app-root>protected-layout{flex:1}a{color:inherit;text-decoration:underline}