body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; }
.container { width: 1200px; margin: 0 auto; background: white; padding: 20px; border-radius: 8px; }
header { display: flex; justify-content: space-between; align-items: center; background: #2c3e50; color: white; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.grid { display: flex; gap: 20px; align-items: flex-start; }
.sidebar { width: 350px; flex-shrink: 0; }
.main-content { flex-grow: 1; }
.card { border: 1px solid #ddd; padding: 15px; border-radius: 5px; margin-bottom: 15px; }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
.btn { padding: 8px 12px; background: #3498db; color: white; text-decoration: none; border-radius: 4px; display: inline-block; }
.car-list-item { padding: 10px; border-bottom: 1px solid #eee; }
/* Form Styling */
.form-group { margin-bottom: 15px; }
.form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
.form-group input { 
    width: 100%; 
    padding: 10px; 
    border: 1px solid var(--border-color); 
    border-radius: 4px; 
    box-sizing: border-box; /* Crucial: Keeps padding inside the width */
}

/* Button consistency */
.btn-success { 
    background-color: #2ecc71 !important; 
    color: white !important; 
    padding: 10px 20px; 
    border: none; 
    border-radius: 4px; 
    cursor: pointer; 
}
/* Ensure form inputs are visible */
input[type="text"], 
input[type="number"], 
input[type="date"], 
input[type="password"] {
    width: 100%;
    padding: 12px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc; /* This makes the box visible */
    border-radius: 4px;
    box-sizing: border-box; /* Ensures padding doesn't break the layout */
    background-color: #f9f9f9;
}

/* Style for labels */
label {
    font-weight: bold;
    display: block;
    margin-top: 10px;
}