.dashboard-container{padding:20px;display:flex;flex-direction:column;align-items:center;width:100svw;box-sizing:border-box}.dashboard-container h2,.dashboard-container h3,.dashboard-container h4,.dashboard-container p{color:#fff}.report-details{background-color:#1e1e1e;padding:15px;border-radius:5px;margin-top:10px;width:100%;max-width:800px;box-sizing:border-box}.tire-list{list-style:none;padding:0}.tire-list li{padding:10px;border-bottom:1px solid #444}.tire-list li:last-child{border-bottom:none}.reports{display:flex;flex-wrap:wrap;gap:10px}.report-box{flex:1 1 calc(50% - 10px);min-width:300px;background-color:#1e1e1e;padding:15px;border-radius:5px;text-align:center;cursor:pointer;transition:background-color .3s ease}.report-box:hover{background-color:#333}@media (max-width: 768px){.report-box{flex:1 1 40%;min-width:0px}.report-details{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#1e1e1e;color:#e0e0e0;border-radius:8px;padding:15px;max-width:90%;max-height:90%;overflow:auto;position:relative;box-shadow:0 4px 6px #0000004d}.modal-title{font-size:20px;margin-bottom:10px}.tire-details{margin-bottom:15px}.tire-details p{margin:5px 0}.tire-details-editable{display:flex;flex-direction:column;gap:10px}.tire-details-editable label{font-size:16px;margin-bottom:5px}.tire-details-editable input{padding:10px;border:1px solid #333;border-radius:5px;background-color:#2c2c2c;color:#e0e0e0;font-size:16px}.preview-image{width:100px;height:75px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s}.preview-image img:hover{transform:scale(1.05)}.fullscreen-image{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.fullscreen-image img{max-width:90%;max-height:90%;object-fit:contain}.button-group{display:flex;flex-direction:column;gap:10px;margin-top:15px}.button-group button{padding:10px;border:none;border-radius:5px;cursor:pointer;color:#e0e0e0;font-size:16px}.button-group .delete-button{background-color:#e74c3c}.button-group .update-button{background-color:#3498db}.button-group .cancel-button{background-color:#95a5a6}.button-group button:hover{opacity:.8}.login-container{width:100%;margin:0 auto;padding:20px;box-sizing:border-box;background-color:#1e1e1e;color:#f0f0f0;border-radius:8px;box-shadow:0 4px 10px #0000004d;text-align:center}h2{font-size:22px;margin-bottom:20px}.error{color:#e74c3c;margin-bottom:10px;font-size:14px}.login-container form{display:flex;flex-direction:column;gap:12px;align-items:center}.login-container form label{width:100%;font-size:16px;text-align:left;margin-bottom:5px;display:block}.login-container form input{padding:10px;width:100%;box-sizing:border-box;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#2e2e2e;color:#f0f0f0}.login-container form input:focus{outline:none;border-color:#3498db}.login-container form button{width:80%;padding:12px;font-size:16px;border:none;border-radius:5px;background-color:#3498db;color:#fff;cursor:pointer;transition:background-color .2s}.login-container form button:hover{background-color:#2980b9}.login-container form button:disabled{background-color:#95a5a6;cursor:not-allowed}p{margin-top:15px}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 480px){h2{font-size:20px}input,button{font-size:14px}.error{font-size:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#282828;color:#f0f0f0;padding:20px;width:90%;max-width:500px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.modal-title{text-align:center;font-size:1.8rem;margin-bottom:20px}.error-message{color:red;font-size:.9rem;text-align:center;margin-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px;color:#f0f0f0}.form-group input{width:100%;padding:8px;border-radius:5px;font-size:1rem;background-color:#333;color:#f0f0f0;border:1px solid #444}.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-container{position:relative;display:inline-block}.preview-image{width:70px;height:70px;border-radius:4px;object-fit:cover;border:2px solid #444}.remove-image{position:absolute;top:5px;right:5px;background-color:#f44;color:#f0f0f0;border:none;padding:5px;cursor:pointer;font-size:10px}.button-group{display:flex;justify-content:space-between}.submit-button,.cancel-button{width:48%;padding:10px;font-size:1rem;border-radius:5px;cursor:pointer;border:none}.submit-button{background-color:#007bff;color:#fff}.submit-button:hover{background-color:#0056b3}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#d32f2f}.form-group label[for=carModel],.form-group input[name=carModel]{color:#f0f0f0}.form-group input[name=carModel]{background-color:#333;border:1px solid #444;color:#f0f0f0}.form-group label[for=email],.form-group input[name=email]{color:#f0f0f0}.form-group input[name=email]{background-color:#333;border:1px solid #444;color:#f0f0f0}.form-group label[for=tireSize],.form-group input[name=tireSize]{color:#f0f0f0}.form-group input[name=tireSize]{background-color:#333;border:1px solid #444;color:#f0f0f0}.form-group label[for=amount],.form-group input[name=amount]{color:#f0f0f0}.form-group input[name=amount]{background-color:#333;border:1px solid #444;color:#f0f0f0}.form-group label[for=paid],.form-group input[name=paid]{color:#f0f0f0}.form-group input[name=paid]{width:auto;margin-left:10px;background-color:#333;border:1px solid #444;color:#f0f0f0}.form-group input[type=checkbox]{accent-color:#007bff;width:20px;height:20px;cursor:pointer}.form-group label[for=paid]{display:inline-block;margin-left:10px}@media (max-width: 768px){.modal-title{font-size:1.5rem}.submit-button,.cancel-button{font-size:.9rem;padding:8px}.form-group input{padding:6px}.form-group input[name=carModel],.form-group input[name=email],.form-group input[name=tireSize],.form-group input[name=amount]{font-size:.9rem}.form-group input[type=checkbox]{width:18px;height:18px}.form-group label{font-size:.9rem}}.tire-management-container{padding-top:50px;max-width:100%;width:100vw;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;font-family:Arial,sans-serif}.search-input{width:auto;padding:10px;margin:0 20px 15px;border:1px solid #ccc;border-radius:5px;font-size:16px}.search-input:focus{border-color:#3498db;outline:none}.title{font-size:1.8rem;text-align:center;margin-bottom:20px}.clickable-row{cursor:pointer;transition:background-color .3s}.clickable-row:hover{background-color:#333}.add-tire-button{display:block;width:auto;padding:12px;margin:0 20px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;text-align:center}.add-tire-button:hover{background-color:#0056b3}.add-tire-button:focus{outline:none}.loading{text-align:center;font-size:1.2rem}.tire-table{width:100%;border-collapse:collapse;margin-top:20px}.tire-table th,.tire-table td{padding:12px;text-align:left;border-bottom:1px solid #646464}.tire-table th{background-color:#565555;font-weight:700}.tire-table td{vertical-align:middle}.tire-image{width:50px;height:50px;object-fit:cover;border-radius:5px;border:1px solid #ddd;margin-right:5px}@media (max-width: 768px){.title{font-size:1.5rem}.add-tire-button{font-size:.9rem;padding:10px}.tire-table th,.tire-table td{padding:8px;font-size:.9rem}.tire-image{width:40px;height:40px}}.header{position:fixed;top:0;left:0;width:100svw;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;padding:16px;color:#fff;z-index:1000;transition:transform .3s ease-in-out}.header.visible{transform:translateY(0)}.header.hidden{transform:translateY(-100%)}.user-info{color:#f0f0f0}.nav ul{list-style:none;display:flex;gap:16px;margin:0;padding:0}.nav a{color:#fff;text-decoration:none;font-size:16px}.nav button{background:none;border:none;color:#e0e0e0;font-size:16px;cursor:pointer}.nav button:hover{opacity:.8}.user-info button{border-radius:8px;border:1px solid transparent;padding:5px 10px;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin-left:10px;color:red}.menu-icon{display:none;font-size:40px;cursor:pointer}.language-switcher{display:inline-flex;align-items:center;cursor:pointer;margin-right:10px;position:inherit}@media (max-width: 768px){.nav{position:absolute;top:0;right:100%;width:50%;height:100vh;background:#282828;transform:translate(0);transition:transform .3s ease-in-out;display:flex;padding-top:60px;flex-direction:column;align-items:center}.nav.open{transform:translate(100%);background-color:#282828}.nav ul{flex-direction:column;gap:8px;padding:16px 0;margin:0;width:100%;text-align:center}.nav a{color:#f0f0f0;text-decoration:none;font-size:18px;padding:8px 0;display:block;width:100%}.nav.open a,.header.menu-open .menu-icon{color:#f0f0f0}.menu-icon{display:block;width:24px;height:24px;position:relative;cursor:pointer;transition:transform .3s ease}.menu-icon span{display:block;background-color:#f0f0f0;height:3px;width:100%;position:absolute;transition:all .3s ease-in-out}.menu-icon span:nth-child(1){top:0}.menu-icon span:nth-child(2){top:10px}.menu-icon span:nth-child(3){bottom:0}.header.menu-open .menu-icon span:nth-child(1){transform:translateY(10px) rotate(45deg);background-color:#f0f0f0}.header.menu-open .menu-icon span:nth-child(2){opacity:0}.header.menu-open .menu-icon span:nth-child(3){transform:translateY(-10px) rotate(-45deg);background-color:#f0f0f0}}._modalOverlay_e78ep_2{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}._modalContent_e78ep_16{background-color:#282828;color:#f0f0f0;padding:20px;width:90%;max-width:500px;border-radius:10px;box-shadow:0 2px 10px #0000001a}._modalTitle_e78ep_26{text-align:center;font-size:1.8rem;margin-bottom:20px}._errorMessage_e78ep_32{color:red;font-size:.9rem;text-align:center;margin-bottom:10px}._formGroup_e78ep_39{margin-bottom:15px}._formGroup_e78ep_39 label{display:block;font-weight:700;margin-bottom:5px;color:#f0f0f0}._formGroup_e78ep_39 input{width:100%;padding:8px;border-radius:5px;font-size:1rem;background-color:#333;color:#f0f0f0;border:1px solid #444}._imagePreview_e78ep_60{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}._imageContainer_e78ep_67{position:relative;display:inline-block}._previewImage_e78ep_72{width:70px;height:70px;border-radius:4px;object-fit:cover;border:2px solid #444}._removeImage_e78ep_80{position:absolute;top:5px;right:5px;background-color:#f44;color:#f0f0f0;border:none;padding:5px;cursor:pointer;font-size:10px}._buttonGroup_e78ep_92{display:flex;justify-content:space-between}._submitButton_e78ep_97,._cancelButton_e78ep_98{width:48%;padding:10px;font-size:1rem;border-radius:5px;cursor:pointer;border:none}._submitButton_e78ep_97{background-color:#007bff;color:#fff}._submitButton_e78ep_97:hover{background-color:#0056b3}._cancelButton_e78ep_98{background-color:#f44336;color:#fff}._cancelButton_e78ep_98:hover{background-color:#d32f2f}@media (max-width: 768px){._modalTitle_e78ep_26{font-size:1.5rem}._submitButton_e78ep_97,._cancelButton_e78ep_98{font-size:.9rem;padding:8px}._formGroup_e78ep_39 input{padding:6px}}._carManagementContainer_1wh95_1{max-width:100%;padding-top:50px;width:100vw;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;font-family:Arial,sans-serif}._searchInput_1wh95_12{width:auto;padding:10px;margin:0 20px 15px;border:1px solid #ccc;border-radius:5px;font-size:16px}._searchInput_1wh95_12:focus{border-color:#3498db;outline:none}._title_1wh95_27{font-size:1.8rem;text-align:center;margin-bottom:20px}._clickableRow_1wh95_33{cursor:pointer;transition:background-color .3s}._clickableRow_1wh95_33:hover{background-color:#333}._addCarButton_1wh95_42{display:block;width:auto;padding:12px;margin:0 20px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;text-align:center}._addCarButton_1wh95_42:hover{background-color:#0056b3}._addCarButton_1wh95_42:focus{outline:none}._loading_1wh95_65{text-align:center;font-size:1.2rem}._carTable_1wh95_70{width:100%;border-collapse:collapse;margin-top:20px}._carTable_1wh95_70 th,._carTable_1wh95_70 td{padding:12px;text-align:left;border-bottom:1px solid #646464}._carTable_1wh95_70 th{background-color:#565555;font-weight:700}._carTable_1wh95_70 td{vertical-align:middle}._carImage_1wh95_92{width:50px;height:50px;object-fit:cover;border-radius:5px;border:1px solid #ddd;margin-right:5px}@media (max-width: 768px){._title_1wh95_27{font-size:1.5rem}._addCarButton_1wh95_42{font-size:.9rem;padding:10px}._carTable_1wh95_70 th,._carTable_1wh95_70 td{padding:8px;font-size:.9rem}._carImage_1wh95_92{width:40px;height:40px}}._modalOverlay_tkk5n_3{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}._modalContent_tkk5n_16{background-color:#282828;color:#f0f0f0;padding:20px;width:90%;max-width:500px;border-radius:10px;box-shadow:0 2px 10px #0000001a}._modalTitle_tkk5n_26{font-size:20px;margin-bottom:10px}._carDetails_tkk5n_31{margin-bottom:15px}._carDetails_tkk5n_31 p{margin:5px 0}._carDetailsEditable_tkk5n_39{display:flex;flex-direction:column;gap:10px}._carDetailsEditable_tkk5n_39 label{font-size:16px;margin-bottom:5px}._carDetailsEditable_tkk5n_39 input{padding:10px;border:1px solid #333;border-radius:5px;background-color:#2c2c2c;color:#e0e0e0;font-size:16px}._imagePreview_tkk5n_59{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}._imageContainer_tkk5n_66{position:relative;display:inline-block}._previewImage_tkk5n_71{width:100px;height:75px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s}._previewImage_tkk5n_71:hover{transform:scale(1.05)}._removeImage_tkk5n_84{position:absolute;top:5px;right:5px;background-color:#f44;color:#f0f0f0;border:none;padding:5px;cursor:pointer;font-size:10px}._fullscreenImage_tkk5n_96{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}._fullscreenImageImg_tkk5n_109{max-width:90%;max-height:90%;object-fit:contain}._buttonGroup_tkk5n_115{display:flex;flex-direction:column;gap:10px;margin-top:15px}._buttonGroup_tkk5n_115 button{padding:10px;border:none;border-radius:5px;cursor:pointer;color:#e0e0e0;font-size:16px}._buttonGroup_tkk5n_115 ._deleteButton_tkk5n_131{background-color:#e74c3c}._buttonGroup_tkk5n_115 ._updateButton_tkk5n_135{background-color:#3498db}._buttonGroup_tkk5n_115 ._cancelButton_tkk5n_139{background-color:#95a5a6}._buttonGroup_tkk5n_115 button:hover{opacity:.8}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;place-items:center;min-width:320px;min-height:100svh;max-width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}