body { font-family: sans-serif; padding: 20px; background: #f4f4f4; }
.form-section { background: white; padding: 15px; border-radius: 8px; margin-bottom: 20px; }
form input, form select { padding: 8px; margin-right: 5px; }
#form-errors { color: red; margin-top: 10px; font-size: 0.85em; }

.grid-container { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
    gap: 15px; 
    margin-top: 20px; 
}
.product-card { 
    background: white; 
    padding: 15px; 
    border: 1px solid #ddd; 
    border-radius: 5px; 
}
#message { 
    margin-top: 30px; 
    font-weight: bold; 
    padding: 10px; 
    background: #e9e9e9; 
}
.delete-btn { background: #ff4d4d; color: white; border: none; padding: 5px 10px; cursor: pointer; }