:root{--card-shadow:0 4px 6px #0000001a}.dark-mode{--primary-color:#3498db;--secondary-color:#2ecc71;--card-shadow:0 4px 6px #0000004d}.electric-car-list header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.electric-car-list h1{color:#3498db;color:var(--primary-color);font-size:2.5rem}.filters{flex-direction:column;gap:15px;max-width:300px}.filter-category{border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;gap:5px;padding:10px}.filter-category label{align-items:center;color:#3498db;color:var(--primary-color);display:flex;font-weight:700;margin-bottom:5px}.filter-category label input[type=checkbox]{margin-right:10px}.filter-inputs{display:flex;gap:10px}.filter-inputs input,.filter-inputs select{background-color:#fff;background-color:var(--card-background);border:1px solid #ddd;border-radius:4px;color:#333;color:var(--text-color);flex:1 1;font-size:1rem;padding:8px}.button-group{display:flex;gap:10px;margin-top:10px}.apply-button,.reset-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.apply-button{background-color:#2ecc71;background-color:var(--secondary-color)}.apply-button:hover{background-color:#27ae60}.reset-button{background-color:#e74c3c}.reset-button:hover{background-color:#c0392b}.apply-button:disabled,.reset-button:disabled{background-color:#95a5a6;cursor:not-allowed}.car-count{font-size:1.3rem;font-style:italic;margin-bottom:20px}.car-list{list-style-type:none;padding:0}.car-item{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--card-shadow);margin-bottom:15px;padding:20px;transition:transform .3s}.car-item:hover{transform:translateY(-3px)}.car-item h2{color:#3498db;color:var(--primary-color);font-size:1.3rem;margin-bottom:10px;margin-top:0}.car-specs{display:flex;flex-wrap:wrap;gap:15px}.car-spec{flex:1 1;min-width:150px}.car-spec span{color:#2ecc71;color:var(--secondary-color);font-weight:700}.car-table{border-collapse:collapse;margin-top:20px;width:100%}.car-table td,.car-table th{border-bottom:1px solid #333;border-bottom:1px solid var(--text-color);padding:12px;text-align:left}.car-table th{background-color:#3498db;background-color:var(--primary-color);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.car-table th:hover{background-color:#2ecc71;background-color:var(--secondary-color)}.car-table tbody tr{background-color:#fff;background-color:var(--card-background)}.car-table tbody tr:hover{background-color:#2ecc71;background-color:var(--secondary-color);color:#fff}.more-filters-button{background-color:#3498db;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 15px}.more-filters-button:hover{background-color:#2ecc71;background-color:var(--secondary-color)}@media (max-width:768px){.filters{flex-direction:column}.button-group,.filters input,.filters select{width:100%}.car-specs{flex-direction:column}.car-table{font-size:14px}.car-table td,.car-table th{padding:8px}}:root{--primary-color:#3498db;--secondary-color:#2ecc71;--background-color:#f4f4f4;--text-color:#333;--card-background:#fff;--card-shadow:0 2px 4px #0000001a}body{background-color:#f4f4f4;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{align-items:center;background-color:#3498db;background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:1rem}.App-header h1{font-size:1.5rem;margin:0}main{flex:1 1;padding:2rem}.dark-mode{--primary-color:#2980b9;--secondary-color:#27ae60;--background-color:#2c3e50;--text-color:#ecf0f1;--card-background:#34495e;--card-shadow:0 2px 4px #0000004d}.dark-mode body{background-color:#f4f4f4;background-color:var(--background-color);color:#333;color:var(--text-color)}.electric-car-list{margin:0 auto;max-width:1000px;padding:20px}.filters{display:flex;justify-content:space-between;margin-bottom:20px}.filters input{border:1px solid #ddd;border-radius:4px;padding:10px}table{background-color:#fff;border-collapse:collapse;box-shadow:0 0 20px #0000001a;width:100%}td,th{border-bottom:1px solid #ddd;padding:15px;text-align:left}th{background-color:#4caf50;color:#fff}tr:hover{background-color:#f5f5f5}.add-car-form{background-color:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:500px;padding:20px}.add-car-form h2{margin-bottom:20px}.add-car-form input,.add-car-form select{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.add-car-form button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.add-car-form button:hover{background-color:#45a049}.dark-mode-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}
/*# sourceMappingURL=main.47e657bc.css.map*/