form{display:flex;flex-direction:column;gap:.75rem}form .form-group{width:100%;display:flex;flex-direction:column;gap:.75rem}form .form-group>*{flex:1}form .position-relative{position:relative;display:flex;flex-direction:column;gap:.75rem}@media(min-width:600px){form .form-group{flex-direction:row}}form label{display:flex;flex-direction:column;gap:.375rem;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:10px}body.dark-theme form label .with-prefix,body.dark-theme form label .with-suffix{border-color:#383838}@media(prefers-color-scheme:dark){body:not(.light-theme) form label .with-prefix,body:not(.light-theme) form label .with-suffix{border-color:#383838}}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 .8rem;border:1px solid #dedede;border-radius:10px;font-size:1rem;font-family:inherit;background:#fff}body.dark-theme form input{background:#0d0d0d;border-color:#383838;color:#fff}@media(prefers-color-scheme:dark){body:not(.light-theme) form input{background:#0d0d0d;border-color:#383838;color:#fff}}form input[type=color]{padding:0}body.dark-theme form input[type=date]{color-scheme:dark}@media(prefers-color-scheme:dark){body:not(.light-theme) form input[type=date]{color-scheme:dark}}form input:disabled{background:#dedede}body.dark-theme form input:disabled{background:#252525}@media(prefers-color-scheme:dark){body:not(.light-theme) form input:disabled{background:#252525}}form input:focus{outline:none;box-shadow:0 0 0 2px #fbfbfb,0 0 0 4px #c6c6c6}body.dark-theme form input:focus{box-shadow:0 0 0 2px #141414,0 0 0 4px #c6c6c6}@media(prefers-color-scheme:dark){body:not(.light-theme) form input:focus{box-shadow:0 0 0 2px #141414,0 0 0 4px #c6c6c6}}form input.ng-invalid.ng-touched{border-color:#ec9292}form select{padding:.6rem;border:1px solid #dedede;border-radius:10px;font-size:1rem;background:#fff;font-family:inherit}body.dark-theme form select{background:#0d0d0d;border-color:#383838;color:#fff}@media(prefers-color-scheme:dark){body:not(.light-theme) form select{background:#0d0d0d;border-color:#383838;color:#fff}}form textarea{padding:.6rem;border:1px solid #dedede;border-radius:10px;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(--primary-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(--primary-color);color:var(--primary-color-text);font-size:1rem;padding:.6rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary-color),black 20%);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:.75rem}form.toggle-line>*,form.single-line>*{flex:1}form.toggle-line{min-height:24px}.btn{background:#f2f2f2;border:2px solid #d1d1d1;font-size:1rem;padding:6px;border-radius:100vw;cursor:pointer;display:flex;align-items:center;color:#000}body.dark-theme .btn{background:#171414;color:#fff;border:2px solid #252525}@media(prefers-color-scheme:dark){body:not(.light-theme) .btn{background:#171414;color:#fff;border:2px solid #252525}}.btn fa-icon{background:transparent;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:100vw;font-size:14px}body.dark-theme .btn fa-icon{background:#252525}@media(prefers-color-scheme:dark){body:not(.light-theme) .btn fa-icon{background:#252525}}.btn span{display:none;padding:0 10px}.btn.create{background:var(--primary-color)!important;color:var(--primary-color-text)!important;border-color:color-mix(in srgb,var(--primary-color) 80%,#000)!important}.btn.create fa-icon{background:var(--primary-color-text)!important;color:var(--primary-color)!important}.btn.disabled{opacity:.9;filter:blur(.5px);cursor:not-allowed}.btn.delete{background:#fc4312!important;color:#fff!important;border-color:color-mix(in srgb,#fc4312 80%,#000)!important}.btn.delete fa-icon{background:transparent!important}@property --glow-deg{syntax: "<angle>"; inherits: true; initial-value: -90deg;}@property --clr-1{syntax: "<color>"; inherits: true; initial-value: red;}@property --clr-2{syntax: "<color>"; inherits: true; initial-value: orange;}@property --clr-3{syntax: "<color>"; inherits: true; initial-value: green;}@property --clr-4{syntax: "<color>"; inherits: true; initial-value: blue;}@property --clr-5{syntax: "<color>"; inherits: true; initial-value: purple;}.glowing-border{--gradient-glow: var(--clr-1), var(--clr-2), var(--clr-3), var(--clr-4), var(--clr-5), var(--clr-1);--border-width: 2px;border:var(--border-width, 3px) solid transparent;border-radius:10px;background:linear-gradient(var(--bg) 0 0) padding-box,conic-gradient(from var(--glow-deg),var(--gradient-glow)) border-box;position:relative;isolation:isolate;animation:glow 10s infinite linear}.glowing-border:before,.glowing-border:after{content:"";position:absolute;border-radius:inherit}.glowing-border:before{z-index:-1;background:var(--bg);inset:.2rem;filter:blur(10px)}.glowing-border:after{z-index:-2;inset:-.5rem;background:conic-gradient(from var(--glow-deg),var(--gradient-glow));filter:blur(var(--glow-size, 1rem));opacity:var(--glow-intensity, .125)}@keyframes glow{to{--glow-deg: 270deg}}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 var(--border-color);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(--primary-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}body.dark-theme table tbody tr:hover td{background:#2b2b2b}@media(prefers-color-scheme:dark){body:not(.light-theme) table tbody tr:hover td{background:#2b2b2b}}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 var(--border-color);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 var(--border-color);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 var(--border-color)}}.modal{padding:20px;position:relative;max-height:90vh;overflow-y:auto;background:var(--bg)}body.dark-theme .modal{background:#1e1e1e}@media(prefers-color-scheme:dark){body:not(.light-theme) .modal{background:#1e1e1e}}.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(--primary-color);color:var(--primary-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(--primary-color);color:var(--primary-color-text);border:none}.modal .footer button:disabled{opacity:.5;cursor:not-allowed}.modal .footer button.cancel{border:1px solid #b8b8b8;background:none;color:#5a5b5d}.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: #F97316;--primary-color-text: #fff;--dark-primary-color: var(--primary-color);--dark-primary-color-text: var(--primary-color-text);--brand-primary: #F97316;--brand-secondary: #10283C;--bg: #fbfbfb;--main-bg: #fff;--text-color: #111827;--border-color: #dbdbdb}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.dark-theme{background:#141414;color:#fff;--primary-color: var(--dark-primary-color);--primary-color-text: var(--dark-primary-color-text);--brand-secondary: #fff;--bg: #141414;--main-bg: #000;--text-color: #fff;--border-color: #262626}body>app-root{display:flex;flex-direction:column;flex:1}body>app-root>public-layout,body>app-root>protected-layout{flex:1}@media(prefers-color-scheme:dark){body:not(.light-theme){background:#141414;color:#fff;--primary-color: var(--dark-primary-color);--primary-color-text: var(--dark-primary-color-text);--brand-secondary: #fff;--bg: #141414;--main-bg: #000;--text-color: #fff;--border-color: #262626}}.logo-dark,body.dark-theme .has-dark-logo .logo-light{display:none}body.dark-theme .has-dark-logo .logo-dark{display:block}@media(prefers-color-scheme:dark){body:not(.light-theme) .has-dark-logo .logo-light{display:none}body:not(.light-theme) .has-dark-logo .logo-dark{display:block}}a{color:inherit;text-decoration:underline}