.card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;padding:30px;text-align:center;animation:fadeIn 1s ease}.bg--dark-blue{background-color:#102437}.app-navbar{position:fixed;top:0;bottom:0;width:15%;z-index:1000}.navbar-vertical{list-style:none;padding:56px 0 0}.nav--item{display:block;width:100%;padding:10px;color:#fff;text-decoration:none;transition:transform .3s ease}.nav--item:hover{background-color:#4682b4;box-shadow:0 8px 32px #1f26875e;cursor:pointer;transform:translate(2%)}@media screen and (max-width: 1070px){.app-navbar{width:200px}}.app-container{display:flex}.app-content{flex:1;margin-top:56px;margin-right:1%;margin-left:1%;padding-left:15%}@media screen and (max-width: 1048px){.app-content{padding-left:200px}}.login-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;padding:20px;margin:auto;padding-top:25vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:1.8rem;color:#333;margin-bottom:10px}.login-subtitle{font-size:.9rem;color:#666;margin-bottom:20px}.error-message{color:red;font-size:.9rem;margin-bottom:15px}.login-form{display:flex;flex-direction:column;gap:15px}.form-group{text-align:left}.form-group label{font-size:.8rem;color:#333;margin-bottom:5px;display:block}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{border-color:#74ebd5;outline:none}.login-footer{margin-top:20px;font-size:.8rem;color:#666}.login-footer a{color:#74ebd5;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#9face6}.company-info{margin-top:25px;font-size:.7rem;color:#666;text-align:center}.company-info a{color:#007bff;text-decoration:none}.company-info a:hover{text-decoration:underline}.submit-button{background:#74ebd5;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .3s ease}.submit-button:hover{background:#9face6}.button-container-vertical{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px;gap:12px}.primary-button{background:#74ebd5;color:#fff;font-size:1.1rem;border:none;border-radius:8px;padding:12px 18px;cursor:pointer;transition:all .3s ease-in-out;width:100%;max-width:250px;box-shadow:0 4px 8px #0000001a}.primary-button:hover{background:#9face6;transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.primary-button:active{transform:translateY(2px);box-shadow:0 2px 6px #0000001a}.secondary-button{background:#ff6f61;color:#fff;font-size:1.1rem;border:none;border-radius:8px;padding:12px 18px;cursor:pointer;transition:all .3s ease-in-out;width:100%;max-width:250px;box-shadow:0 4px 8px #0000001a}.secondary-button:hover{background:#ff3d2d;transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.secondary-button:active{transform:translateY(2px);box-shadow:0 2px 6px #0000001a}*{margin:0;padding:0;box-sizing:border-box}.logout-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;padding:20px;margin:auto;padding-top:25vh}.logout-title{font-size:1.8rem;color:#333;margin-bottom:10px}.logout-subtitle{font-size:.9rem;color:#666;margin-bottom:20px}._app-form_1k5k2_1{display:flex;flex-direction:column;max-width:500px;margin:0 auto;padding:20px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a}._app-form_1k5k2_1 h2,._app-form_1k5k2_1 h3{margin-bottom:15px;color:#333}._form-section_1k5k2_37{margin-bottom:20px}._form-section_1k5k2_37 label{display:block;margin-bottom:5px;font-size:.9rem;color:#555}._form-section_1k5k2_37 input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:1rem}._form-section_1k5k2_37 input:focus{border-color:#74ebd5;outline:none}._form-section_1k5k2_37 select{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;color:#555;transition:border-color .3s ease}._form-section_1k5k2_37 select:focus{border-color:#74ebd5;outline:none}._form-section_1k5k2_37 select option{background-color:#fff;color:#555}._input-row_1k5k2_131{display:flex;gap:10px}._input-row_1k5k2_131>*{flex:1}._toggle-section_1k5k2_149{margin-bottom:20px}._checkbox-container_1k5k2_157{display:flex;align-items:center;cursor:pointer;font-size:1rem;color:#555;margin-bottom:15px;position:relative;padding-left:30px;line-height:20px}._checkbox-container_1k5k2_157 input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}._checkmark_1k5k2_197{position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;width:20px;background-color:#ddd;border-radius:4px;transition:background-color .3s ease}._checkbox-container_1k5k2_157 input:checked~._checkmark_1k5k2_197{background-color:#74ebd5}._checkmark_1k5k2_197:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}._checkbox-container_1k5k2_157 input:checked~._checkmark_1k5k2_197:after{display:block}._modal-overlay_1k9gy_3{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:84px;padding-left:15%;z-index:1000}._modal-content_1k9gy_33{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;box-shadow:0 4px 10px #0000004d;position:relative}._modal-close_1k9gy_53{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}@media screen and (max-width: 1048px){._modal-overlay_1k9gy_3{padding-left:200px}}.spinner-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.spinner{width:50px;height:50px;border:4px solid #e3f2fd;border-top:4px solid #74ebd5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._button_1jswn_3{background:#74ebd5;color:#fff;font-size:1rem;border:none;border-radius:8px;padding:12px 18px;cursor:pointer;transition:all .3s ease-in-out;width:100%;max-width:200px;text-align:center;box-shadow:0 4px 8px #0000001a}._button_1jswn_3:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}._button_1jswn_3:active{transform:translateY(2px);box-shadow:0 2px 6px #0000001a}._button--blue_1jswn_55{background:#2196f3}._button--blue_1jswn_55:hover{background:#1976d2}._button--green_1jswn_71{background:#4caf50}._button--green_1jswn_71:hover{background:#45a049}._button--orange_1jswn_87{background:#ff9800}._button--orange_1jswn_87:hover{background:#fb8c00}._customer-details_1x6nh_1{font-family:Arial,sans-serif;max-width:960px;margin:20px auto;padding:24px;background:linear-gradient(to bottom,#fff,#f8f9fa);border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 12px #0000001a}._customer-card_1x6nh_23{padding:24px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:24px;box-shadow:0 2px 6px #0000000d}._customer-card_1x6nh_23 h2{margin-bottom:16px;color:#222;font-size:1.8rem}._customer-card_1x6nh_23 p{margin:8px 0;color:#444;font-size:1rem;line-height:1.6}._customer-section_1x6nh_67{margin-bottom:24px}._customer-section_1x6nh_67 h3{margin-bottom:12px;color:#333;font-size:1.4rem;border-bottom:2px solid #e0e0e0;padding-bottom:4px}._data-table_1x6nh_91{width:100%;border-collapse:collapse;margin:16px 0;border-radius:8px;overflow:hidden}._data-table_1x6nh_91 th,._data-table_1x6nh_91 td{padding:14px 16px;text-align:left;border:1px solid #e0e0e0}._data-table_1x6nh_91 th{background-color:#f1f3f5;color:#333;font-weight:600;font-size:1rem}._data-table_1x6nh_91 td{background-color:#fff;color:#555;font-size:.95rem}._data-table_1x6nh_91 tr:nth-child(2n) td{background-color:#f9f9f9}._data-table_1x6nh_91 tr:hover td{background-color:#e9f7ff;cursor:pointer}@media (max-width: 768px){._customer-details_1x6nh_1,._customer-card_1x6nh_23{padding:16px}._customer-card_1x6nh_23 h2{font-size:1.5rem}._customer-card_1x6nh_23 p{font-size:.9rem}._customer-section_1x6nh_67 h3{font-size:1.2rem}._data-table_1x6nh_91 th,._data-table_1x6nh_91 td{padding:12px 14px;font-size:.9rem}}._table-container_44ee8_3{max-width:100%;overflow-x:auto;padding:20px;margin-top:20px}._table_44ee8_3{width:100%;border-collapse:collapse;box-shadow:0 2px 10px #0000001a;border-radius:8px;background-color:#fff}._table-header_44ee8_37{padding:12px;background-color:#74ebd5;color:#fff;text-align:left;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}._table-cell_44ee8_61{padding:12px;border-bottom:1px solid #ddd;font-size:1rem;color:#333}._even_44ee8_77{background-color:#f9f9f9}._odd_44ee8_85{background-color:#fff}._table_44ee8_3 tr:hover{background-color:#f1f1f1;cursor:pointer}._red-text_44ee8_107{color:red}._green-text_44ee8_115{color:green}@media (max-width: 768px){._table-header_44ee8_37,._table-cell_44ee8_61{padding:10px;font-size:.9rem}}.add-buttons-container{display:flex;justify-content:space-around;align-items:center;margin-top:20px;gap:15px}.add-button{background:#74ebd5;color:#fff;font-size:1rem;border:none;border-radius:8px;padding:12px 18px;cursor:pointer;transition:all .3s ease-in-out;width:100%;max-width:200px;text-align:center;box-shadow:0 4px 8px #0000001a}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.add-button:active{transform:translateY(2px);box-shadow:0 2px 6px #0000001a}.add-customer-button{background:#4caf50}.add-customer-button:hover{background:#45a049}.add-vehicle-button{background:#2196f3}.add-vehicle-button:hover{background:#1976d2}.add-invoice-button{background:#ff9800}.add-invoice-button:hover{background:#fb8c00}.disabled{background:#ccc;cursor:not-allowed}body{font-family:Arial,sans-serif;background:linear-gradient(to bottom,#e0f7fa,#b3e5fc,#90caf9);min-height:100vh;height:auto}