html{height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;max-width:100%;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{width:100vw;margin:0 auto;text-align:center;display:flex;flex-direction:column}.home{margin:0 auto;padding:2rem 0;width:90%}.vehicle-grid{display:flex;flex-wrap:wrap;gap:1.5rem;padding:2.5rem}.empty-container{width:100%;display:flex;font-size:28px;align-items:center;justify-content:center}.empty-container h4{justify-content:center}.add-link{font-size:30px;text-decoration:none;color:orange}.vehicle-card{position:relative;border-radius:8px;overflow:hidden;background-color:#1a1a1a;transition:transform .2s;height:100%;display:flex;flex-direction:column;border:1px solid rgb(81,81,81);box-shadow:#6b6b2d33 2px 2px 8px}.vehicle-card:hover{transform:translateY(-5px)}.vehicle-thumbnail img{width:200px;height:200px;object-fit:cover}.vehicle-card-info{background-color:#2d2d2d;padding:10px;flex:1;display:flex;flex-direction:column;gap:.1rem;text-align:left}.vehicle-card-info h3{font-size:1rem;margin:0;padding:0}.vehicle-card-info p{color:#999;font-size:.9rem;margin:0}.vehicle{margin:25px auto;display:flex;flex-direction:column;border:rgb(122,122,122) solid 1px;background-color:#303436;border-radius:10px;max-width:1024px;position:relative}.vehicle-buttons-group{position:absolute;top:10px;right:15px;display:flex;gap:7px}.vehicle h3{font-size:32px}.vehicle-info-container{display:flex;flex-direction:row;gap:100px;padding:25px;align-self:center}.vehicle-image{width:65%;padding:10px;display:flex;flex-direction:column;gap:.5rem}.vehicle-image img{margin:20px;width:350px;object-fit:cover;border-radius:10px}.vehicle-page-info{width:35%;padding:10px;display:flex;flex-direction:column;gap:.5rem}.vehicle-page-info h3{font-size:1.7rem;margin:0;padding:0;text-align:left}.vehicle-page-info p{color:#999;font-size:1.2rem;margin:0;text-align:left}.btn-add-event{font-size:24px;padding:8px 30px;width:fit-content;background-color:#114d05;border-radius:10px;border:green solid 2px;align-self:center;margin:25px}.btn-edit,.btn-delete{border:none;background-color:transparent;cursor:pointer}.btn-edit{filter:invert(1)}.btn-edit img,.btn-delete img{width:32px;height:32px}.vehicle-image p{text-align:left;padding:0}.event-form-container{position:relative;align-self:center;width:50%}.event-form{display:flex;flex-direction:column;text-align:left}.event-form label{margin-left:25px;margin-bottom:5px;margin-top:15px}.form-input{margin-left:20px;flex-grow:1;height:2rem;display:flex}.event-form textarea{height:6rem}.btn-submit{padding:8px 30px;width:fit-content;background-color:#114d05;border-radius:7px;border:green solid 2px;align-self:center;margin:25px}.error{text-align:right;margin:0;padding:0}.btn-close{position:absolute;top:30px;right:10px;border:none;background-color:transparent;cursor:pointer}.events-list-container{width:100%;display:flex;flex-direction:column}.event-container{border-radius:8px;background-color:#cda15d;display:flex;flex-direction:column;border:2px solid rgb(241,143,23);width:90%;align-self:center;margin:20px;position:relative}.event-first-row{display:flex;direction:row}.first-row-data{display:flex;direction:row;flex-grow:8;margin:5px}.buttons-group{flex:1;position:absolute;top:2px;right:5px;flex-grow:2;gap:7px}.event-first-row h4{margin:0}.event-container hr{height:1px;border:0;border-top:2px solid rgb(130,126,126);padding:0;margin:0;width:90%;align-self:center}.event-first-row p{flex:1;margin:0 50px 0 0}.event-description{padding:0;margin:10px;text-align:left;width:90%;align-self:center}.btn-edit img,.btn-delete img{width:24px;height:24px}.navbar{font-size:20px;font-family:monospace;display:flex;padding:10px 20px;justify-content:space-between;align-items:center;background-color:#0e1042;box-shadow:#2971a733 2px 2px 8px}.navbar-app{background-color:#104172;border:rgb(89,162,197) solid 2px;box-shadow:#2971a733 3px 3px 8px 1px;border-radius:28px;padding:5px 14px}.navbar-links{display:flex;flex-direction:row;gap:25px;justify-content:space-between}.nav-link{text-decoration:none;color:#fff;align-content:center}.btn-logout{cursor:pointer;align-content:center}.add-vehicle-link{text-decoration:none;color:#fff;background-color:#387438;padding:5px 14px;border-radius:28px;border:rgb(78,152,78) solid 2px}footer{padding:1px;background-color:#393939;margin-bottom:0;margin-top:auto}.login{margin:25px auto;align-items:center;text-align:center}.login-form{margin:25px auto;border:1px solid gray;border-radius:8px;background-color:#303030;padding:20px;display:flex;flex-direction:column;width:fit-content}.btn-login{font-size:24px;padding:8px 30px;width:fit-content;background-color:#387438;border-radius:10px;align-self:center;margin:15px}.login-errors{color:red}.register-link{font-size:large;text-decoration:none;color:orange}.user-container{margin:50px auto;align-items:center;text-align:left;width:fit-content;border:1px solid gray;border-radius:8px;background-color:#303030;padding:20px 40px}.btn-change-password{font-size:18px;padding:5px 20px;width:fit-content;background-color:#1f1f5f;border-radius:10px;align-self:center}.add-vehicle{margin:25px auto;align-items:center;text-align:center;position:relative;width:50%}.add-vehicle h3{font-size:28px}.add-vehicle-form{margin:25px auto;border:1px solid gray;border-radius:8px;background-color:#303030;padding:20px;display:flex;flex-direction:column}.form-group{display:flex;padding:8px 8px 0;flex-wrap:wrap}.form-group input,.form-group select,.form-group textarea{margin:5px 30px;padding:0;justify-content:end;width:300px;flex:.7}.form-group textarea{height:6rem}.error{color:red}.error p{margin:0;padding:0}.btn-close{position:absolute;top:10px;right:0;border:none;background-color:transparent;cursor:pointer}.btn-close img{width:24px;height:24px}.register{margin:25px auto;align-items:center;text-align:center}.login h3{font-size:28px}.register-form{margin:25px auto;border:1px solid gray;border-radius:8px;background-color:#303030;padding:20px;display:flex;flex-direction:column;width:fit-content}.form-group{display:flex;padding:8px;flex-wrap:wrap}.form-group label{text-align:right;flex:.3;align-self:center}.form-group input{margin:5px 30px;padding:0;justify-content:end;width:300px;flex:.7}